446 lines
15 KiB
TypeScript
446 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Award, CheckCircle, Clock, CreditCard, FileText, Lock, Phone, Recycle, Shield, ShieldCheck, Star, Truck, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#hero",
|
||
},
|
||
{
|
||
name: "Overview",
|
||
id: "#overview",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "#reviews",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="Legacy Auto Services"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Trusted Auto Services for Three Generations"
|
||
description="Fast, Friendly, Reliable – Every Time. Experience the legacy of professional car collection."
|
||
testimonials={[
|
||
{
|
||
name: "John Doe",
|
||
handle: "@johndoe",
|
||
testimonial: "Excellent service and very professional. Highly recommended!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1",
|
||
},
|
||
{
|
||
name: "Jane Smith",
|
||
handle: "@janesmith",
|
||
testimonial: "3rd generation experts! Smooth transaction.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg?_wi=1",
|
||
},
|
||
{
|
||
name: "Mark Wilson",
|
||
handle: "@mwilson",
|
||
testimonial: "Efficient, fast, and transparent process.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
|
||
},
|
||
{
|
||
name: "Sarah Lee",
|
||
handle: "@sarahlee",
|
||
testimonial: "Legacy of trust. Best auto service ever.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-grandfather-cross-arms-chest-looking-happy_176420-31784.jpg?_wi=1",
|
||
},
|
||
{
|
||
name: "David Kim",
|
||
handle: "@davidk",
|
||
testimonial: "Excellent communication and timely collection.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Schedule Your Pickup",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Learn More About Us",
|
||
href: "#about",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
|
||
alt: "Portrait 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||
alt: "Portrait 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",
|
||
alt: "Portrait 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
|
||
alt: "Portrait 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||
alt: "Portrait 5",
|
||
},
|
||
]}
|
||
avatarText="Trusted by 200+ clients"
|
||
/>
|
||
</div>
|
||
|
||
<div id="overview" data-section="overview">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Fast Service",
|
||
description: "Next-day car collection and immediate processing.",
|
||
items: [
|
||
{
|
||
icon: Zap,
|
||
text: "Immediate Processing",
|
||
},
|
||
{
|
||
icon: Clock,
|
||
text: "Next-Day Collection",
|
||
},
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Verified",
|
||
},
|
||
],
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-turbo-logo-design_23-2150127486.jpg",
|
||
},
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=2",
|
||
imageAlt: "fast car service symbol",
|
||
},
|
||
{
|
||
title: "Trusted for Generations",
|
||
description: "A family legacy in reliable auto services since 1998.",
|
||
items: [
|
||
{
|
||
icon: Shield,
|
||
text: "Family Legacy",
|
||
},
|
||
{
|
||
icon: Award,
|
||
text: "3rd Generation",
|
||
},
|
||
{
|
||
icon: Star,
|
||
text: "Top Rated",
|
||
},
|
||
],
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswoman-shaking-hands_23-2148012895.jpg",
|
||
},
|
||
reverse: true,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg?_wi=2",
|
||
imageAlt: "fast car service symbol",
|
||
},
|
||
{
|
||
title: "Transparent Process",
|
||
description: "Clear paperwork and instant verification for every client.",
|
||
items: [
|
||
{
|
||
icon: FileText,
|
||
text: "Clear Paperwork",
|
||
},
|
||
{
|
||
icon: ShieldCheck,
|
||
text: "Instant Verification",
|
||
},
|
||
{
|
||
icon: Lock,
|
||
text: "Secure",
|
||
},
|
||
],
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-smiling-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16011.jpg",
|
||
},
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=2",
|
||
imageAlt: "fast car service symbol",
|
||
},
|
||
]}
|
||
title="Why Choose Legacy"
|
||
description="Excellence in service, rooted in three generations of family values."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardSix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "James R.",
|
||
handle: "@jamesr",
|
||
testimonial: "Fantastic experience, handled with professionalism.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Linda M.",
|
||
handle: "@lindam",
|
||
testimonial: "Reliable and fast! I felt well-taken care of.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/business-finance-employment-female-successful-entrepreneurs-concept-confident-good-looking-female-office-manager-lady-white-jacket-smiling-looking-determined-win-case-court_1258-58834.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Kevin T.",
|
||
handle: "@kevint",
|
||
testimonial: "The best auto collection service in town.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-man-black-shirt-tie-posed-outdoor_627829-13301.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Monica H.",
|
||
handle: "@monicah",
|
||
testimonial: "True family values, top notch service.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-happy-face-portrait-close-up_53876-146189.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Alex B.",
|
||
handle: "@alexb",
|
||
testimonial: "Highly recommended for all auto needs.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||
},
|
||
]}
|
||
title="Verified Client Stories"
|
||
description="Rated 4.8/5 from 200+ verified customers who trust our legacy."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
title="Our Heritage"
|
||
description="Established in 1998, we have evolved through three generations, staying committed to reliability, integrity, and exceptional service standards."
|
||
bulletPoints={[
|
||
{
|
||
title: "Established 1998",
|
||
description: "Over 25 years of family-owned excellence.",
|
||
},
|
||
{
|
||
title: "2nd Generation Growth",
|
||
description: "Expanding our fleet and service capabilities.",
|
||
},
|
||
{
|
||
title: "3rd Generation Today",
|
||
description: "Modernizing legacy for a future-proof experience.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-team-work_23-2149741178.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<FeatureCardTen
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Book Online",
|
||
description: "Call or book through our secure online portal.",
|
||
items: [
|
||
{
|
||
icon: Phone,
|
||
text: "Easy Booking",
|
||
},
|
||
],
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-vector/travel-onboarding-app-screens-pack_23-2148395993.jpg",
|
||
},
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=3",
|
||
imageAlt: "online booking smartphone icon",
|
||
},
|
||
{
|
||
title: "Home Pickup",
|
||
description: "We arrive directly at your doorstep for collection.",
|
||
items: [
|
||
{
|
||
icon: Truck,
|
||
text: "Doorstep Pickup",
|
||
},
|
||
],
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom_1303-13926.jpg",
|
||
},
|
||
reverse: true,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg?_wi=3",
|
||
imageAlt: "online booking smartphone icon",
|
||
},
|
||
{
|
||
title: "Payment & Paperwork",
|
||
description: "Instant payment processing and secure documentation.",
|
||
items: [
|
||
{
|
||
icon: CreditCard,
|
||
text: "Fast Payment",
|
||
},
|
||
],
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone-vintage-tone-retro-filter-effect-soft-focus-low-light-selective-focus_1421-640.jpg",
|
||
},
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=3",
|
||
imageAlt: "online booking smartphone icon",
|
||
},
|
||
{
|
||
title: "Eco Disposal",
|
||
description: "Sustainable recycling and eco-friendly disposal.",
|
||
items: [
|
||
{
|
||
icon: Recycle,
|
||
text: "Eco Disposal",
|
||
},
|
||
],
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737676.jpg",
|
||
},
|
||
reverse: true,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-grandfather-cross-arms-chest-looking-happy_176420-31784.jpg?_wi=2",
|
||
imageAlt: "online booking smartphone icon",
|
||
},
|
||
]}
|
||
title="Our Seamless Process"
|
||
description="Four simple steps to get your vehicle collected today."
|
||
/>
|
||
</div>
|
||
|
||
<div id="proof" data-section="proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Google Business Verified",
|
||
"AAA Auto Partners",
|
||
"Eco-Recycle Bureau",
|
||
"National Auto Alliance",
|
||
"Green Standards Cert",
|
||
"Safety First Rating",
|
||
"Legacy Awards 2023",
|
||
]}
|
||
title="Trust Indicators"
|
||
description="We are proud of our partnerships and community recognition."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1",
|
||
title: "Is my car collection safe?",
|
||
content: "Yes, we prioritize security and insurance for all vehicle collections.",
|
||
},
|
||
{
|
||
id: "q2",
|
||
title: "How fast is collection?",
|
||
content: "We offer next-day pickup in most service areas.",
|
||
},
|
||
{
|
||
id: "q3",
|
||
title: "Do you recycle parts?",
|
||
content: "Our eco-friendly disposal process ensures maximum material recycling.",
|
||
},
|
||
]}
|
||
sideTitle="Common Questions"
|
||
faqsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "sparkles-gradient",
|
||
}}
|
||
tag="Ready to Start?"
|
||
title="Have Your Car Collected Today?"
|
||
description="Join thousands of satisfied clients. Schedule your pickup with our team of 3rd generation experts."
|
||
buttons={[
|
||
{
|
||
text: "Book a Pickup Now",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Legacy Auto"
|
||
leftLink={{
|
||
text: "Privacy Policy",
|
||
href: "#",
|
||
}}
|
||
rightLink={{
|
||
text: "Terms of Service",
|
||
href: "#",
|
||
}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|