Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -31,25 +31,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Plans",
+          name: "Plans",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Calculator",
+          name: "Calculator",          id: "calculator"},
-          id: "calculator",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="SecureDrive UAE"
     />
@@ -58,42 +48,27 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Protect Your Drive, Secure Your Future"
       description="Experience reliable and affordable car insurance tailored for UAE roads, ensuring total peace of mind for you and your family."
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png",          alt: "Customer"},
-          alt: "Customer",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-woman-in-busi-1774699686740-3a2e64d0.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-woman-in-busi-1774699686740-3a2e64d0.png",          alt: "Customer"},
-          alt: "Customer",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png",          alt: "Customer"},
-          alt: "Customer",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-woman-in-busi-1774699686740-3a2e64d0.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-woman-in-busi-1774699686740-3a2e64d0.png",          alt: "Customer"},
-          alt: "Customer",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png",          alt: "Customer"},
-          alt: "Customer",
-        },
       ]}
       avatarText="Trusted by 5000+ drivers in the UAE"
       buttons={[
         {
-          text: "Get a Quote",
+          text: "Get a Quote",          href: "#calculator"},
-          href: "#calculator",
-        },
         {
-          text: "View Plans",
+          text: "View Plans",          href: "#pricing"},
-          href: "#pricing",
-        },
       ]}
       buttonAnimation="slide-up"
     />
@@ -106,20 +81,11 @@ export default function LandingPage() {
       description="Choose the coverage that fits your lifestyle. From basic liability to full premium health and vehicle protection."
       accordionItems={[
         {
-          id: "1",
+          id: "1",          title: "Third-Party Insurance",          content: "The essential legal requirement in UAE. Covers damage caused to others with affordable premiums and quick processing."},
-          title: "Third-Party Insurance",
-          content: "The essential legal requirement in UAE. Covers damage caused to others with affordable premiums and quick processing.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Comprehensive Insurance",          content: "Full protection for your own car and third parties. Includes coverage for theft, fire, and accidental damage."},
-          title: "Comprehensive Insurance",
-          content: "Full protection for your own car and third parties. Includes coverage for theft, fire, and accidental damage.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Health Insurance",          content: "Get personal and family medical coverage through our extensive network of UAE-approved providers."},
-          title: "Health Insurance",
-          content: "Get personal and family medical coverage through our extensive network of UAE-approved providers.",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/iconic-flat-style-shield-with-car-silhou-1774699686172-38a9aa13.png"
       imageAlt="Insurance Types"
@@ -134,53 +100,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Essential",          price: "AED 600",          subtitle: "Basic coverage for budget-conscious drivers",          buttons: [
-          badge: "Essential",
-          price: "AED 800",
-          subtitle: "Basic coverage for budget-conscious drivers",
-          buttons: [
             {
-              text: "Select Basic",
+              text: "Select Basic"},
-            },
           ],
           features: [
-            "Third-party cover",
+            "Third-party cover",            "24/7 Roadside support",            "Minimal documentation"],
-            "24/7 Roadside support",
-            "Minimal documentation",
-          ],
         },
         {
-          id: "standard",
+          id: "standard",          badge: "Recommended",          price: "AED 1,500",          subtitle: "Perfect for daily commuters",          buttons: [
-          badge: "Recommended",
-          price: "AED 1,500",
-          subtitle: "Perfect for daily commuters",
-          buttons: [
             {
-              text: "Select Standard",
+              text: "Select Standard"},
-            },
           ],
           features: [
-            "Comprehensive coverage",
+            "Comprehensive coverage",            "Fire & theft protection",            "Agency repair cover"],
-            "Fire & theft protection",
-            "Agency repair cover",
-          ],
         },
         {
-          id: "premium",
+          id: "premium",          badge: "All Inclusive",          price: "AED 2,800",          subtitle: "Total peace of mind",          buttons: [
-          badge: "All Inclusive",
-          price: "AED 2,800",
-          subtitle: "Total peace of mind",
-          buttons: [
             {
-              text: "Select Premium",
+              text: "Select Premium"},
-            },
           ],
           features: [
-            "Full comprehensive",
+            "Full comprehensive",            "Personal accident cover",            "Car replacement included",            "GCC cover"],
-            "Personal accident cover",
-            "Car replacement included",
-            "GCC cover",
-          ],
         },
       ]}
       title="Plans & Pricing"
