dark background

1 files changed, 36 insertions, 13 deletions

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 71567a1..0086de5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -41,7 +41,6 @@ const metadata = {
   >
     <Fragment slot="title">
       <span class="text-white">
-        <span class="block md:hidden">CustomWorks</span>
         <span class="hidden md:block">Detailing, wrapping, tuning</span>
       </span>
     </Fragment>
@@ -132,18 +131,23 @@ const metadata = {
       src: '~/assets/images/content-image.webp',
       alt: 'CustomWorks - Profesjonalne usługi detailingu samochodowego',
     }}
+    classes={{
+      container: 'text-white',
+    }}
   >
     <Fragment slot="content">
-      <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
+      <h3 class="text-2xl font-bold tracking-tight text-white sm:text-3xl mb-2">
         Profesjonalna opieka nad Twoim samochodem
       </h3>
-      W Custom Works zawsze dokładam wszelkich starań, aby spełnić oczekiwania moich klientów, a nawet je przekroczyć. Działam
-      z myślą o Twoim zadowoleniu, gwarantując solidność i niezawodność usług. Zapraszam do kontaktu ze mną, by dowiedzieć
-      się więcej o tym, jak mogę nadać Twojemu samochodowi wyjątkowy charakter!
+      <span class="text-gray-300">
+        W Custom Works zawsze dokładam wszelkich starań, aby spełnić oczekiwania moich klientów, a nawet je przekroczyć. Działam
+        z myślą o Twoim zadowoleniu, gwarantując solidność i niezawodność usług. Zapraszam do kontaktu ze mną, by dowiedzieć
+        się więcej o tym, jak mogę nadać Twojemu samochodowi wyjątkowy charakter!
+      </span>
     </Fragment>
 
     <Fragment slot="bg">
-      <div class="absolute inset-0 bg-section dark:bg-transparent"></div>
+      <div class="absolute inset-0" style="background-color: #222222;"></div>
     </Fragment>
   </Content>
 
@@ -174,18 +178,23 @@ const metadata = {
       src: '~/assets/images/content-image2.webp',
       alt: 'CustomWorks - Profesjonalne usługi detailingu samochodowego',
     }}
+    classes={{
+      container: 'text-white',
+    }}
   >
     <Fragment slot="content">
-      <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
+      <h3 class="text-2xl font-bold tracking-tight text-white sm:text-3xl mb-2">
         Kompleksowe rozwiązania dla Twojego samochodu
       </h3>
-      Oferuję pełen zakres usług detailingowych, od podstawowego mycia po zaawansowane powłoki ochronne. Każdy samochód traktuję
-      indywidualnie, dostosowując metody pracy do jego specyfiki. Używam tylko sprawdzonych i certyfikowanych produktów,
-      gwarantując trwałe i satysfakcjonujące rezultaty.
+      <span class="text-gray-300">
+        Oferuję pełen zakres usług detailingowych, od podstawowego mycia po zaawansowane powłoki ochronne. Każdy samochód traktuję
+        indywidualnie, dostosowując metody pracy do jego specyfiki. Używam tylko sprawdzonych i certyfikowanych produktów,
+        gwarantując trwałe i satysfakcjonujące rezultaty.
+      </span>
     </Fragment>
 
     <Fragment slot="bg">
-      <div class="absolute inset-0 bg-section dark:bg-transparent"></div>
+      <div class="absolute inset-0" style="background-color: #222222;"></div>
     </Fragment>
   </Content>
 
@@ -294,7 +303,14 @@ const metadata = {
         alt: 'CustomWorks - Przykład pracy detailingowej',
       },
     ]}
-  />
+    classes={{
+      container: 'text-white',
+    }}
+  >
+    <Fragment slot="bg">
+      <div class="absolute inset-0" style="background-color: #222222;"></div>
+    </Fragment>
+  </Portfolio>
 
   <!-- Mapa **************** -->
 
@@ -318,5 +334,12 @@ const metadata = {
         icon: 'tabler:map-pin',
       },
     ]}
-  />
+    classes={{
+      container: 'text-white',
+    }}
+  >
+    <Fragment slot="bg">
+      <div class="absolute inset-0" style="background-color: #222222;"></div>
+    </Fragment>
+  </Steps2>
 </Layout>