Update src/app/page.tsx

src/app/page.tsx

@@ -31,29 +31,17 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "home"},
-          id: "home",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Khalifa Barber Shop"
     />
@@ -62,34 +50,23 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroSplitKpi
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Sharpen Your Style at Khalifa Barber Shop"
       description="Experience unparalleled grooming services, from classic cuts to modern styles. Our expert barbers are dedicated to crafting your perfect look and ensuring you leave feeling confident."
       kpis={[
         {
-          value: "10+",
+          value: "10+",          label: "Years of Expertise"},
-          label: "Years of Expertise",
-        },
         {
-          value: "5000+",
+          value: "5000+",          label: "Satisfied Clients"},
-          label: "Satisfied Clients",
-        },
         {
-          value: "5",
+          value: "5",          label: "Skilled Barbers"},
-          label: "Skilled Barbers",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Book an Appointment",
+          text: "Book an Appointment",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "View Services",
+          text: "View Services",          href: "#services"},
-          href: "#services",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2149220585.jpg"
       mediaAnimation="slide-up"
@@ -116,28 +93,13 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          tag: "Hair Care",
+          tag: "Hair Care",          title: "Precision Haircuts",          subtitle: "Classic to Contemporary",          description: "Whether you prefer a timeless classic, a modern fade, or a quick buzz cut, our barbers deliver meticulous precision and personalized style.",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg"},
-          title: "Precision Haircuts",
-          subtitle: "Classic to Contemporary",
-          description: "Whether you prefer a timeless classic, a modern fade, or a quick buzz cut, our barbers deliver meticulous precision and personalized style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg",
-        },
         {
           id: 2,
-          tag: "Face Care",
+          tag: "Face Care",          title: "Deluxe Shaving & Trims",          subtitle: "Hot Lather & Beard Styling",          description: "Indulge in our luxurious hot lather shaves for ultimate smoothness, or opt for a precision beard trim and line-up to perfect your facial hair.",          imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg"},
-          title: "Deluxe Shaving & Trims",
-          subtitle: "Hot Lather & Beard Styling",
-          description: "Indulge in our luxurious hot lather shaves for ultimate smoothness, or opt for a precision beard trim and line-up to perfect your facial hair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg",
-        },
         {
           id: 3,
-          tag: "Specialty",
+          tag: "Specialty",          title: "Exclusive Grooming Treatments",          subtitle: "Hair Styling & Facial Care",          description: "Elevate your look with our professional hair wash and styling, or rejuvenate your skin with our refreshing facial grooming services.",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-foam-face-client_23-2147737016.jpg"},
-          title: "Exclusive Grooming Treatments",
-          subtitle: "Hair Styling & Facial Care",
-          description: "Elevate your look with our professional hair wash and styling, or rejuvenate your skin with our refreshing facial grooming services.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-foam-face-client_23-2147737016.jpg",
-        },
       ]}
       title="Masterful Cuts and Premium Grooming"
       description="Discover our comprehensive range of services, meticulously designed to ensure you always look sharp and feel impeccably confident."
@@ -152,41 +114,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "classic-haircut",
+          id: "classic-haircut",          badge: "Popular",          badgeIcon: Star,
-          badge: "Popular",
+          price: "$30",          subtitle: "A fresh, classic cut to refine your look.",          features: [
-          badgeIcon: Star,
+            "Precision Haircut",            "Hair Wash",            "Basic Styling"],
-          price: "$30",
-          subtitle: "A fresh, classic cut to refine your look.",
-          features: [
-            "Precision Haircut",
-            "Hair Wash",
-            "Basic Styling",
-          ],
         },
         {
-          id: "deluxe-shave",
+          id: "deluxe-shave",          badge: "Relax",          badgeIcon: Sparkles,
-          badge: "Relax",
+          price: "$25",          subtitle: "Indulge in a luxurious, smooth hot lather shave.",          features: [
-          badgeIcon: Sparkles,
+            "Hot Lather Shave",            "Face Massage",            "Aftershave Application"],
-          price: "$25",
-          subtitle: "Indulge in a luxurious, smooth hot lather shave.",
-          features: [
-            "Hot Lather Shave",
-            "Face Massage",
-            "Aftershave Application",
-          ],
         },
         {
-          id: "full-grooming",
+          id: "full-grooming",          badge: "Best Value",          badgeIcon: Award,
-          badge: "Best Value",
+          price: "$50",          subtitle: "The complete grooming experience for a polished look.",          features: [
-          badgeIcon: Award,
+            "Precision Haircut",            "Deluxe Hot Shave",            "Beard Trim & Line-Up",            "Hair Styling"],
-          price: "$50",
-          subtitle: "The complete grooming experience for a polished look.",
-          features: [
-            "Precision Haircut",
-            "Deluxe Hot Shave",
-            "Beard Trim & Line-Up",
-            "Hair Styling",
-          ],
         },
       ]}
       title="Transparent Pricing for Premium Services"