@@ -192,15 +133,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Instant Quote"
       title="Calculate Your Premium"
       description="Fill in a few details to get an instant quote for your vehicle insurance in the UAE."
       buttons={[
         {
-          text: "Calculate Premium",
+          text: "Calculate Premium"},
-        },
       ]}
     />
   </div>
@@ -213,25 +152,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "15 min",          title: "Fast Claims",          description: "Processing in record time",          icon: Zap,
-          value: "15 min",
-          title: "Fast Claims",
-          description: "Processing in record time",
-          icon: Zap,
         },
         {
-          id: "m2",
+          id: "m2",          value: "24/7",          title: "Support",          description: "Always here for you",          icon: Clock,
-          value: "24/7",
-          title: "Support",
-          description: "Always here for you",
-          icon: Clock,
         },
         {
-          id: "m3",
+          id: "m3",          value: "99%",          title: "Trusted",          description: "UAE client satisfaction",          icon: Award,
-          value: "99%",
-          title: "Trusted",
-          description: "UAE client satisfaction",
-          icon: Award,
         },
       ]}
       title="Why Choose SecureDrive?"
@@ -247,45 +174,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Ahmed Mansour",          role: "Marketing Manager",          company: "Dubai Corp",          rating: 5,
-          name: "Ahmed Mansour",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png?_wi=1"},
-          role: "Marketing Manager",
-          company: "Dubai Corp",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png?_wi=1",
-        },
         {
-          id: "2",
+          id: "2",          name: "Sarah Jenkins",          role: "Freelance Designer",          company: "Abu Dhabi Studio",          rating: 5,
-          name: "Sarah Jenkins",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-woman-in-busi-1774699686740-3a2e64d0.png?_wi=1"},
-          role: "Freelance Designer",
-          company: "Abu Dhabi Studio",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-woman-in-busi-1774699686740-3a2e64d0.png?_wi=1",
-        },
         {
-          id: "3",
+          id: "3",          name: "Khalid Al-Hassan",          role: "Engineer",          company: "Sharjah Engineering",          rating: 5,
-          name: "Khalid Al-Hassan",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png?_wi=2"},
-          role: "Engineer",
-          company: "Sharjah Engineering",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png?_wi=2",
-        },
         {
-          id: "4",
+          id: "4",          name: "Fatima Zahra",          role: "Architect",          company: "Ajman Design",          rating: 5,
-          name: "Fatima Zahra",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-woman-in-busi-1774699686740-3a2e64d0.png?_wi=2"},
-          role: "Architect",
-          company: "Ajman Design",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-woman-in-busi-1774699686740-3a2e64d0.png?_wi=2",
-        },
         {
-          id: "5",
+          id: "5",          name: "Omar Farooq",          role: "Consultant",          company: "Global Tech UAE",          rating: 5,
-          name: "Omar Farooq",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png?_wi=3"},
-          role: "Consultant",
-          company: "Global Tech UAE",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaPqPUzogvvoEoIV8ll3t9Gye/portrait-of-a-professional-man-in-busine-1774699696022-085843c2.png?_wi=3",
-        },
       ]}
       title="What Our Clients Say"
       description="Hear from drivers who trust us with their safety."
@@ -296,20 +198,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Get In Touch"
       title="Need Help? Reach Out."
       description="Our team is available 24/7 to answer your queries via WhatsApp, phone, or email."
       buttons={[
         {
-          text: "Call Us",
+          text: "Call Us",          href: "tel:+971800123"},
-          href: "tel:+971800123",
-        },
         {
-          text: "WhatsApp",
+          text: "WhatsApp",          href: "https://wa.me/971800123"},
-          href: "https://wa.me/971800123",
-        },
       ]}
     />
   </div>
@@ -318,42 +215,27 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Vehicle Insurance",
+              label: "Vehicle Insurance",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Health Insurance",
+              label: "Health Insurance",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Use",
+              label: "Terms of Use",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -364,4 +246,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}