Merge version_20 into main

Merge version_20 into main

src/app/about/page.tsx

@@ -29,7 +29,7 @@ export default function AboutPage() {
               { name: "Team", id: "team"},
               { name: "Testimonials", id: "testimonials"},
               { name: "FAQ", id: "faq"},
-              { name: "Contact", id: "contact"},
+              { name: "Contact", id: "/contact"},
             ]}
             brandName="Lackawanna"
             />
@@ -38,17 +38,11 @@ export default function AboutPage() {
         <div id="about-content" className="pt-32 pb-24">
             <SplitAbout
                 title="About Lackawanna Barber Shop"
-                description="At Lackawanna, we are dedicated to preserving the art of traditional barbering while serving the modern man. With over two decades of experience, our commitment to quality, community, and precision cuts has made us a cornerstone of Morristown."
+                description={["At Lackawanna, we are dedicated to preserving the art of traditional barbering while serving the modern man. With over two decades of experience, our commitment to quality, community, and precision cuts has made us a cornerstone of Morristown."]}
                 textboxLayout="default"
                 useInvertedBackground={false}
-                bulletPoints={[
-                    { title: "Expert Precision", description: "Master barbers trained in both classic and contemporary styles." },
-                    { title: "Classic Atmosphere", description: "A warm, welcoming environment that honors the traditional barbershop experience." },
-                    { title: "Community Focused", description: "Proudly serving the Morristown area for over 20 years." }
-                ]}
                 imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRaO5i0elf1aDIpszoFKWNR31x/uploaded-1776352201800-hefnk77v.jpg?_wi=2"
                 imageAlt="Lackawanna Barber Shop Interior"
-                mediaAnimation="slide-up"
             />
         </div>
 
@@ -56,7 +50,7 @@ export default function AboutPage() {
             <FooterLogoEmphasis
                 logoText="Lackawanna Barber Shop"
                 columns={[
-                { items: [{ label: "132 Morris St, Morristown, NJ", href: "#contact" }, { label: "+1 (973) 538-1675" }] },
+                { items: [{ label: "132 Morris St, Morristown, NJ", href: "/contact" }, { label: "+1 (973) 538-1675" }] },
                 { items: [{ label: "Services", href: "#services" }, { label: "Team", href: "#team" }, { label: "FAQs", href: "#faq" }] }
                 ]}
             />

src/app/contact/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "About", id: "/about"},
+              { name: "Services", id: "services"},
+              { name: "Team", id: "team"},
+              { name: "Testimonials", id: "testimonials"},
+              { name: "FAQ", id: "faq"},
+              { name: "Contact", id: "/contact"},
+            ]}
+            brandName="Lackawanna"
+            />
+        </div>
+
+        <div id="contact-content" className="pt-32 pb-24">
+            <ContactCenter
+                tag="Visit Us"
+                title="Ready for your next cut?"
+                description="Stop by our Morristown shop to experience the Lackawanna difference."
+                background={{ variant: "sparkles-gradient" }}
+                useInvertedBackground={true}
+            />
+        </div>
+
+        <div id="footer">
+            <FooterLogoEmphasis
+                logoText="Lackawanna Barber Shop"
+                columns={[
+                { items: [{ label: "132 Morris St, Morristown, NJ", href: "/contact" }, { label: "+1 (973) 538-1675" }] },
+                { items: [{ label: "Services", href: "#services" }, { label: "Team", href: "#team" }, { label: "FAQs", href: "#faq" }] }
+                ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -34,7 +34,7 @@ export default function LandingPage() {
         { name: "Team", id: "team"},
         { name: "Testimonials", id: "testimonials"},
         { name: "FAQ", id: "faq"},
-        { name: "Contact", id: "contact"},
+        { name: "Contact", id: "/contact"},
       ]}
       brandName="Lackawanna"
     />
@@ -77,9 +77,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "basic", badge: "Classic", price: "$40", subtitle: "Precision Haircut", features: ["Classic Scissor Cut", "Modern Styling", "Expert Consultation"], buttons: [{text: "Book Now", href: "#contact"}]},
-        { id: "pro", badge: "Premium", price: "$75", subtitle: "Full Grooming Experience", features: ["Precision Haircut", "Beard Trim", "Hot Towel Service", "Relaxed Refresh"], buttons: [{text: "Book Now", href: "#contact"}]},
-        { id: "kids", badge: "Family", price: "$30", subtitle: "Youth Haircut", features: ["Gentle Scissor Cut", "Fast Friendly Service", "Classic Style"], buttons: [{text: "Book Now", href: "#contact"}]},
+        { id: "basic", badge: "Classic", price: "$40", subtitle: "Precision Haircut", features: ["Classic Scissor Cut", "Modern Styling", "Expert Consultation"], buttons: [{text: "Book Now", href: "/contact"}]},
+        { id: "pro", badge: "Premium", price: "$75", subtitle: "Full Grooming Experience", features: ["Precision Haircut", "Beard Trim", "Hot Towel Service", "Relaxed Refresh"], buttons: [{text: "Book Now", href: "/contact"}]},
+        { id: "kids", badge: "Family", price: "$30", subtitle: "Youth Haircut", features: ["Gentle Scissor Cut", "Fast Friendly Service", "Classic Style"], buttons: [{text: "Book Now", href: "/contact"}]},
       ]}
       title="Quality Service, Transparent Price"
       description="Simple, honest pricing for the services you need."
@@ -139,21 +139,11 @@ export default function LandingPage() {
       />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-        tag="Visit Us"
-        title="Ready for your next cut?"
-        description="Stop by our Morristown shop to experience the Lackawanna difference."
-        background={{ variant: "sparkles-gradient" }}
-        useInvertedBackground={true}
-      />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
         logoText="Lackawanna Barber Shop"
         columns={[
-          { items: [{ label: "132 Morris St, Morristown, NJ", href: "#contact" }, { label: "+1 (973) 538-1675" }] },
+          { items: [{ label: "132 Morris St, Morristown, NJ", href: "/contact" }, { label: "+1 (973) 538-1675" }] },
           { items: [{ label: "Services", href: "#services" }, { label: "Team", href: "#team" }, { label: "FAQs", href: "#faq" }] }
         ]}
       />