Merge version_5 into main

Merge version_5 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"
     />
@@ -50,7 +50,7 @@ export default function LandingPage() {
         {
           text: "Call Us Now",          href: "tel:+15551234567"},
         {
-          text: "Schedule Service",          href: "#contact"},
+          text: "Schedule Service",          href: "/contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg"
       mediaAnimation="slide-up"
@@ -156,7 +156,7 @@ export default function LandingPage() {
       description="We are available for emergency repairs and scheduled maintenance. Contact us today for a free quote."
       buttons={[
         {
-          text: "Contact Us",          href: "mailto:floyds@example.com"},
+          text: "Contact Us",          href: "/contact"},
       ]}
     />
   </div>
@@ -170,4 +170,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}