Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,15 +32,25 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",          id: "hero"},
+          name: "Home",
+          id: "hero",
+        },
         {
-          name: "About",          id: "about"},
+          name: "About",
+          id: "about",
+        },
         {
-          name: "Services",          id: "features"},
+          name: "Services",
+          id: "features",
+        },
         {
-          name: "Testimonials",          id: "testimonials"},
+          name: "Testimonials",
+          id: "testimonials",
+        },
         {
-          name: "Contact",          id: "contact"},
+          name: "Contact",
+          id: "contact",
+        },
       ]}
       brandName="Mane Moxie Studio"
     />
@@ -49,44 +59,77 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "radial-gradient"}}
+        variant: "radial-gradient",
+      }}
       title="Unleash Your Moxie"
       description="Experience premium hair and skin care in a relaxing, modern sanctuary. Dedicated to making you feel your best naturally."
       kpis={[
         {
-          value: "5.0",          label: "Google Rating"},
+          value: "5.0",
+          label: "Google Rating",
+        },
         {
-          value: "23+",          label: "Reviews"},
+          value: "23+",
+          label: "Reviews",
+        },
         {
-          value: "10+",          label: "Years Experience"},
+          value: "10+",
+          label: "Years Experience",
+        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Book Now",          href: "#contact"},
+          text: "Book Now",
+          href: "#contact",
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",          alt: "Satisfied client 1"},
+          src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
+          alt: "Satisfied client 1",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",          alt: "Satisfied client 2"},
+          src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
+          alt: "Satisfied client 2",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",          alt: "Satisfied client 3"},
+          src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
+          alt: "Satisfied client 3",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",          alt: "Satisfied client 4"},
+          src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",
+          alt: "Satisfied client 4",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg",          alt: "Satisfied client 5"},
+          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg",
+          alt: "Satisfied client 5",
+        },
       ]}
       avatarText="Trusted by 500+ happy clients"
       marqueeItems={[
         {
-          type: "text",          text: "Precision Hair"},
+          type: "text",
+          text: "Precision Cutting",
+        },
         {
-          type: "text",          text: "Premium Skincare"},
+          type: "text",
+          text: "Expert Blonding",
+        },
         {
-          type: "text",          text: "Expert Neurotoxin"},
+          type: "text",
+          text: "Organic Skincare",
+        },
+        {
+          type: "text",
+          text: "Hair Extensions",
+        },
+        {
+          type: "text",
+          text: "Spa Treatments",
+        },
       ]}
     />
   </div>
@@ -95,7 +138,7 @@ export default function LandingPage() {
       <MediaAbout
       useInvertedBackground={false}
       title="Welcome to Mane Moxie"
-      description="Located in Springfield, we provide a modern and comfortable environment where quality meets relaxation. From expert blonding to rejuvenating skincare and neurotoxin treatments, we are your go-to studio for beauty."
+      description="Located in Springfield, we provide a modern and comfortable environment where quality meets relaxation. From expert blonding to rejuvenating skincare, we are your go-to studio for beauty."
       imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg"
     />
   </div>
@@ -107,17 +150,48 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "1",          title: "Hair Services",          tags: ["Cut", "Color", "Styling"],
+          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg"},
+          title: "Expert Color & Blonding",
+          tags: [
+            "Hair Styling",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/holding-gun-temple-young-anxious-blonde-male-barber-uniform-holding-scissors-hair-clipper-isolated-violet-space-with-copy-space_141793-60304.jpg",
+        },
         {
-          id: "2",          title: "Skincare Treatments",          tags: ["Facials", "Rejuvenation"],
+          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-showing-peace-sign-two-finger-with-happy-feeling-isolated-white-background_1258-101470.jpg"},
+          title: "Rejuvenating Skincare",
+          tags: [
+            "Skin Health",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-showing-peace-sign-two-finger-with-happy-feeling-isolated-white-background_1258-101470.jpg",
+        },
         {
-          id: "3",          title: "Neurotoxin Services",          tags: ["Anti-Aging", "Consultation"],
+          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454812.jpg"},
+          title: "Precision Cutting",
+          tags: [
+            "Hair Care",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg",
+        },
+        {
+          id: "4",
+          title: "Nourishing Hair Masks",
+          tags: [
+            "Treatment",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454812.jpg",
+        },
+        {
+          id: "5",
+          title: "Professional Styling",
+          tags: [
+            "Styling",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108856.jpg",
+        },
       ]}
       title="Our Professional Services"
-      description="Comprehensive care for your hair, skin, and confidence."
+      description="Tailored treatments for your unique hair and skin needs."
     />
   </div>
 
@@ -129,13 +203,25 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",          value: "5/5",          title: "Quality Score",          description: "Consistently top-rated.",          icon: Star,
+          id: "m1",
+          value: "5/5",
+          title: "Quality Score",
+          description: "Consistently top-rated.",
+          icon: Star,
         },
         {
-          id: "m2",          value: "100%",          title: "Customer Joy",          description: "We ensure every client leaves happy.",          icon: Smile,
+          id: "m2",
+          value: "100%",
+          title: "Customer Joy",
+          description: "We ensure every client leaves happy.",
+          icon: Smile,
         },
         {
-          id: "m3",          value: "24/7",          title: "Booking Availability",          description: "Easy online scheduling.",          icon: Calendar,
+          id: "m3",
+          value: "24/7",
+          title: "Booking Availability",
+          description: "Easy online scheduling.",
+          icon: Calendar,
         },
       ]}
       title="Proven Excellence"
