Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
@@ -49,7 +49,7 @@ export default function LandingPage() {
         { text: "Book Appointment", href: "#contact" },
         { text: "Call Now", href: "tel:+910000000000" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg?_wi=1"
       showDimOverlay={true}
       avatars={[
         { src: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", alt: "A master hairdresser prepares the face for shaving in the barber shop." },
@@ -96,8 +96,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "1", tag: "Basic", price: "₹100", period: "service", description: "Classic Hair Cut", button: { text: "Book", href: "#contact" }, featuresTitle: "Includes", features: ["Wash", "Cut", "Style"] },
         { id: "2", tag: "Popular", price: "₹300", period: "service", description: "Professional Facial", button: { text: "Book", href: "#contact" }, featuresTitle: "Includes", features: ["Cleansing", "Massage", "Glow"] },
+        { id: "1", tag: "Basic", price: "₹100", period: "service", description: "Classic Hair Cut", button: { text: "Book", href: "#contact" }, featuresTitle: "Includes", features: ["Wash", "Cut", "Style"] },
         { id: "3", tag: "Complete", price: "₹400", period: "service", description: "Hair Spa Package", button: { text: "Book", href: "#contact" }, featuresTitle: "Includes", features: ["Massage", "Treatment", "Relaxation"] }
       ]}
       title="Transparent Pricing"
@@ -143,23 +143,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
         tag="Contact"
-      useInvertedBackground={false}
-      background={{
-        variant: "canvas-reveal"}}
         title="Book Your Slot"
         description="Ready for a fresh new look? Book your appointment now."
+        background={{ variant: "canvas-reveal" }}
+        useInvertedBackground={false}
+        imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg?_wi=2"
+        mediaPosition="right"
+        buttonText="Book Now"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Traffic Jam Saloon"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "© 2026 Traffic Jam Saloon",        href: "#"}}
+      <FooterSimple
+        columns={[
+            { title: "Services", items: [{ label: "Haircuts" }, { label: "Styling" }, { label: "Facials" }] },
+            { title: "Company", items: [{ label: "About Us" }, { label: "Contact" }, { label: "Privacy Policy" }] }
+        ]}
+        bottomLeftText="© 2026 Traffic Jam Saloon"
+        bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>