Merge version_1 into main

Merge version_1 into main

src/app/contact-us/page.tsx

@@ -1,91 +0,0 @@
-"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,14 +13,6 @@ 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"
@@ -37,8 +29,24 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
-      navItems={navItems}
-      brandName="DJ SEBA"
+      navItems={[
+        {
+          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"
     />
@@ -66,7 +74,7 @@ export default function LandingPage() {
       tagIcon={Speaker}
       buttons={[
         {
-          text: "Sprawdź dostępność",          href: "/contact-us"},
+          text: "Sprawdź dostępność",          href: "#contact"},
         {
           text: "Moje usługi",          href: "#services"},
       ]}
@@ -83,7 +91,7 @@ export default function LandingPage() {
       title="Pasja do Muzyki, Profesjonalizm na Scenie"
       buttons={[
         {
-          text: "Skontaktuj się!",          href: "/contact-us"},
+          text: "Skontaktuj się!",          href: "#contact"},
       ]}
     />
   </div>
@@ -147,7 +155,8 @@ export default function LandingPage() {
 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: "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: "events",          title: "Zrealizowane wydarzenia",          subtitle: "Od 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: "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%"},
@@ -181,6 +190,33 @@ Stawiam na profesjonalizm, komunikację i elastyczność, dzięki czemu mogę do
     />
   </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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLmBxM5CEFEhisfIr2xGuQKXY9/uploaded-1774278098670-pcuw4wq8.jpg"
+      imageAlt="Portret DJ-a Sebastiana z mikrofonem"
+      mediaAnimation="slide-up"
+      buttonText="Wyślij Wiadomość"
+    />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
@@ -197,7 +233,7 @@ Stawiam na profesjonalizm, komunikację i elastyczność, dzięki czemu mogę do
         {
           items: [
             {
-              label: "Kontakt",              href: "/contact-us"},
+              label: "Kontakt",              href: "#contact"},
             {
               label: "Polityka Prywatności",              href: "#"},
             {
@@ -205,7 +241,7 @@ Stawiam na profesjonalizm, komunikację i elastyczność, dzięki czemu mogę do
           ],
         },
       ]}
-      logoText="     DJ SEBA"
+      logoText="DJ Sebastian"
     />
   </div>
       </ReactLenis>