Merge version_2 into main #3
170
src/app/page.tsx
170
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Inventory", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Inventory", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Velocity Auto"
|
||||
/>
|
||||
@@ -46,43 +42,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Engineering for the Road Ahead."
|
||||
description="Discover our collection of premium vehicles, meticulously maintained and ready to deliver the performance you deserve."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory", href: "#products"},
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
{ text: "View Inventory", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg"
|
||||
imageAlt="Luxury vehicle in showroom"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Front view of cute girl looking away"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Woman smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg", alt: "Portrait of a happy young businessman looking at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Smiling African American man posing at library"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg", alt: "Handsome businesman in a summer city"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Front view of cute girl looking away" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Woman smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg", alt: "Portrait of a happy young businessman looking at camera" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Smiling African American man posing at library" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg", alt: "Handsome businesman in a summer city" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Performance Driven"},
|
||||
{
|
||||
type: "text", text: "Luxury Selection"},
|
||||
{
|
||||
type: "text", text: "Certified Quality"},
|
||||
{
|
||||
type: "text", text: "Expert Maintenance"},
|
||||
{
|
||||
type: "text", text: "Lifetime Support"},
|
||||
{ type: "text", text: "Performance Driven" },
|
||||
{ type: "text", text: "Luxury Selection" },
|
||||
{ type: "text", text: "Certified Quality" },
|
||||
{ type: "text", text: "Expert Maintenance" },
|
||||
{ type: "text", text: "Lifetime Support" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,7 +75,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Unmatched Automotive Excellence"
|
||||
description={[
|
||||
"We believe in transparency, performance, and trust. Our dedicated team of automotive experts ensures every vehicle meets the highest industry standards.", "From maintenance to selection, we prioritize your driving experience above everything else."]}
|
||||
"We believe in transparency, performance, and trust. Our dedicated team of automotive experts ensures every vehicle meets the highest industry standards.", "From maintenance to selection, we prioritize your driving experience above everything else."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -103,18 +87,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Velocity Silver S", price: "$75,000", variant: "Sedan", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-autumn-field_1157-28789.jpg"},
|
||||
{
|
||||
id: "p2", name: "Rugged Terrain X", price: "$88,000", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg"},
|
||||
{
|
||||
id: "p3", name: "Velocity Blue Aero", price: "$92,000", variant: "Convertible", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138939.jpg"},
|
||||
{
|
||||
id: "p4", name: "Turbo Hatch Red", price: "$45,000", variant: "Hatchback", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg"},
|
||||
{
|
||||
id: "p5", name: "Pure Electric White", price: "$68,000", variant: "Electric", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-valet-standing-by-car_23-2149901396.jpg"},
|
||||
{
|
||||
id: "p6", name: "All-Terrain Crawler", price: "$52,000", variant: "Off-Road", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482973.jpg"},
|
||||
{ id: "p1", name: "Velocity Silver S", price: "$75,000", variant: "Sedan", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-autumn-field_1157-28789.jpg" },
|
||||
{ id: "p2", name: "Rugged Terrain X", price: "$88,000", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg" },
|
||||
{ id: "p3", name: "Velocity Blue Aero", price: "$92,000", variant: "Convertible", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138939.jpg" },
|
||||
{ id: "p4", name: "Turbo Hatch Red", price: "$45,000", variant: "Hatchback", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg" },
|
||||
{ id: "p5", name: "Pure Electric White", price: "$68,000", variant: "Electric", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-valet-standing-by-car_23-2149901396.jpg" },
|
||||
{ id: "p6", name: "All-Terrain Crawler", price: "$52,000", variant: "Off-Road", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482973.jpg" },
|
||||
]}
|
||||
title="Our Premium Selection"
|
||||
description="Explore our curated inventory of vehicles designed for luxury, performance, and reliability."
|
||||
@@ -127,18 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15+", title: "Years Experience", items: [
|
||||
"Expertise", "Reliability", "Service"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "500+", title: "Vehicles Delivered", items: [
|
||||
"Happy Clients", "Quality Checks", "Speed"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "99%", title: "Client Retention", items: [
|
||||
"Trust", "Consistency", "Support"],
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Years Experience", items: ["Expertise", "Reliability", "Service"] },
|
||||
{ id: "m2", value: "500+", title: "Vehicles Delivered", items: ["Happy Clients", "Quality Checks", "Speed"] },
|
||||
{ id: "m3", value: "99%", title: "Client Retention", items: ["Trust", "Consistency", "Support"] },
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Our numbers speak for themselves. We provide reliable automotive solutions with a track record of satisfaction."
|
||||
@@ -153,12 +122,9 @@ export default function LandingPage() {
|
||||
groups={[
|
||||
{
|
||||
id: "g1", groupTitle: "Sales & Support", members: [
|
||||
{
|
||||
id: "t1", title: "Alex Rivers", subtitle: "Sales Director", detail: "15 years in luxury sales.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg"},
|
||||
{
|
||||
id: "t2", title: "Jordan Smith", subtitle: "Technical Expert", detail: "Master certified technician.", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg"},
|
||||
{
|
||||
id: "t3", title: "Morgan Lee", subtitle: "Customer Success", detail: "Prioritizing your journey.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg"},
|
||||
{ id: "t1", title: "Alex Rivers", subtitle: "Sales Director", detail: "15 years in luxury sales.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" },
|
||||
{ id: "t2", title: "Jordan Smith", subtitle: "Technical Expert", detail: "Master certified technician.", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg" },
|
||||
{ id: "t3", title: "Morgan Lee", subtitle: "Customer Success", detail: "Prioritizing your journey.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -174,21 +140,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"},
|
||||
{
|
||||
id: "4", name: "David Kim", role: "Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg"},
|
||||
{
|
||||
id: "5", name: "Helen Wu", role: "Founder", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg"},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg" },
|
||||
{ id: "5", name: "Helen Wu", role: "Founder", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of automotive enthusiasts for premium service."
|
||||
@@ -200,12 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you offer financing?", content: "Yes, we partner with multiple institutions to provide flexible financing options."},
|
||||
{
|
||||
id: "f2", title: "Is warranty included?", content: "All our certified vehicles come with a comprehensive 12-month warranty."},
|
||||
{
|
||||
id: "f3", title: "Can I test drive?", content: "Absolutely. You can schedule a test drive online or by visiting our showroom."},
|
||||
{ id: "f1", title: "Do you offer financing?", content: "Yes, we partner with multiple institutions to provide flexible financing options." },
|
||||
{ id: "f2", title: "Is warranty included?", content: "All our certified vehicles come with a comprehensive 12-month warranty." },
|
||||
{ id: "f3", title: "Can I test drive?", content: "Absolutely. You can schedule a test drive online or by visiting our showroom." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers about your next vehicle."
|
||||
@@ -214,28 +167,39 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactCTA
|
||||
tag="Bookings"
|
||||
title="Secure Your Next Drive"
|
||||
description="Whether you are looking for a test drive, service appointment, or general inquiries, our team is ready to assist you."
|
||||
buttons={[{ text: "Schedule Now", href: "#" }]}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get behind the wheel? Contact our professional team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Velocity Auto"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Chef Jean" },
|
||||
{ label: "Our Culinary Philosophy" },
|
||||
{ label: "Careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram" },
|
||||
{ label: "Facebook" },
|
||||
{ label: "Twitter" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Velocity Auto & Culinary Works"
|
||||
bottomRightText="Chef Jean's Signature Service"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user