Update src/app/page.tsx

Merge version_2 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 ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -29,14 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Magic Mirror Salon"
     />
@@ -46,24 +42,8 @@ export default function LandingPage() {
       <HeroOverlay
       title="Reflect Your True Elegance"
       description="Magic Mirror Unisex Salon offers professional hair, bridal, and spa services designed to help you look and feel your absolute best."
-      buttons={[
-        {
-          text: "Book Appointment",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Book Appointment", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151501004.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-hair-products-tools_23-2148547376.jpg",          alt: "Close-up hair products and tools"},
-        {
-          src: "http://img.b2bpic.net/free-photo/vintage-sink-decoration-with-vintage-style_1150-10826.jpg",          alt: "vintage sink and decoration with vintage style"},
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",          alt: "Empty wintertime luxury ski resort"},
-        {
-          src: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561140.jpg",          alt: "Digital lavender interior design"},
-        {
-          src: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",          alt: "Baking time with the best grandmother"},
-      ]}
-      avatarText="Trusted by our local community"
     />
   </div>
 
@@ -71,28 +51,23 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",          content: "Experience Excellence in Every Service"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4439.jpg",          alt: "Styling service"},
+        { type: "text", content: "Experience Excellence in Every Service" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4439.jpg", alt: "Styling service" },
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
-      useInvertedBackground={false}
       title="Our Signature Services"
       description="From precision haircuts to bridal makeovers, we provide premium beauty treatments tailored for your individual style."
       accordionItems={[
-        {
-          id: "1",          title: "Hair & Styling",          content: "Expert haircuts, styling, and color services."},
-        {
-          id: "2",          title: "Bridal & Event",          content: "Full wedding preparation and makeup packages."},
-        {
-          id: "3",          title: "Skin & Spa",          content: "Facials, waxing, and rejuvenating spa treatments."},
+        { id: "1", title: "Hair & Styling", content: "Expert haircuts, styling, and color services." },
+        { id: "2", title: "Bridal & Event", content: "Full wedding preparation and makeup packages." },
+        { id: "3", title: "Skin & Spa", content: "Facials, waxing, and rejuvenating spa treatments." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668423.jpg"
+      videoSrc=""
       mediaAnimation="slide-up"
     />
   </div>
@@ -103,16 +78,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          name: "Sarah J.",          role: "Client",          testimonial: "Very good service and nature of owner is very kind.",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg"},
-        {
-          id: "2",          name: "Michael K.",          role: "Client",          testimonial: "Highly recommend this place for anyone looking for a top-notch haircut!",          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg"},
-        {
-          id: "3",          name: "Priya D.",          role: "Client",          testimonial: "Gave a perfect hair cut with very soothing hair wash.",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16773.jpg"},
-        {
-          id: "4",          name: "Anjali S.",          role: "Client",          testimonial: "Amazing bridal makeup service, very professional.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-women-posing-together_23-2148431587.jpg"},
-        {
-          id: "5",          name: "Vikram M.",          role: "Client",          testimonial: "Best unisex salon in Akola, highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg"},
+        { id: "1", name: "Sarah J.", role: "Client", testimonial: "Very good service and nature of owner is very kind.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg" },
+        { id: "2", name: "Michael K.", role: "Client", testimonial: "Highly recommend this place for anyone looking for a top-notch haircut!", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg" },
+        { id: "3", name: "Priya D.", role: "Client", testimonial: "Gave a perfect hair cut with very soothing hair wash.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16773.jpg" },
       ]}
       title="What Our Clients Say"
       description="Trusted by our community for high-quality service and a welcoming atmosphere."
@@ -124,12 +92,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "Do I need an appointment?",          content: "Yes, we recommend booking in advance to ensure your preferred time."},
-        {
-          id: "q2",          title: "Do you offer bridal packages?",          content: "Yes, we specialize in wedding preparations and full bridal makeup."},
-        {
-          id: "q3",          title: "Where are you located?",          content: "We are at 1, Purva Vijaya Apartment, Birla Rd, Ramdaspeth, Akola."},
+        { id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance to ensure your preferred time." },
+        { id: "q2", title: "Do you offer bridal packages?", content: "Yes, we specialize in wedding preparations and full bridal makeup." },
+        { id: "q3", title: "Where are you located?", content: "We are at 1, Purva Vijaya Apartment, Birla Rd, Ramdaspeth, Akola." },
       ]}
       title="Common Questions"
       description="Find answers to help you book your next visit."
@@ -139,36 +104,32 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
+      tag="Contact Us"
+      title="Ready for a Makeover?"
+      description="Get in touch with us to book your appointment. Reach out via phone or email, and we'll confirm your visit soon!"
+      buttons={[{ text: "Call Now", href: "tel:+918411999259" }, { text: "WhatsApp", href: "https://wa.me/918411999259" }]}
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Visit us at Magic Mirror Unisex Salon for your next beauty transformation. Call us or WhatsApp for booking: 084119 99259"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="Magic Mirror Salon"
       columns={[
         {
           title: "Quick Links",          items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Contact",              href: "#contact"},
+            { label: "Home", href: "#hero" },
+            { label: "About", href: "#about" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
           title: "Services",          items: [
-            {
-              label: "Haircut",              href: "#features"},
-            {
-              label: "Bridal",              href: "#features"},
-            {
-              label: "Spa",              href: "#features"},
+            { label: "Haircut", href: "#features" },
+            { label: "Bridal", href: "#features" },
+            { label: "Spa", href: "#features" },
           ],
         },
       ]}