Merge version_2 into main #2
224
src/app/page.tsx
224
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Plans", id: "pricing"},
|
||||
{
|
||||
name: "Calculator",
|
||||
id: "calculator",
|
||||
},
|
||||
name: "Calculator", id: "calculator"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "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",
|
||||
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", 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",
|
||||
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", 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",
|
||||
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", 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",
|
||||
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", 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",
|
||||
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", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Trusted by 5000+ drivers in the UAE"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#calculator",
|
||||
},
|
||||
text: "Get a Quote", href: "#calculator"},
|
||||
{
|
||||
text: "View Plans",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Plans", 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",
|
||||
title: "Third-Party Insurance",
|
||||
content: "The essential legal requirement in UAE. Covers damage caused to others with affordable premiums and quick processing.",
|
||||
},
|
||||
id: "1", title: "Third-Party Insurance", content: "The essential legal requirement in UAE. Covers damage caused to others with affordable premiums and quick processing."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Comprehensive Insurance",
|
||||
content: "Full protection for your own car and third parties. Includes coverage for theft, fire, and accidental damage.",
|
||||
},
|
||||
id: "2", title: "Comprehensive Insurance", content: "Full protection for your own car and third parties. Includes coverage for theft, fire, and accidental damage."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Health Insurance",
|
||||
content: "Get personal and family medical coverage through our extensive network of UAE-approved providers.",
|
||||
},
|
||||
id: "3", 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",
|
||||
badge: "Essential",
|
||||
price: "AED 800",
|
||||
subtitle: "Basic coverage for budget-conscious drivers",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "AED 600", subtitle: "Basic coverage for budget-conscious drivers", buttons: [
|
||||
{
|
||||
text: "Select Basic",
|
||||
},
|
||||
text: "Select Basic"},
|
||||
],
|
||||
features: [
|
||||
"Third-party cover",
|
||||
"24/7 Roadside support",
|
||||
"Minimal documentation",
|
||||
],
|
||||
"Third-party cover", "24/7 Roadside support", "Minimal documentation"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Recommended",
|
||||
price: "AED 1,500",
|
||||
subtitle: "Perfect for daily commuters",
|
||||
buttons: [
|
||||
id: "standard", badge: "Recommended", price: "AED 1,500", subtitle: "Perfect for daily commuters", buttons: [
|
||||
{
|
||||
text: "Select Standard",
|
||||
},
|
||||
text: "Select Standard"},
|
||||
],
|
||||
features: [
|
||||
"Comprehensive coverage",
|
||||
"Fire & theft protection",
|
||||
"Agency repair cover",
|
||||
],
|
||||
"Comprehensive coverage", "Fire & theft protection", "Agency repair cover"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "All Inclusive",
|
||||
price: "AED 2,800",
|
||||
subtitle: "Total peace of mind",
|
||||
buttons: [
|
||||
id: "premium", badge: "All Inclusive", price: "AED 2,800", subtitle: "Total peace of mind", buttons: [
|
||||
{
|
||||
text: "Select Premium",
|
||||
},
|
||||
text: "Select Premium"},
|
||||
],
|
||||
features: [
|
||||
"Full comprehensive",
|
||||
"Personal accident cover",
|
||||
"Car replacement included",
|
||||
"GCC cover",
|
||||
],
|
||||
"Full comprehensive", "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",
|
||||
value: "15 min",
|
||||
title: "Fast Claims",
|
||||
description: "Processing in record time",
|
||||
icon: Zap,
|
||||
id: "m1", value: "15 min", title: "Fast Claims", description: "Processing in record time", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always here for you",
|
||||
icon: Clock,
|
||||
id: "m2", value: "24/7", title: "Support", description: "Always here for you", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Trusted",
|
||||
description: "UAE client satisfaction",
|
||||
icon: Award,
|
||||
id: "m3", 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",
|
||||
name: "Ahmed Mansour",
|
||||
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: "1", name: "Ahmed Mansour", 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",
|
||||
name: "Sarah Jenkins",
|
||||
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: "2", name: "Sarah Jenkins", 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",
|
||||
name: "Khalid Al-Hassan",
|
||||
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: "3", name: "Khalid Al-Hassan", 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",
|
||||
name: "Fatima Zahra",
|
||||
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: "4", name: "Fatima Zahra", 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",
|
||||
name: "Omar Farooq",
|
||||
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",
|
||||
},
|
||||
id: "5", name: "Omar Farooq", 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",
|
||||
href: "tel:+971800123",
|
||||
},
|
||||
text: "Call Us", href: "tel:+971800123"},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/971800123",
|
||||
},
|
||||
text: "WhatsApp", href: "https://wa.me/971800123"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -318,42 +215,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Vehicle Insurance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Vehicle Insurance", href: "#services"},
|
||||
{
|
||||
label: "Health Insurance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Health Insurance", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -364,4 +246,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user