275 lines
12 KiB
TypeScript
275 lines
12 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 FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, CheckCircle, Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#features"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Dan Mor Insurance"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Your Trusted Partner in Insurance Protection"
|
|
description="Dan Mor Insurance Agency provides comprehensive coverage plans tailored to your unique needs, ensuring peace of mind for you and your family."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"
|
|
},
|
|
{
|
|
text: "קבל הצעת מחיר חינם", href: "#contact"
|
|
}
|
|
]}
|
|
kpis={[
|
|
{
|
|
value: "15+", label: "Years Experience"},
|
|
{
|
|
value: "5000+", label: "Clients Protected"},
|
|
{
|
|
value: "98%", label: "Retention Rate"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/new-team-member_1098-2122.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-woman-using-laptop_1170-336.jpg", alt: "Beautiful woman using laptop"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-man-signing-contract-while-being-with-his-wife-meeting-with-financial-advisor_637285-1134.jpg", alt: "Happy man signing contract while being with his wife on a meeting with financial advisor"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/female-executive-working-busy-office_1098-2052.jpg", alt: "Female executive working in a busy office"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", alt: "Smiling senior businessman sitting on stairs"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/new-team-member_1098-2122.jpg", alt: "professional insurance agent handshake"},
|
|
]}
|
|
avatarText="Join 5,000+ satisfied clients"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Life Insurance"},
|
|
{
|
|
type: "text", text: "Home Protection"},
|
|
{
|
|
type: "text", text: "Auto Coverage"},
|
|
{
|
|
type: "text", text: "Financial Safety"},
|
|
{
|
|
type: "text", text: "Trusted Partner"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Dan Mor Insurance Agency is built on trust, transparency, and tailored solutions for our local community."},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/anxious-frustrated-entrepreneur-having-headache-work_482257-107455.jpg", alt: "About Dan Mor Agency"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
tag: "Life", title: "Life Coverage", subtitle: "Secure their future", description: "Protect your loved ones with our flexible, high-value life insurance plans.", imageSrc: "http://img.b2bpic.net/free-photo/insurance-policy-agreement-terms-document-concept_53876-134017.jpg"},
|
|
{
|
|
tag: "Auto", title: "Auto Insurance", subtitle: "Drive with confidence", description: "Reliable auto insurance policies that cover your vehicle against unforeseen events.", imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg"},
|
|
{
|
|
tag: "Home", title: "Home Insurance", subtitle: "Safeguard your sanctuary", description: "Comprehensive property insurance that gives you peace of mind at home.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718453.jpg"},
|
|
]}
|
|
title="Comprehensive Protection Services"
|
|
description="We specialize in a range of insurance products designed to mitigate risk and safeguard your future."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "100%", title: "Claims Processed", description: "Dedicated claims team ensuring fast resolution.", icon: CheckCircle,
|
|
},
|
|
{
|
|
id: "m2", value: "24/7", title: "Expert Support", description: "Always available whenever you need help most.", icon: Shield,
|
|
},
|
|
{
|
|
id: "m3", value: "50+", title: "Policy Options", description: "Flexible products designed for every lifestyle.", icon: Award,
|
|
},
|
|
]}
|
|
title="Why Clients Choose Us"
|
|
description="Proven results and unmatched expertise."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic", tag: "Starter", price: "$150", period: "/mo", description: "Core insurance coverage.", button: {
|
|
text: "Get Started"},
|
|
featuresTitle: "Included", features: [
|
|
"Liability coverage", "Basic accidental protection", "24/7 Support"],
|
|
},
|
|
{
|
|
id: "pro", tag: "Preferred", price: "$295", period: "/mo", description: "Comprehensive full protection.", button: {
|
|
text: "Get Started"},
|
|
featuresTitle: "Included", features: [
|
|
"Full liability", "Extended accidental", "Priority claims support", "Emergency assistance"],
|
|
},
|
|
]}
|
|
title="Tailored Plans"
|
|
description="Simple, transparent pricing tiers for your needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-wearing-pink-sweater_273609-21232.jpg"},
|
|
{
|
|
id: "2", name: "James Wilson", role: "Entrepreneur", company: "Small Biz", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg"},
|
|
{
|
|
id: "3", name: "Emily Chen", role: "First-time Buyer", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg"},
|
|
{
|
|
id: "4", name: "David Ross", role: "Driver", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg"},
|
|
{
|
|
id: "5", name: "Jessica Lee", role: "Retiree", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.9/5", label: "Client Rating"},
|
|
{
|
|
value: "1000+", label: "Verified Reviews"},
|
|
{
|
|
value: "5 Stars", label: "Average Service"},
|
|
]}
|
|
title="Client Success Stories"
|
|
description="Hear from those who trust us with their security."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "How do I start a claim?", content: "Simply visit our office or use our mobile app to submit a claim instantly."},
|
|
{
|
|
id: "f2", title: "Can I upgrade my plan?", content: "Yes, you can upgrade at any time through your policy manager portal."},
|
|
{
|
|
id: "f3", title: "Are there bundle discounts?", content: "We offer significant discounts when bundling home and auto insurance together."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Quick answers to help you get the right insurance."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Let's Talk"
|
|
title="Ready to Secure Your Future?"
|
|
description="Speak with a Dan Mor advisor today to review your coverage options."
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "#"},
|
|
{
|
|
text: "Schedule Consultation", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/corporate-woman-beige-suit-drinks-morning-coffee-looks-her-smartphone-screen-uses-application_1258-119443.jpg"
|
|
logoText="Dan Mor Insurance"
|
|
columns={[
|
|
{
|
|
title: "Agency", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Services", href: "#features"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |