188 lines
5.5 KiB
TypeScript
188 lines
5.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import { BarChart2, Calendar, MessageSquare, Settings, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "/services",
|
|
},
|
|
{
|
|
name: "Book Demo",
|
|
id: "/appointments",
|
|
},
|
|
]}
|
|
brandName="Vertex Auto"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="AI Automation Built for Car Dealerships"
|
|
description="Vertex Auto Solutions helps car dealerships increase appointments and improve response time by automating communication through SMS and email."
|
|
buttons={[
|
|
{
|
|
text: "Request a Demo",
|
|
href: "/appointments",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/diverse-business-leaders-sharing-their-expertise-new-collaboration-opportunity-discussing_482257-132123.jpg?_wi=1"
|
|
imageAlt="modern car dealership showroom professional"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Zap,
|
|
title: "AI Lead Response",
|
|
description: "Instant, intelligent responses to internet leads.",
|
|
},
|
|
{
|
|
icon: Calendar,
|
|
title: "Scheduling Automation",
|
|
description: "Seamlessly book appointments directly to your CRM.",
|
|
},
|
|
{
|
|
icon: MessageSquare,
|
|
title: "Missed Call Text-Back",
|
|
description: "Never lose a lead due to a missed call again.",
|
|
},
|
|
{
|
|
icon: BarChart2,
|
|
title: "Performance Analytics",
|
|
description: "Visualize your conversion rates and response times.",
|
|
},
|
|
{
|
|
icon: Settings,
|
|
title: "CRM Integration",
|
|
description: "Seamless sync with major automotive CRM platforms.",
|
|
},
|
|
]}
|
|
title="Dealership Automation Suite"
|
|
description="Automate your lead follow-up, scheduling, and service reminders."
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<MetricCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "Connect",
|
|
description: "Sync your dealership's existing CRM.",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "Automate",
|
|
description: "AI handles lead follow-up instantly.",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "Close",
|
|
description: "Drive more appointments to your showroom.",
|
|
},
|
|
]}
|
|
title="Simple Integration"
|
|
description="Get started in three easy steps."
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Trusted by Top Dealerships"
|
|
description="Empowering automotive groups across the nation to streamline operations."
|
|
names={[
|
|
"AutoGroup Nationwide",
|
|
"Prime Motors",
|
|
"Elite Automotive",
|
|
"City Drive Dealerships",
|
|
"Regional Motors",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about scaling your dealership."
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "How long does setup take?",
|
|
content: "Typically, setup is completed in under 24 hours with our automated integration tools.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Can it work with my CRM?",
|
|
content: "Yes, we support integration with major automotive CRM systems out of the box.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Vertex Auto"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "/privacy",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "/terms",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|