204 lines
10 KiB
TypeScript
204 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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="Doug Neil Insurance"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Securing Your Future, Today"
|
|
description="Doug Neil Insurance provides tailored protection plans for families and businesses. Experience personalized service you can rely on."
|
|
buttons={[
|
|
{ text: "Get a Quote", href: "#contact" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/laughing-business-leader-with-document-office_1262-3036.jpg"
|
|
imageAlt="Professional insurance advisor"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/front-view-male-office-worker-holding-red-file-white-wall-office-work-job-human_140725-122355.jpg", alt: "Front view male office worker holding red file" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-86009.jpg", alt: "Portrait of a young confident man" },
|
|
{ src: "http://img.b2bpic.net/free-photo/senior-woman-holding-checkup-table_1187-1562.jpg", alt: "Senior woman holding a checkup table" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-businessman-checking-document-front-office-building_23-2148190744.jpg", alt: "Portrait of a young businessman checking document" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", alt: "Young businessman happy expression" },
|
|
]}
|
|
avatarText="Trusted by 10,000+ satisfied clients"
|
|
marqueeItems={[
|
|
{ type: "text", text: "20+ Years Experience" },
|
|
{ type: "text", text: "Tailored Protection Plans" },
|
|
{ type: "text", text: "Personalized Service" },
|
|
{ type: "text", text: "Comprehensive Coverage" },
|
|
{ type: "text", text: "Fast Claim Processing" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Decades of Expertise"
|
|
description="Doug Neil has served the community with integrity for over 20 years. We focus on transparency, reliability, and securing what matters most to our clients."
|
|
metrics={[
|
|
{ value: "20+", title: "Years Experience" },
|
|
{ value: "10k+", title: "Clients Served" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Auto Insurance", description: "Complete vehicle coverage for peace of mind on the road.", imageSrc: "http://img.b2bpic.net/free-photo/daddy-me-inscription-with-toy-car_23-2148096395.jpg" },
|
|
{ title: "Home Protection", description: "Protect your most valuable asset from life's unpredictable events.", imageSrc: "http://img.b2bpic.net/free-photo/cute-lgbt-family-concept-arrangement-yellow-background-with-copy-space_23-2148485775.jpg" },
|
|
{ title: "Business Coverage", description: "Specialized liability and operations insurance for local companies.", imageSrc: "http://img.b2bpic.net/free-photo/privacy-policy-service-documents-terms-use-concept_53876-137636.jpg" },
|
|
{ title: "Life Insurance", description: "Financial security for your loved ones when it matters most.", imageSrc: "http://img.b2bpic.net/free-photo/economy-currency-connection-wall-healthcare_1134-1082.jpg" },
|
|
{ title: "Liability Coverage", description: "Shielding your personal and professional assets from legal claims.", imageSrc: "http://img.b2bpic.net/free-photo/car-doctor-with-stethoscope-car-showroom_1303-17833.jpg" },
|
|
]}
|
|
title="Comprehensive Protection Plans"
|
|
description="We offer a wide range of insurance products tailored to your unique requirements."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", value: "98%", description: "Client Satisfaction Rate" },
|
|
{ id: "m2", value: "24h", description: "Average Claim Response" },
|
|
{ id: "m3", value: "50+", description: "Partnership Networks" },
|
|
]}
|
|
title="Our Impact in Numbers"
|
|
description="Building trust through measurable reliability."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "John Doe", role: "Homeowner", testimonial: "Excellent service and quick claim processing. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg" },
|
|
{ id: "2", name: "Jane Smith", role: "Business Owner", testimonial: "Doug Neil has kept our business safe for years. True professionals.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg" },
|
|
{ id: "3", name: "Robert Brown", role: "Family Man", testimonial: "Best insurance rates in town with even better support.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
|
{ id: "4", name: "Alice Green", role: "Driver", testimonial: "Reliable insurance for our whole fleet. Zero stress.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6273.jpg" },
|
|
{ id: "5", name: "Mike Davis", role: "Homeowner", testimonial: "Personalized service is their hallmark. Simply great.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
|
]}
|
|
title="Client Stories"
|
|
description="Read why thousands of customers trust Doug Neil Insurance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "f1", title: "What is covered under my auto policy?", content: "Our auto policies include collision, comprehensive, liability, and uninsured motorist protection tailored to your specific vehicle and driving profile." },
|
|
{ id: "f2", title: "How does bundle discount work?", content: "Bundling your home and auto insurance with Doug Neil allows you to unlock multi-policy discounts, typically saving you up to 20% on your combined premiums." },
|
|
{ id: "f3", title: "What documents are needed for a home quote?", content: "To provide an accurate home quote, we typically need your property's address, approximate square footage, year built, and any recent major renovations." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/broker-offering-agreement-contract-elderly-couple_482257-115634.jpg"
|
|
mediaAnimation="slide-up"
|
|
title="Insurance FAQ"
|
|
description="Everything you need to know about protecting your assets."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Travelers", "Allstate", "Progressive", "State Farm", "Liberty Mutual", "Farmers", "GEICO"
|
|
]}
|
|
title="Trusted Partnerships"
|
|
description="We partner with the world's leading insurance carriers to bring you the best coverage options."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get Protected"
|
|
title="Contact Our Insurance Specialists"
|
|
description="Have specific coverage questions or ready for a quote? Our team is standing by to help."
|
|
buttons={[{ text: "Submit Inquiry" }]}
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
logoText="Doug Neil Insurance"
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg?_wi=2"
|
|
columns={[
|
|
{
|
|
title: "Coverage", items: [
|
|
{ label: "Auto", href: "#services" },
|
|
{ label: "Home", href: "#services" },
|
|
{ label: "Business", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "File a Claim", href: "#contact" },
|
|
{ label: "Get a Quote", href: "#contact" },
|
|
{ label: "Contact Advisor", href: "#contact" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Doug Neil Insurance. Protecting your legacy."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|