Update src/app/page.tsx

Merge version_2 into main

src/app/booking/page.tsx

@@ -25,49 +25,27 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Services",
-          id: "/services",
-        },
+          name: "Services",          id: "/services"},
         {
-          name: "Kids",
-          id: "/kids",
-        },
+          name: "Kids",          id: "/kids"},
         {
-          name: "Groom",
-          id: "/groom",
-        },
+          name: "Groom",          id: "/groom"},
         {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
+          name: "Portfolio",          id: "/portfolio"},
         {
-          name: "Team",
-          id: "/team",
-        },
+          name: "Team",          id: "/team"},
         {
-          name: "Testimonials",
-          id: "/testimonials",
-        },
+          name: "Testimonials",          id: "/testimonials"},
         {
-          name: "Offers",
-          id: "/offers",
-        },
+          name: "Offers",          id: "/offers"},
         {
-          name: "Booking",
-          id: "/booking",
-        },
+          name: "Booking",          id: "/booking"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="KOKO Salon"
     />
@@ -80,52 +58,29 @@ export default function LandingPage() {
       description="Experience the KOKO Salon difference. Select your desired service, choose your preferred barber, date, and time to secure your bespoke grooming session. We anticipate your visit and look forward to pampering you."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Full Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Full Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Your Email Address",          required: true,
         },
         {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number",
-          required: false,
+          name: "phone",          type: "tel",          placeholder: "Your Phone Number",          required: false,
         },
         {
-          name: "service",
-          type: "text",
-          placeholder: "Desired Service (e.g., Skin Fade, Royal Shave)",
-          required: true,
+          name: "barber",          type: "text",          placeholder: "Preferred Barber (Optional)",          required: false,
         },
         {
-          name: "barber",
-          type: "text",
-          placeholder: "Preferred Barber (Optional)",
-          required: false,
+          name: "date",          type: "date",          placeholder: "Preferred Date",          required: true,
         },
         {
-          name: "date",
-          type: "date",
-          placeholder: "Preferred Date",
-          required: true,
-        },
-        {
-          name: "time",
-          type: "time",
-          placeholder: "Preferred Time",
-          required: true,
+          name: "time",          type: "time",          placeholder: "Preferred Time",          required: true,
         },
       ]}
+      multiSelect={{
+        name: "serviceInterest",        label: "Service Interest",        options: ['Haircut', 'Shave', 'Kids Haircut', 'Groom Package']
+      }}
       textarea={{
-        name: "notes",
-        placeholder: "Special Requests or Notes for Your Barber",
-        rows: 4,
+        name: "notes",        placeholder: "Special Requests or Notes for Your Barber",        rows: 4,
         required: false,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/young-business-woman-using-tablet_1303-22693.jpg"
@@ -139,87 +94,51 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Classic Haircut",
-              href: "/services#classic",
-            },
+              label: "Classic Haircut",              href: "/services#classic"},
             {
-              label: "Skin Fade",
-              href: "/services#fade",
-            },
+              label: "Skin Fade",              href: "/services#fade"},
             {
-              label: "Royal Shave",
-              href: "/services#shave",
-            },
+              label: "Royal Shave",              href: "/services#shave"},
             {
-              label: "Hair Treatments",
-              href: "/services#treatment",
-            },
+              label: "Hair Treatments",              href: "/services#treatment"},
           ],
         },
         {
-          title: "About",
-          items: [
+          title: "About",          items: [
             {
-              label: "Our Story",
-              href: "/about",
-            },
+              label: "Our Story",              href: "/about"},
             {
-              label: "Our Team",
-              href: "/team",
-            },
+              label: "Our Team",              href: "/team"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Sitemap",
-              href: "#",
-            },
+              label: "Sitemap",              href: "#"},
           ],
         },
         {
-          title: "Packages",
-          items: [
+          title: "Packages",          items: [
             {
-              label: "Groom Packages",
-              href: "/groom",
-            },
+              label: "Groom Packages",              href: "/groom"},
             {
-              label: "Kids Experience",
-              href: "/kids",
-            },
+              label: "Kids Experience",              href: "/kids"},
             {
-              label: "Special Offers",
-              href: "/offers",
-            },
+              label: "Special Offers",              href: "/offers"},
             {
-              label: "VIP Membership",
-              href: "/offers#vip",
-            },
+              label: "VIP Membership",              href: "/offers#vip"},
           ],
         },
         {
-          title: "Connect",
-          items: [
+          title: "Connect",          items: [
             {
-              label: "Book Appointment",
-              href: "/booking",
-            },
+              label: "Book Appointment",              href: "/booking"},
             {
-              label: "Contact Us",
-              href: "/contact",
-            },
+              label: "Contact Us",              href: "/contact"},
             {
-              label: "WhatsApp",
-              href: "https://wa.me/01000000000",
-            },
+              label: "WhatsApp",              href: "https://wa.me/01000000000"},
             {
-              label: "Instagram",
-              href: "https://instagram.com/kokosalon",
-            },
+              label: "Instagram",              href: "https://instagram.com/kokosalon"},
           ],
         },
       ]}
@@ -230,4 +149,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -61,7 +61,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
       logoText="KOKO"
-      description="Luxury Men's Grooming Experience\\\nأفضل تجربة حلاقة رجالية وأطفال في السويس"
+      description="Luxury Men's Grooming Experience\\nأفضل تجربة حلاقة رجالية وأطفال في السويس"
       buttons={[
         {
           text: "Book Appointment",          href: "/booking"},
@@ -165,7 +165,7 @@ export default function LandingPage() {
           id: "wedding-package",          badge: "Elite",          badgeIcon: Crown,
           price: "$500",          subtitle: "Your Perfect Wedding Day Prep",          buttons: [
             {
-              text: "Book Your Royal Groom",              href: "/groom"},
+              text: "Book Your Royal Groom",          href: "/groom"},
           ],
           features: [
             "Precision Haircut & Style",            "Premium Skin Fade",            "Expert Beard Styling",            "Luxury Facial Care",            "Exclusive Hair Treatment",            "VIP Service & Private Suite"],
@@ -174,7 +174,7 @@ export default function LandingPage() {
           id: "premium-package",          badge: "Premium",          badgeIcon: Award,
           price: "$250",          subtitle: "Elevate Your Everyday Look",          buttons: [
             {
-              text: "Choose Premium Plan",              href: "/groom"},
+              text: "Choose Premium Plan",          href: "/groom"},
           ],
           features: [
             "Precision Haircut",            "Classic Shave or Beard Trim",            "Hair Styling",            "Invigorating Face Mask"],
@@ -207,7 +207,7 @@ export default function LandingPage() {
         {
           id: "5",          name: "Sara Ali",          handle: "@SaraMomLife",          testimonial: "As a parent, I appreciate the comfort and skill for kids' haircuts. My little one always leaves with a smile and a trendy cut. Thank you, KOKO!",          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",          imageAlt: "Sara Ali"},
       ]}
-      title="What Our Valued Clients Say"
+      title="Hear Their KOKO Salon Transformations" 
       description="Hear from gentlemen and parents who have experienced the KOKO Salon difference. Exceptional service and impeccable style, consistently delivered."
       buttons={[
         {
@@ -299,4 +299,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}