Merge version_4 into main

Merge version_4 into main

src/app/contact/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="medium"
+      background="noiseDiagonalGradient"
+      cardStyle="inset"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/#services" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Floyd's Plumbing LLC"
+        />
+        <ContactSplit
+          tag="Get In Touch"
+          title="Contact Us"
+          description="We're here to help with all your plumbing needs. Fill out the form and our team will get back to you shortly."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+        <FooterCard
+          logoText="Floyd's Plumbing LLC"
+          copyrightText="© 2025 | Floyd's Plumbing LLC"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,11 +30,11 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",          id: "hero"},
+          name: "Home",          id: "/"},
         {
-          name: "Services",          id: "services"},
+          name: "Services",          id: "/#services"},
         {
-          name: "Contact",          id: "contact"},
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Floyd's Plumbing LLC"
     />