Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -29,10 +29,14 @@ 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"
     />
@@ -42,8 +46,24 @@ 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>
 
@@ -51,23 +71,28 @@ 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>
@@ -78,9 +103,16 @@ 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: "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"},
       ]}
       title="What Our Clients Say"
       description="Trusted by our community for high-quality service and a welcoming atmosphere."
@@ -92,9 +124,12 @@ 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."
@@ -104,32 +139,36 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <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" }}
+      <ContactText
       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 or 79720 22237"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       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"},
           ],
         },
       ]}