@@ -151,7 +237,25 @@ export default function LandingPage() {
       author="Jordan Katz"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",          alt: "Jordan Katz"},
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
+          alt: "Jordan Katz",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
+          alt: "Reviewer 2",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
+          alt: "Reviewer 3",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
+          alt: "Reviewer 4",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sits-sofa-room-with-green-palm-plants-book-stands_613910-11625.jpg",
+          alt: "Reviewer 5",
+        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -164,11 +268,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",          title: "Do I need to book in advance?",          content: "Yes, we recommend booking online via Vagaro for your preferred time."},
+          id: "f1",
+          title: "Do I need to book in advance?",
+          content: "Yes, we recommend booking online via Vagaro for your preferred time.",
+        },
         {
-          id: "f2",          title: "Is the studio wheelchair accessible?",          content: "Yes, our location on W Iles Ave is fully accessible."},
+          id: "f2",
+          title: "Is the salon wheelchair accessible?",
+          content: "Yes, our location on W Iles Ave is fully accessible.",
+        },
         {
-          id: "f3",          title: "Where are you located?",          content: "We are at 3270 W Iles Ave, Springfield, IL."},
+          id: "f3",
+          title: "Where are you located?",
+          content: "We are at 3270 W Iles Ave, Springfield, IL.",
+        },
       ]}
       title="Common Questions"
       description="Get all the details about visiting our studio."
@@ -180,17 +293,25 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={true}
       title="Book Your Session"
-      description="Questions? Reach out by phone at 217-210-9917 or use the form below."
+      description="Ready for a transformation? Reach out today."
       inputs={[
         {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+          name: "name",
+          type: "text",
+          placeholder: "Your Name",
+          required: true,
         },
         {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
+          name: "email",
+          type: "email",
+          placeholder: "Your Email",
+          required: true,
         },
       ]}
       textarea={{
-        name: "message",        placeholder: "Tell us about your interest in hair, skincare, or neurotoxin services...",        rows: 4,
+        name: "message",
+        placeholder: "Tell us what service you're interested in...",
+        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/confident-adult-female-barber-uniform-holding-combs-spray-bottle-scissors-isolated-purple-wall-with-copy-space_141793-120073.jpg"
@@ -203,25 +324,33 @@ export default function LandingPage() {
       logoText="Mane Moxie Studio"
       columns={[
         {
-          title: "Visit Us",          items: [
+          title: "Visit Us",
+          items: [
             {
-              label: "3270 W Iles Ave, Springfield, IL",              href: "https://maps.google.com"},
+              label: "3270 W Iles Ave, Springfield, IL",
+              href: "#",
+            },
             {
-              label: "217-210-9917",              href: "tel:2172109917"},
+              label: "217-210-9917",
-            {
+              href: "tel:2172109917",
-              label: "Instagram",              href: "https://instagram.com"},
+            },
-            {
-              label: "Facebook",              href: "https://facebook.com"},
           ],
         },
         {
-          title: "Links",          items: [
+          title: "Links",
+          items: [
             {
-              label: "Book Now",              href: "#contact"},
+              label: "Book Now",
+              href: "#contact",
+            },
             {
-              label: "Services",              href: "#features"},
+              label: "Services",
+              href: "#features",
+            },
             {
-              label: "Reviews",              href: "#testimonials"},
+              label: "Reviews",
+              href: "#testimonials",
+            },
           ],
         },
       ]}