Merge version_1 into main #1
198
src/app/page.tsx
198
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "featured-cars",
|
||||
},
|
||||
name: "Inventory", id: "featured-cars"},
|
||||
{
|
||||
name: "Financing",
|
||||
id: "financing",
|
||||
},
|
||||
name: "Financing", id: "financing"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-rowdy-cars",
|
||||
},
|
||||
name: "Why Us", id: "why-rowdy-cars"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "quick-process",
|
||||
},
|
||||
name: "Process", id: "quick-process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ROWDY CARS"
|
||||
/>
|
||||
@@ -67,20 +53,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="Drive Today. Pay Your Way."
|
||||
description="Quality used cars at prices that make sense. Fast approvals. No hassle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#featured-cars",
|
||||
},
|
||||
text: "Browse Inventory", href: "#featured-cars"},
|
||||
{
|
||||
text: "Get Approved Now",
|
||||
href: "#financing",
|
||||
},
|
||||
text: "Get Approved Now", href: "#financing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laughing-couple-standing-near-car_23-2147817977.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -97,29 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "altima-2018",
|
||||
name: "2018 Nissan Altima",
|
||||
price: "$13,995",
|
||||
variant: "From $289/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-with-car-detail_23-2148142592.jpg",
|
||||
imageAlt: "2018 Nissan Altima",
|
||||
},
|
||||
id: "altima-2018", name: "2018 Nissan Altima", price: "$13,995", variant: "From $289/mo", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-with-car-detail_23-2148142592.jpg", imageAlt: "2018 Nissan Altima"},
|
||||
{
|
||||
id: "civic-2019",
|
||||
name: "2019 Honda Civic",
|
||||
price: "$16,500",
|
||||
variant: "From $325/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-electric-crossover-driving-winter-village-road-eco-mobility-concept_169016-71577.jpg",
|
||||
imageAlt: "2019 Honda Civic",
|
||||
},
|
||||
id: "civic-2019", name: "2019 Honda Civic", price: "$16,500", variant: "From $325/mo", imageSrc: "http://img.b2bpic.net/free-photo/modern-electric-crossover-driving-winter-village-road-eco-mobility-concept_169016-71577.jpg", imageAlt: "2019 Honda Civic"},
|
||||
{
|
||||
id: "corolla-2020",
|
||||
name: "2020 Toyota Corolla",
|
||||
price: "$18,200",
|
||||
variant: "From $350/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35471.jpg",
|
||||
imageAlt: "2020 Toyota Corolla",
|
||||
},
|
||||
id: "corolla-2020", name: "2020 Toyota Corolla", price: "$18,200", variant: "From $350/mo", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35471.jpg", imageAlt: "2020 Toyota Corolla"},
|
||||
]}
|
||||
title="Featured Used Cars"
|
||||
description="Check out our most popular and reliable models. Great deals, driving off today."
|
||||
@@ -133,44 +96,23 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Approval",
|
||||
title: "All Credit Types Welcome",
|
||||
subtitle: "No matter your credit history, we can help.",
|
||||
description: "Whether you have perfect credit, bad credit, or no credit, we're here to help you get approved.",
|
||||
},
|
||||
tag: "Approval", title: "All Credit Types Welcome", subtitle: "No matter your credit history, we can help.", description: "Whether you have perfect credit, bad credit, or no credit, we're here to help you get approved."},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Speed",
|
||||
title: "Fast Approvals",
|
||||
subtitle: "Get on the road in no time.",
|
||||
description: "Get pre-approved in minutes, not days. Drive off the lot sooner.",
|
||||
},
|
||||
tag: "Speed", title: "Fast Approvals", subtitle: "Get on the road in no time.", description: "Get pre-approved in minutes, not days. Drive off the lot sooner."},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Savings",
|
||||
title: "Low Down Payments",
|
||||
subtitle: "Affordable options to fit your budget.",
|
||||
description: "We work to find you the best rates and lowest down payments possible to fit your budget.",
|
||||
},
|
||||
tag: "Savings", title: "Low Down Payments", subtitle: "Affordable options to fit your budget.", description: "We work to find you the best rates and lowest down payments possible to fit your budget."},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Ready",
|
||||
title: "Drive Off Today",
|
||||
subtitle: "Immediate gratification.",
|
||||
description: "Once approved, you can pick up your new-to-you car and hit the road the very same day.",
|
||||
},
|
||||
tag: "Ready", title: "Drive Off Today", subtitle: "Immediate gratification.", description: "Once approved, you can pick up your new-to-you car and hit the road the very same day."},
|
||||
]}
|
||||
title="Bad Credit? No Problem."
|
||||
description="At Rowdy Cars, we believe everyone deserves a reliable vehicle. Our flexible financing options make it possible."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Pre-Approved",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Pre-Approved", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571908.jpg"
|
||||
imageAlt="happy couple signing car deal"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,37 +137,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah T.",
|
||||
handle: "@saraht",
|
||||
testimonial: "They got me approved the same day. Super easy and friendly service. Highly recommend Rowdy Cars for anyone needing a reliable vehicle fast!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg",
|
||||
imageAlt: "smiling man customer portrait",
|
||||
},
|
||||
id: "1", name: "Sarah T.", handle: "@saraht", testimonial: "They got me approved the same day. Super easy and friendly service. Highly recommend Rowdy Cars for anyone needing a reliable vehicle fast!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg", imageAlt: "smiling man customer portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus D.",
|
||||
handle: "@marcusd",
|
||||
testimonial: "Best deal I found anywhere around. The car was exactly as described, and the financing process was transparent and simple.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
imageAlt: "smiling woman customer portrait",
|
||||
},
|
||||
id: "2", name: "Marcus D.", handle: "@marcusd", testimonial: "Best deal I found anywhere around. The car was exactly as described, and the financing process was transparent and simple.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "smiling woman customer portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessical",
|
||||
testimonial: "No pressure sales, just honest advice and great cars. Rowdy Cars made my first car purchase a fantastic experience. Love my new ride!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-handsome-businessman-showing-ok-sign-gurantee-quallity-standing-pleased-against-white-back_1258-112607.jpg",
|
||||
imageAlt: "man looking positive portrait",
|
||||
},
|
||||
id: "3", name: "Jessica L.", handle: "@jessical", testimonial: "No pressure sales, just honest advice and great cars. Rowdy Cars made my first car purchase a fantastic experience. Love my new ride!", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-handsome-businessman-showing-ok-sign-gurantee-quallity-standing-pleased-against-white-back_1258-112607.jpg", imageAlt: "man looking positive portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin P.",
|
||||
handle: "@kevinp",
|
||||
testimonial: "I was worried about my credit, but Rowdy Cars worked miracles. I drove off the lot in a quality car the same afternoon. Thank you!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-road-trip-sun-admiring-view_23-2148783483.jpg",
|
||||
imageAlt: "woman smiling friendly portrait",
|
||||
},
|
||||
id: "4", name: "Kevin P.", handle: "@kevinp", testimonial: "I was worried about my credit, but Rowdy Cars worked miracles. I drove off the lot in a quality car the same afternoon. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-road-trip-sun-admiring-view_23-2148783483.jpg", imageAlt: "woman smiling friendly portrait"},
|
||||
]}
|
||||
title="Hear From Our Happy Drivers"
|
||||
description="Our customers love the Rowdy Cars experience. See what they have to say about finding their perfect ride."
|
||||
@@ -239,23 +157,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "step1",
|
||||
icon: Car,
|
||||
title: "Browse Our Inventory",
|
||||
value: "Step 1",
|
||||
},
|
||||
id: "step1", icon: Car,
|
||||
title: "Browse Our Inventory", value: "Step 1"},
|
||||
{
|
||||
id: "step2",
|
||||
icon: CheckCircle,
|
||||
title: "Get Approved Fast",
|
||||
value: "Step 2",
|
||||
},
|
||||
id: "step2", icon: CheckCircle,
|
||||
title: "Get Approved Fast", value: "Step 2"},
|
||||
{
|
||||
id: "step3",
|
||||
icon: Key,
|
||||
title: "Drive Away Today",
|
||||
value: "Step 3",
|
||||
},
|
||||
id: "step3", icon: Key,
|
||||
title: "Drive Away Today", value: "Step 3"},
|
||||
]}
|
||||
title="Get Your Car in 3 Easy Steps"
|
||||
description="Our streamlined process makes buying simple and fast, getting you on the road without delay."
|
||||
@@ -266,8 +175,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to Drive?"
|
||||
title="Your Next Car Is Waiting"
|
||||
description="Explore our wide selection of quality used cars and find the perfect match for your needs and budget. Fast approvals and great deals await!"
|
||||
@@ -279,16 +187,6 @@ export default function LandingPage() {
|
||||
termsText="By submitting, you agree to receive updates from Rowdy Cars."
|
||||
onSubmit={(email) => console.log(email)}
|
||||
imageAlt="car keys on dealership desk"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#featured-cars",
|
||||
},
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#financing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -296,45 +194,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#featured-cars",
|
||||
},
|
||||
label: "Inventory", href: "#featured-cars"},
|
||||
{
|
||||
label: "Financing",
|
||||
href: "#financing",
|
||||
},
|
||||
label: "Financing", href: "#financing"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why-rowdy-cars",
|
||||
},
|
||||
label: "About Us", href: "#why-rowdy-cars"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#quick-process",
|
||||
},
|
||||
label: "Our Process", href: "#quick-process"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user