Update theme colors

Merge version_1 into main

src/app/contact-us/page.tsx

@@ -0,0 +1,91 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function ContactPage() {
+  const navItems = [
+    { name: "O Mnie", id: "about" },
+    { name: "Usługi", id: "services" },
+    { name: "Statystyki", id: "metrics" },
+    { name: "FAQ", id: "faq" },
+    { name: "Kontakt", id: "/contact-us" },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeLargeTitles"
+        background="grid"
+        cardStyle="inset"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            brandName="DJ Sebastian"
+            bottomLeftText="Twój DJ na każdą okazję"
+            bottomRightText="kontakt@djsebastian.pl"
+          />
+        </div>
+
+        <div id="contact-form-page" data-section="contact-form-page">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Skontaktuj Się Ze Mną!"
+            description="Gotowy, by rozkręcić Twoją imprezę? Wypełnij formularz, a ja odezwę się jak najszybciej, by omówić szczegóły."
+            inputs={[
+              {
+                name: "Imię", type: "text", placeholder: "Twoje imię", required: true,
+              },
+              {
+                name: "Email", type: "email", placeholder: "Twój adres e-mail", required: true,
+              },
+              {
+                name: "Telefon", type: "tel", placeholder: "Twój numer telefonu (opcjonalnie)", required: false,
+              },
+            ]}
+            textarea={{
+              name: "Wiadomość", placeholder: "Opisz swoje wydarzenie i datę", rows: 4, required: true,
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3012.jpg"
+            imageAlt="Portret DJ-a Sebastiana z mikrofonem"
+            mediaAnimation="slide-up"
+            buttonText="Wyślij Wiadomość"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "O Mnie", href: "#about" },
+                  { label: "Usługi", href: "#services" },
+                  { label: "FAQ", href: "#faq" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Kontakt", href: "/contact-us" },
+                  { label: "Polityka Prywatności", href: "#" },
+                  { label: "Regulamin", href: "#" },
+                ],
+              },
+            ]}
+            logoText="DJ Sebastian"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
@@ -13,6 +13,14 @@ import TextAbout from '@/components/sections/about/TextAbout';
 import { Briefcase, Heart, Home, Sparkles, Speaker, User } from "lucide-react";
 
 export default function LandingPage() {
+  const navItems = [
+    { name: "O Mnie", id: "about" },
+    { name: "Usługi", id: "services" },
+    { name: "Statystyki", id: "metrics" },
+    { name: "FAQ", id: "faq" },
+    { name: "Kontakt", id: "/contact-us" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -29,24 +37,8 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
-      navItems={[
+      navItems={navItems}
-        {
+      brandName="DJ SEBA"
-          name: "O Mnie",          id: "about",
-        },
-        {
-          name: "Usługi",          id: "services",
-        },
-        {
-          name: "Statystyki",          id: "metrics",
-        },
-        {
-          name: "FAQ",          id: "faq",
-        },
-        {
-          name: "Kontakt",          id: "contact",
-        },
-      ]}
-      brandName="DJ Sebastian"
       bottomLeftText="Twój DJ na każdą okazję"
       bottomRightText="kontakt@djsebastian.pl"
     />
@@ -57,7 +49,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{
         variant: "sparkles-gradient"}}
-      title="DJ Sebastian: Rozkręćmy Twoją Imprezę!"
+      title="DJ SEBA: Rozkręćmy Twoją Imprezę!"
       description="Profesjonalna oprawa muzyczna na każde wydarzenie: wesele, 18-stka, impreza firmowa czy prywatka. Gwarantuję niezapomnianą zabawę i taneczny parkiet!"
       testimonials={[
         {
@@ -74,7 +66,7 @@ export default function LandingPage() {
       tagIcon={Speaker}
       buttons={[
         {
-          text: "Sprawdź dostępność",          href: "#contact"},
+          text: "Sprawdź dostępność",          href: "/contact-us"},
         {
           text: "Moje usługi",          href: "#services"},
       ]}
@@ -91,7 +83,7 @@ export default function LandingPage() {
       title="Pasja do Muzyki, Profesjonalizm na Scenie"
       buttons={[
         {
-          text: "Skontaktuj się!",          href: "#contact"},
+          text: "Skontaktuj się!",          href: "/contact-us"},
       ]}
     />
   </div>
@@ -151,11 +143,14 @@ export default function LandingPage() {
       textboxLayout="default"
       metrics={[
         {
-          id: "experience",          title: "Lata doświadczenia",          subtitle: "w branży muzycznej",          category: "kariera",          value: "10+"},
+          id: "experience",          title: "Lata doświadczenia",          subtitle: "DJ z 3-letnim doświadczeniem – energia, styl i niezapomniane imprezy
+Muzyka to dla mnie coś więcej niż pasja – to sposób na tworzenie wyjątkowej atmosfery i niezapomnianych chwil. Od ponad 3 lat jako DJ dbam o oprawę muzyczną różnego rodzaju wydarzeń, od imprez klubowych, przez wesela, aż po eventy firmowe i prywatne.
+Specjalizuję się w dopasowywaniu setów do klimatu wydarzenia oraz oczekiwań gości. Swobodnie poruszam się w wielu gatunkach muzycznych – od hitów komercyjnych, przez house, R&B, hip-hop, aż po klasyki, które zawsze rozkręcają parkiet. ",          category: "kariera",          value: "10+"},
         {
-          id: "events",          title: "Zrealizowane wydarzenia",          subtitle: "od małych po duże",          category: "sukcesy",          value: "500+"},
+          id: "events",          title: "Zrealizowane wydarzenia",          subtitle: "Zrealizowane wydarzenia – od małych po te dużeOd małych po te duże – przez 3 lata miałem okazję występować na wielu wydarzeniach, zdobywając cenne doświadczenie i rozwijając swój styl. Grałem zarówno na kameralnych imprezach prywatnych, jak i większych eventach, takich jak wesela, imprezy klubowe oraz wydarzenia firmowe.Każde z nich traktuję indywidualnie, dbając o odpowiedni klimat, energię i dopasowanie muzyki do charakteru wydarzenia oraz oczekiwań uczestników. Dzięki temu każda impreza zyskuje unikalny vibe i zostaje w pamięci gości na długo. ",          category: "sukcesy",          value: "500+"},
         {
-          id: "satisfiedClients",          title: "Zadowoleni klienci",          subtitle: "i roztańczeni goście",          category: "zadowolenie",          value: "99%"},
+          id: "satisfiedClients",          title: "Zadowoleni klienci",          subtitle: "Zadowolenie klientów to dla mnie priorytet – przez 3 lata współpracy miałem przyjemność pracować z wieloma osobami i firmami, które zaufały mi przy organizacji swoich wydarzeń. Każde zlecenie to dla mnie odpowiedzialność za atmosferę i dobrą zabawę gości.
+Stawiam na profesjonalizm, komunikację i elastyczność, dzięki czemu mogę dopasować się do oczekiwań i stworzyć dokładnie taki klimat, jakiego potrzebuje klient. Pozytywne opinie i powracający klienci to dla mnie najlepsza rekomendacja. ",          category: "zadowolenie",          value: "99%"},
       ]}
       title="Liczby Mówią Same Za Siebie"
       description="Moje doświadczenie i zaangażowanie gwarantują udaną imprezę."
@@ -186,33 +181,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Skontaktuj Się Ze Mną!"
-      description="Gotowy, by rozkręcić Twoją imprezę? Wypełnij formularz, a ja odezwę się jak najszybciej, by omówić szczegóły."
-      inputs={[
-        {
-          name: "Imię",          type: "text",          placeholder: "Twoje imię",          required: true,
-        },
-        {
-          name: "Email",          type: "email",          placeholder: "Twój adres e-mail",          required: true,
-        },
-        {
-          name: "Telefon",          type: "tel",          placeholder: "Twój numer telefonu (opcjonalnie)",          required: false,
-        },
-      ]}
-      textarea={{
-        name: "Wiadomość",        placeholder: "Opisz swoje wydarzenie i datę",        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3012.jpg"
-      imageAlt="Portret DJ-a Sebastiana z mikrofonem"
-      mediaAnimation="slide-up"
-      buttonText="Wyślij Wiadomość"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
@@ -229,7 +197,7 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Kontakt",              href: "#contact"},
+              label: "Kontakt",              href: "/contact-us"},
             {
               label: "Polityka Prywatności",              href: "#"},
             {
@@ -237,7 +205,7 @@ export default function LandingPage() {
           ],
         },
       ]}
-      logoText="DJ Sebastian"
+      logoText="     DJ SEBA"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #ffffff;
-  --card: #1f4035;
+  --card: #f9f9f9;
-  --foreground: #ffffff;
+  --foreground: #000612e6;
-  --primary-cta: #ffffff;
+  --primary-cta: #15479c;
-  --primary-cta-text: #051a12;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #0d2b1f;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #d4f6e8;
+  --secondary-cta-text: #000612e6;
-  --accent: #0d5238;
+  --accent: #e2e2e2;
-  --background-accent: #10b981;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);