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", href: "/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", href: "/contact-us" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -29,23 +37,7 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "O Mnie",          id: "about",
-        },
-        {
-          name: "Usługi",          id: "services",
-        },
-        {
-          name: "Statystyki",          id: "metrics",
-        },
-        {
-          name: "FAQ",          id: "faq",
-        },
-        {
-          name: "Kontakt",          id: "contact",
-        },
-      ]}
+      navItems={navItems}
       brandName="DJ Sebastian"
       bottomLeftText="Twój DJ na każdą okazję"
       bottomRightText="kontakt@djsebastian.pl"
@@ -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>
@@ -186,33 +178,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 +194,7 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Kontakt",              href: "#contact"},
+              label: "Kontakt",              href: "/contact-us"},
             {
               label: "Polityka Prywatności",              href: "#"},
             {