Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -64,7 +64,7 @@ export default function LandingPage() {
         {
           imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg",          imageAlt: "Barbershop grooming tools"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777171.jpg",          imageAlt: "Modern grooming station"},
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777171.jpg?_wi=1",          imageAlt: "Modern grooming station"},
         {
           imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",          imageAlt: "Full shot of barber at hair salon"},
         {
@@ -152,17 +152,14 @@ export default function LandingPage() {
   </div>
 
   <div id="booking" data-section="booking">
-      <ContactText
+      <ContactCenter
+      tag="Get In Touch"
+      title="Ready for your next look?"
+      description="Book your appointment today or chat with us on WhatsApp."
+      background={{ variant: "rotated-rays-static-grid" }}
       useInvertedBackground={false}
-      background={{
+      className="py-24 px-6"
-        variant: "rotated-rays-static-grid"}}
+      containerClassName="max-w-4xl mx-auto"
-      text="Ready for your next look? Book your appointment today or chat with us on WhatsApp."
-      buttons={[
-        {
-          text: "Book Now",          href: "#"},
-        {
-          text: "WhatsApp Us",          href: "#"},
-      ]}
     />
   </div>
 
@@ -180,31 +177,30 @@ export default function LandingPage() {
       sideTitle="Location"
       sideDescription="📍 Hay Al Nahda, Sharjah\n📞 Call Now: +971 6 000 0000"
       faqsAnimation="blur-reveal"
+      className="py-24 px-6"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777171.jpg?_wi=2"
       logoText="Mirror Gents Centre"
       columns={[
         {
           title: "Company",          items: [
-            {
+            { label: "Services", href: "#services" },
-              label: "Services",              href: "#services"},
+            { label: "Booking", href: "#booking" },
-            {
-              label: "Booking",              href: "#booking"},
           ],
         },
         {
           title: "Contact",          items: [
-            {
+            { label: "Location", href: "#contact" },
-              label: "Location",              href: "#contact"},
+            { label: "WhatsApp", href: "#" },
-            {
-              label: "WhatsApp",              href: "#"},
           ],
         },
       ]}
-      copyrightText="© 2024 Mirror Gents Centre. All rights reserved."
+      copyrightText="© 2025 Mirror Gents Centre. All rights reserved."
+      className="py-16 px-6"
     />
   </div>
       </ReactLenis>