Files
2290e952-d0b9-4e76-98fd-206…/src/app/page.tsx
2026-05-18 09:18:40 +00:00

247 lines
10 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="medium"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "features"},
{
name: "Solutions", id: "products"},
{
name: "Contact", id: "contact"},
]}
brandName="AtlantaSanad"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain"}}
logoText="AtlantaSanad Assurance"
description="Your trusted partner in insurance. We protect what matters most with innovative, digital-first solutions."
buttons={[
{
text: "Get a Quote", href: "#contact"},
{
text: "View Policies", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/good-deal-businessman-customer_329181-19331.jpg"
imageAlt="Insurance Agent Shaking Hands"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="A Legacy of Trust & Innovation"
description="For over two decades, AtlantaSanad has provided comprehensive protection. We blend traditional values with state-of-the-art digital management tools."
imageSrc="http://img.b2bpic.net/free-photo/cooling-pipes-with-sky-background_1127-2214.jpg"
imageAlt="Security Concept"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "24/7 Digital Portal", description: "Access your policy and manage claims anywhere.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-data-concept_53876-127956.jpg", imageAlt: "Digital Portal"},
{
title: "Instant Quotes", description: "Get tailored insurance plans in under 5 minutes.", imageSrc: "http://img.b2bpic.net/free-photo/tracking-computing-talk-lens-flare-close-up_1134-674.jpg", imageAlt: "Fast Quotes"},
{
title: "Priority Claims", description: "Fast-tracked claim resolution for peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg", imageAlt: "Claims Priority"},
]}
title="Why Choose AtlantaSanad?"
description="Experience superior insurance services powered by our cutting-edge digital infrastructure."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "500k+", description: "Active Policies Managed"},
{
id: "m2", value: "99.8%", description: "Claims Settlement Rate"},
{
id: "m3", value: "20+", description: "Years of Reliability"},
]}
title="Performance at a Glance"
description="We are proud of our milestones in ensuring excellence."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
buttons={[
{ text: "Get Quote", href: "#contact" }
]}
products={[
{
id: "p1", name: "Automobile Policy", price: "From $25/mo", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/dental-insurance-form-toothache-oral-mouth-teeth-concept_53876-132716.jpg"},
{
id: "p2", name: "Home Protection", price: "From $40/mo", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/small-house-model-pen-blank-clipboard-blue-backdrop_23-2148203965.jpg"},
{
id: "p3", name: "Health Assurance", price: "From $30/mo", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/blank-life-insurance-application-stethoscope_181624-40964.jpg"},
{
id: "p4", name: "Travel Coverage", price: "From $15/trip", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-looking-map_23-2149248911.jpg"},
{
id: "p5", name: "Life Insurance", price: "From $50/mo", variant: "Legacy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-family-figure-concept_23-2148488249.jpg"},
{
id: "p6", name: "Business Commercial", price: "From $100/mo", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/person-black-jacket-using-tablet_23-2148053674.jpg"},
]}
title="Our Insurance Portfolio"
description="Comprehensive solutions tailored to your unique lifestyle."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "John Doe", role: "Entrepreneur", company: "TechBase", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg"},
{
id: "t2", name: "Jane Smith", role: "Architect", company: "DesignsCo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg"},
{
id: "t3", name: "Robert Brown", role: "Manager", company: "GlobalInt", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"},
{
id: "t4", name: "Alice Green", role: "Designer", company: "CreativeOps", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg"},
{
id: "t5", name: "Sarah Miller", role: "Professional", company: "HealthCare", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149235782.jpg"},
]}
kpiItems={[
{
value: "4.9/5", label: "Client Rating"},
{
value: "100k+", label: "Claims Settled"},
{
value: "95%", label: "Renewal Rate"},
]}
title="Trusted by Thousands"
description="See why clients choose AtlantaSanad for their protection."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "How do I file a claim?", content: "Our digital portal allows you to file claims in 3 easy steps."},
{
id: "f2", title: "Can I upgrade my plan?", content: "Yes, you can upgrade your plan directly from the dashboard."},
{
id: "f3", title: "Is my data secure?", content: "We use bank-grade encryption to protect all your sensitive data."},
]}
title="Common Questions"
description="Find answers to our most frequently asked questions here."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
tag="Contact Us"
title="Need Personalised Advice?"
description="Our experts are ready to guide you. Request a consultation today."
buttons={[
{
text: "Contact Support", href: "#"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="AtlantaSanad"
columns={[
{
title: "Products", items: [
{
label: "Auto", href: "#"},
{
label: "Home", href: "#"},
{
label: "Health", href: "#"},
],
},
{
title: "Support", items: [
{
label: "Claims", href: "#"},
{
label: "FAQ", href: "#"},
{
label: "Contact", href: "#"},
],
},
{
title: "Legal", items: [
{
label: "Privacy", href: "#"},
{
label: "Terms", href: "#"},
],
},
]}
copyrightText="© 2024 AtlantaSanad Assurance. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}