Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2ef8eaa4e9 |
209
src/app/page.tsx
209
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "Financing",
|
||||
id: "financing",
|
||||
},
|
||||
name: "Financing", id: "financing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Treasure Valley Auto"
|
||||
/>
|
||||
@@ -56,35 +48,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Treasure Valley's Best Truck Inventory"
|
||||
variant: "gradient-bars"}}
|
||||
title="Drive Home Your Dream Truck Today"
|
||||
description="Find your next truck at the best dealership in the valley. We offer competitive financing, premium inventory, and expert care."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minivan-driving-winter-forest-road-motion-family-travel_169016-71244.jpg",
|
||||
imageAlt: "Truck hero view 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minivan-driving-winter-forest-road-motion-family-travel_169016-71244.jpg", imageAlt: "Truck hero view 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-rainbow-appearing-end-road_23-2151562974.jpg",
|
||||
imageAlt: "Truck hero view 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-rainbow-appearing-end-road_23-2151562974.jpg", imageAlt: "Truck hero view 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vehicle-road_23-2151919264.jpg",
|
||||
imageAlt: "Truck hero view 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vehicle-road_23-2151919264.jpg", imageAlt: "Truck hero view 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-view-car-interior-hand-steering-wheel-speed-motion_169016-68523.jpg",
|
||||
imageAlt: "Truck hero view 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-view-car-interior-hand-steering-wheel-speed-motion_169016-68523.jpg", imageAlt: "Truck hero view 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-customers-car-showroom-browsing-automobiles-catalog_482257-124583.jpg",
|
||||
imageAlt: "Truck hero view 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-customers-car-showroom-browsing-automobiles-catalog_482257-124583.jpg", imageAlt: "Truck hero view 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shanghai-city-aerial-view-with-urban-architecture-blue-sky-day_649448-274.jpg",
|
||||
imageAlt: "Truck hero view 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shanghai-city-aerial-view-with-urban-architecture-blue-sky-day_649448-274.jpg", imageAlt: "Truck hero view 6"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,9 +75,7 @@ export default function LandingPage() {
|
||||
title="Welcome to Treasure Valley Auto"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,41 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "truck1",
|
||||
name: "Ford F-150 Lariat",
|
||||
price: "$38,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-their-job-position_23-2150163610.jpg",
|
||||
},
|
||||
id: "truck1", name: "Ford F-150 Lariat", price: "$38,900", imageSrc: "http://img.b2bpic.net/free-photo/person-their-job-position_23-2150163610.jpg"},
|
||||
{
|
||||
id: "truck2",
|
||||
name: "Chevrolet Silverado 1500",
|
||||
price: "$42,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vehicle-road_23-2151919251.jpg",
|
||||
},
|
||||
id: "truck2", name: "Chevrolet Silverado 1500", price: "$42,500", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-road_23-2151919251.jpg"},
|
||||
{
|
||||
id: "truck3",
|
||||
name: "RAM 1500 Big Horn",
|
||||
price: "$36,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-leaning-against-truck_23-2152009007.jpg",
|
||||
},
|
||||
id: "truck3", name: "RAM 1500 Big Horn", price: "$36,200", imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-leaning-against-truck_23-2152009007.jpg"},
|
||||
{
|
||||
id: "truck4",
|
||||
name: "GMC Sierra 2500",
|
||||
price: "$48,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-ecofriendly-people_23-2149125220.jpg",
|
||||
},
|
||||
id: "truck4", name: "GMC Sierra 2500", price: "$48,900", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-ecofriendly-people_23-2149125220.jpg"},
|
||||
{
|
||||
id: "truck5",
|
||||
name: "Toyota Tundra SR5",
|
||||
price: "$41,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-hunter-standing-together-with-his-beagle-dog-near-retro-military-car-forest_613910-21108.jpg",
|
||||
},
|
||||
id: "truck5", name: "Toyota Tundra SR5", price: "$41,000", imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-hunter-standing-together-with-his-beagle-dog-near-retro-military-car-forest_613910-21108.jpg"},
|
||||
{
|
||||
id: "truck6",
|
||||
name: "Ford F-250 Super Duty",
|
||||
price: "$52,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-long-vehicle-ready-delivering-transport_342744-1294.jpg",
|
||||
},
|
||||
id: "truck6", name: "Ford F-250 Super Duty", price: "$52,500", imageSrc: "http://img.b2bpic.net/free-photo/truck-long-vehicle-ready-delivering-transport_342744-1294.jpg"},
|
||||
]}
|
||||
title="Our Best Used Trucks"
|
||||
description="Discover our curated collection of premium used trucks, inspected and ready to drive."
|
||||
@@ -159,52 +112,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "Standard Rate",
|
||||
subtitle: "For excellent credit",
|
||||
buttons: [
|
||||
id: "p1", badge: "Popular", price: "Standard Rate", subtitle: "For excellent credit", buttons: [
|
||||
{
|
||||
text: "Apply Now",
|
||||
},
|
||||
text: "Apply Now"},
|
||||
],
|
||||
features: [
|
||||
"Quick approval",
|
||||
"Low interest rates",
|
||||
"Easy terms",
|
||||
],
|
||||
"Quick approval", "Low interest rates", "Easy terms"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Flexible",
|
||||
price: "Custom Plan",
|
||||
subtitle: "Built for you",
|
||||
buttons: [
|
||||
id: "p2", badge: "Flexible", price: "Custom Plan", subtitle: "Built for you", buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
text: "Contact Us"},
|
||||
],
|
||||
features: [
|
||||
"Personalized rates",
|
||||
"Early payoff options",
|
||||
"Flexible payments",
|
||||
],
|
||||
"Personalized rates", "Early payoff options", "Flexible payments"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Start Here",
|
||||
price: "Quick Start",
|
||||
subtitle: "For first-time buyers",
|
||||
buttons: [
|
||||
id: "p3", badge: "Start Here", price: "Quick Start", subtitle: "For first-time buyers", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
],
|
||||
features: [
|
||||
"Educational support",
|
||||
"Credit guidance",
|
||||
"Fixed rates",
|
||||
],
|
||||
"Educational support", "Credit guidance", "Fixed rates"],
|
||||
},
|
||||
]}
|
||||
title="Easy Financing Options"
|
||||
@@ -220,25 +149,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
title: "Vehicles Sold",
|
||||
description: "Happy drivers on the road",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "5000+", title: "Vehicles Sold", description: "Happy drivers on the road", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Based on reviews",
|
||||
icon: Star,
|
||||
id: "m2", value: "98%", title: "Customer Satisfaction", description: "Based on reviews", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Financing Partners",
|
||||
description: "Competitive lending options",
|
||||
icon: Shield,
|
||||
id: "m3", value: "15+", title: "Financing Partners", description: "Competitive lending options", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Dealership Achievements"
|
||||
@@ -251,14 +168,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Ford",
|
||||
"Chevrolet",
|
||||
"RAM",
|
||||
"GMC",
|
||||
"Toyota",
|
||||
"Nissan",
|
||||
"Honda",
|
||||
]}
|
||||
"Ford", "Chevrolet", "RAM", "GMC", "Toyota", "Nissan", "Honda"]}
|
||||
title="Our Trusted Inventory Brands"
|
||||
description="We stock only the most reliable brands in the industry."
|
||||
/>
|
||||
@@ -272,25 +182,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489858.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489858.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489860.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489860.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130230.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130230.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-aged-man-with-grey-hair_23-2148036815.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-aged-man-with-grey-hair_23-2148036815.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -304,22 +204,13 @@ export default function LandingPage() {
|
||||
description="Ready to test drive? Send us a message and we'll be in touch shortly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106170.jpg"
|
||||
@@ -332,29 +223,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "Inventory", href: "#inventory"},
|
||||
{
|
||||
label: "Financing",
|
||||
href: "#financing",
|
||||
},
|
||||
label: "Financing", href: "#financing"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user