@@ -201,41 +141,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Ahmed Al-Farsi",          date: "May 20, 2024",          title: "Always a perfect cut!",          quote: "Khalifa Barber Shop consistently delivers the best haircuts in town. The attention to detail is outstanding, and the atmosphere is always welcoming. Highly recommend!",          tag: "Haircut",          avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg"},
-          name: "Ahmed Al-Farsi",
-          date: "May 20, 2024",
-          title: "Always a perfect cut!",
-          quote: "Khalifa Barber Shop consistently delivers the best haircuts in town. The attention to detail is outstanding, and the atmosphere is always welcoming. Highly recommend!",
-          tag: "Haircut",
-          avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Omar Hassan",          date: "April 15, 2024",          title: "Best shave experience!",          quote: "The hot lather shave here is pure bliss. My skin feels incredibly smooth afterwards. It's more than just a shave; it's a relaxing experience.",          tag: "Shave",          avatarSrc: "http://img.b2bpic.net/free-photo/bearded-european-businessman-dark-suit-isolated-ties-tie_343596-4953.jpg"},
-          name: "Omar Hassan",
-          date: "April 15, 2024",
-          title: "Best shave experience!",
-          quote: "The hot lather shave here is pure bliss. My skin feels incredibly smooth afterwards. It's more than just a shave; it's a relaxing experience.",
-          tag: "Shave",
-          avatarSrc: "http://img.b2bpic.net/free-photo/bearded-european-businessman-dark-suit-isolated-ties-tie_343596-4953.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Youssef Khan",          date: "March 10, 2024",          title: "My go-to place for grooming.",          quote: "I've been coming to Khalifa for years. The barbers are truly artists, and I always leave feeling sharp and confident. Their full grooming package is a must-try.",          tag: "Grooming",          avatarSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg"},
-          name: "Youssef Khan",
-          date: "March 10, 2024",
-          title: "My go-to place for grooming.",
-          quote: "I've been coming to Khalifa for years. The barbers are truly artists, and I always leave feeling sharp and confident. Their full grooming package is a must-try.",
-          tag: "Grooming",
-          avatarSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Tariq Mahmood",          date: "February 28, 2024",          title: "Professional and friendly staff.",          quote: "The staff here are very professional and always provide a friendly service. They listen to what you want and execute it perfectly. Great place!",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/man-waiting-new-haircut_23-2148353450.jpg"},
-          name: "Tariq Mahmood",
-          date: "February 28, 2024",
-          title: "Professional and friendly staff.",
-          quote: "The staff here are very professional and always provide a friendly service. They listen to what you want and execute it perfectly. Great place!",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/man-waiting-new-haircut_23-2148353450.jpg",
-        },
       ]}
       title="What Our Valued Clients Say"
       description="Hear directly from those who consistently trust Khalifa Barber Shop for their grooming needs and impeccable style."
@@ -250,27 +162,16 @@ export default function LandingPage() {
       description="Ready for a fresh look? Schedule your visit with our expert barbers. We look forward to welcoming you to Khalifa Barber Shop."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Phone Number (Optional)"},
-          type: "tel",
-          placeholder: "Phone Number (Optional)",
-        },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Tell us about your desired service or preferred time...",        rows: 4,
-        placeholder: "Tell us about your desired service or preferred time...",
-        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/cafe-canopy-window-paris_1147-462.jpg"
       mediaAnimation="slide-up"
@@ -284,50 +185,31 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg"
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Haircuts",
+              label: "Haircuts",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Shaves",
+              label: "Shaves",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Grooming",
+              label: "Grooming",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Testimonials",
+              label: "Testimonials",              href: "#testimonials"},
-              href: "#testimonials",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -338,4 +220,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}