Update src/app/page.tsx

This commit is contained in:
2026-05-08 21:30:44 +00:00
parent 0f8ce1906e
commit 9fef4915e2

View File

@@ -34,27 +34,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Products", name: "Products", id: "products"},
id: "products",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="SecureInsure" brandName="SecureInsure"
button={{ button={{
text: "Get a Quote", text: "Get a Quote", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
@@ -64,74 +54,37 @@ export default function LandingPage() {
description="Comprehensive, reliable, and accessible insurance solutions that protect what matters most to you. Get started with a plan that fits your life perfectly." description="Comprehensive, reliable, and accessible insurance solutions that protect what matters most to you. Get started with a plan that fits your life perfectly."
testimonials={[ testimonials={[
{ {
name: "Sarah Miller", name: "Sarah Miller", handle: "@smiller", testimonial: "SecureInsure made my policy selection so simple. Truly professional service.", rating: 5,
handle: "@smiller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=1", imageAlt: "modern insurance office desk bright"},
testimonial: "SecureInsure made my policy selection so simple. Truly professional service.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=1",
imageAlt: "modern insurance office desk bright",
},
{ {
name: "James Chen", name: "James Chen", handle: "@jchen", testimonial: "Exceptional clarity and support during my claim. Highly recommend.", rating: 5,
handle: "@jchen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydx0ud&_wi=1", imageAlt: "modern insurance office desk bright"},
testimonial: "Exceptional clarity and support during my claim. Highly recommend.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydx0ud&_wi=1",
imageAlt: "modern insurance office desk bright",
},
{ {
name: "Emily Davis", name: "Emily Davis", handle: "@edavis", testimonial: "Best experience I've had with an insurance provider. Transparent and quick.", rating: 5,
handle: "@edavis", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9itd2&_wi=1", imageAlt: "modern insurance office desk bright"},
testimonial: "Best experience I've had with an insurance provider. Transparent and quick.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9itd2&_wi=1",
imageAlt: "modern insurance office desk bright",
},
{ {
name: "Robert Wilson", name: "Robert Wilson", handle: "@rwilson", testimonial: "Fast, reliable, and always there when you need them.", rating: 5,
handle: "@rwilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4627n1&_wi=1", imageAlt: "modern insurance office desk bright"},
testimonial: "Fast, reliable, and always there when you need them.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4627n1&_wi=1",
imageAlt: "modern insurance office desk bright",
},
{ {
name: "Alice Johnson", name: "Alice Johnson", handle: "@ajohn", testimonial: "Simple process, great value, amazing support.", rating: 5,
handle: "@ajohn", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj1pun&_wi=1", imageAlt: "modern insurance office desk bright"},
testimonial: "Simple process, great value, amazing support.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj1pun&_wi=1",
imageAlt: "modern insurance office desk bright",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=2" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=2"
avatars={[ avatars={[
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=li2enb", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=li2enb", alt: "Sarah Miller portrait"},
alt: "Sarah Miller portrait",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ebm8bf", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ebm8bf", alt: "James Chen portrait"},
alt: "James Chen portrait",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3j8g9", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3j8g9", alt: "Emily Davis portrait"},
alt: "Emily Davis portrait",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=73qnm4", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=73qnm4", alt: "Robert Wilson portrait"},
alt: "Robert Wilson portrait",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8grqn", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8grqn", alt: "Alice Johnson portrait"},
alt: "Alice Johnson portrait",
},
]} ]}
avatarText="Join 100,000+ satisfied policyholders" avatarText="Join 100,000+ satisfied policyholders"
/> />
@@ -143,8 +96,7 @@ export default function LandingPage() {
title="Building Trust Through Protection" title="Building Trust Through Protection"
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More"},
},
]} ]}
/> />
</div> </div>
@@ -155,26 +107,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
tag: "Security", tag: "Security", title: "Advanced Coverage", subtitle: "Total safety", description: "End-to-end protection for all your major assets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydx0ud&_wi=2"},
title: "Advanced Coverage",
subtitle: "Total safety",
description: "End-to-end protection for all your major assets.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydx0ud&_wi=2",
},
{ {
tag: "Speed", tag: "Speed", title: "Rapid Claims", subtitle: "Fast processing", description: "Streamlined, digital-first claims processing in minutes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9itd2&_wi=2"},
title: "Rapid Claims",
subtitle: "Fast processing",
description: "Streamlined, digital-first claims processing in minutes.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9itd2&_wi=2",
},
{ {
tag: "Support", tag: "Support", title: "24/7 Expert Help", subtitle: "Always available", description: "Our team is ready to assist you any time of day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4627n1&_wi=2"},
title: "24/7 Expert Help",
subtitle: "Always available",
description: "Our team is ready to assist you any time of day.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4627n1&_wi=2",
},
]} ]}
title="Why Choose SecureInsure" title="Why Choose SecureInsure"
description="We prioritize your security and peace of mind with tailored coverage options." description="We prioritize your security and peace of mind with tailored coverage options."
@@ -189,47 +126,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", name: "Auto Insurance", price: "From $49/mo", variant: "Standard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj1pun&_wi=2"},
name: "Auto Insurance",
price: "From $49/mo",
variant: "Standard",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj1pun&_wi=2",
},
{ {
id: "2", id: "2", name: "Home Coverage", price: "From $79/mo", variant: "Comprehensive", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=at77ku"},
name: "Home Coverage",
price: "From $79/mo",
variant: "Comprehensive",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=at77ku",
},
{ {
id: "3", id: "3", name: "Life Insurance", price: "From $25/mo", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2k4vat"},
name: "Life Insurance",
price: "From $25/mo",
variant: "Premium",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2k4vat",
},
{ {
id: "4", id: "4", name: "Health Plan", price: "From $120/mo", variant: "Basic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3596g8"},
name: "Health Plan",
price: "From $120/mo",
variant: "Basic",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3596g8",
},
{ {
id: "5", id: "5", name: "Business Plan", price: "From $200/mo", variant: "Corporate", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yus41y"},
name: "Business Plan",
price: "From $200/mo",
variant: "Corporate",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yus41y",
},
{ {
id: "6", id: "6", name: "Travel Insurance", price: "From $15/trip", variant: "Basic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qjv7k4"},
name: "Travel Insurance",
price: "From $15/trip",
variant: "Basic",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qjv7k4",
},
]} ]}
title="Our Insurance Plans" title="Our Insurance Plans"
description="Find the perfect coverage for every stage of your life." description="Find the perfect coverage for every stage of your life."
@@ -243,53 +150,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic", id: "basic", title: "Basic Coverage", price: "$29", period: "/mo", features: [
title: "Basic Coverage", "Liability only", "Basic roadside", "24/7 support"],
price: "$29",
period: "/mo",
features: [
"Liability only",
"Basic roadside",
"24/7 support",
],
button: { button: {
text: "Select Basic", text: "Select Basic"},
}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydx0ud&_wi=3", imageAlt: "shield protection icon vector"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydx0ud&_wi=3",
imageAlt: "shield protection icon vector",
},
{ {
id: "pro", id: "pro", title: "Comprehensive", price: "$59", period: "/mo", features: [
title: "Comprehensive", "Everything in Basic", "Collision coverage", "Rental assistance"],
price: "$59",
period: "/mo",
features: [
"Everything in Basic",
"Collision coverage",
"Rental assistance",
],
button: { button: {
text: "Select Pro", text: "Select Pro"},
}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=3", imageAlt: "shield protection icon vector"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=3",
imageAlt: "shield protection icon vector",
},
{ {
id: "enterprise", id: "enterprise", title: "Total Protection", price: "$99", period: "/mo", features: [
title: "Total Protection", "Everything in Pro", "Full glass coverage", "Priority handling"],
price: "$99",
period: "/mo",
features: [
"Everything in Pro",
"Full glass coverage",
"Priority handling",
],
button: { button: {
text: "Select Total", text: "Select Total"},
}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9itd2&_wi=3", imageAlt: "shield protection icon vector"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9itd2&_wi=3",
imageAlt: "shield protection icon vector",
},
]} ]}
title="Pricing That Fits You" title="Pricing That Fits You"
description="Flexible payment tiers tailored to your coverage needs." description="Flexible payment tiers tailored to your coverage needs."
@@ -303,23 +180,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", icon: Shield,
icon: Shield, title: "Claims Processed", value: "50k+"},
title: "Claims Processed",
value: "50k+",
},
{ {
id: "m2", id: "m2", icon: Smile,
icon: Smile, title: "Happy Clients", value: "100k+"},
title: "Happy Clients",
value: "100k+",
},
{ {
id: "m3", id: "m3", icon: Award,
icon: Award, title: "Industry Awards", value: "25+"},
title: "Industry Awards",
value: "25+",
},
]} ]}
title="Trusted by Thousands" title="Trusted by Thousands"
description="Evidence of our commitment to policyholders worldwide." description="Evidence of our commitment to policyholders worldwide."
@@ -332,60 +200,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah Johnson", date: "Oct 2023", title: "Homeowner", quote: "Incredibly responsive team and simple interface.", tag: "Five Stars", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=li2enb", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=4", imageAlt: "happy client portrait professional"},
name: "Sarah Johnson",
date: "Oct 2023",
title: "Homeowner",
quote: "Incredibly responsive team and simple interface.",
tag: "Five Stars",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=li2enb",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=4",
imageAlt: "happy client portrait professional",
},
{ {
id: "t2", id: "t2", name: "Michael Chen", date: "Nov 2023", title: "Business Owner", quote: "Best insurance plan I've found for my small business.", tag: "Five Stars", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ebm8bf", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydx0ud&_wi=4", imageAlt: "happy client portrait professional"},
name: "Michael Chen",
date: "Nov 2023",
title: "Business Owner",
quote: "Best insurance plan I've found for my small business.",
tag: "Five Stars",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ebm8bf",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydx0ud&_wi=4",
imageAlt: "happy client portrait professional",
},
{ {
id: "t3", id: "t3", name: "Emily Rodriguez", date: "Dec 2023", title: "Professional", quote: "Easy setup and clear terms. Excellent overall.", tag: "Five Stars", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3j8g9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9itd2&_wi=4", imageAlt: "happy client portrait professional"},
name: "Emily Rodriguez",
date: "Dec 2023",
title: "Professional",
quote: "Easy setup and clear terms. Excellent overall.",
tag: "Five Stars",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3j8g9",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9itd2&_wi=4",
imageAlt: "happy client portrait professional",
},
{ {
id: "t4", id: "t4", name: "David Kim", date: "Jan 2024", title: "Parent", quote: "SecureInsure gives me complete peace of mind.", tag: "Five Stars", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=73qnm4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4627n1&_wi=3", imageAlt: "happy client portrait professional"},
name: "David Kim",
date: "Jan 2024",
title: "Parent",
quote: "SecureInsure gives me complete peace of mind.",
tag: "Five Stars",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=73qnm4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4627n1&_wi=3",
imageAlt: "happy client portrait professional",
},
{ {
id: "t5", id: "t5", name: "Jessica Lee", date: "Feb 2024", title: "Driver", quote: "Fantastic coverage rates and amazing customer support.", tag: "Five Stars", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8grqn", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj1pun&_wi=3", imageAlt: "happy client portrait professional"},
name: "Jessica Lee",
date: "Feb 2024",
title: "Driver",
quote: "Fantastic coverage rates and amazing customer support.",
tag: "Five Stars",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8grqn",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj1pun&_wi=3",
imageAlt: "happy client portrait professional",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Real stories from people who chose peace of mind with SecureInsure." description="Real stories from people who chose peace of mind with SecureInsure."
@@ -397,20 +220,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "How do I file a claim?", content: "You can file a claim instantly through our mobile app or website portal."},
title: "How do I file a claim?",
content: "You can file a claim instantly through our mobile app or website portal.",
},
{ {
id: "f2", id: "f2", title: "Is my policy flexible?", content: "Yes, our policies are designed to be adjusted as your life and needs change."},
title: "Is my policy flexible?",
content: "Yes, our policies are designed to be adjusted as your life and needs change.",
},
{ {
id: "f3", id: "f3", title: "How quickly am I covered?", content: "Get instant coverage the moment your first payment is processed."},
title: "How quickly am I covered?",
content: "Coverage usually begins immediately after your first payment is processed.",
},
]} ]}
sideTitle="Common Questions" sideTitle="Common Questions"
sideDescription="Everything you need to know about our insurance plans and claims process." sideDescription="Everything you need to know about our insurance plans and claims process."
@@ -425,16 +239,10 @@ export default function LandingPage() {
description="Speak with an expert today to find the right coverage." description="Speak with an expert today to find the right coverage."
inputs={[ 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: "Email Address", required: true,
type: "email",
placeholder: "Email Address",
required: true,
}, },
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=5" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fg8v7b&_wi=5"
@@ -447,25 +255,17 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Products", label: "Products", href: "#products"},
href: "#products",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -475,4 +275,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }