Merge version_1 into main #2
@@ -7,7 +7,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -25,22 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Cars",
|
||||
id: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Cars", id: "/inventory" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="JG Auto Sales"
|
||||
/>
|
||||
@@ -52,14 +40,8 @@ export default function LandingPage() {
|
||||
title="A Local Business You Can Trust"
|
||||
description="At JG Auto Sales, we pride ourselves on doing things differently."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Local",
|
||||
},
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Cars Sold",
|
||||
},
|
||||
{ value: "10+", title: "Years Local" },
|
||||
{ value: "1000+", title: "Cars Sold" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-showroom-agent-suggesting-clients-extra-features-buy-asks-signature_482257-124624.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -74,20 +56,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Team"
|
||||
description="Meet the experts"
|
||||
team={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="JG Auto Sales"
|
||||
leftLink={{
|
||||
text: "© 2024 JG Auto Sales",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 JG Auto Sales", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -7,7 +7,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function InventoryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -25,22 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Cars",
|
||||
id: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Cars", id: "/inventory" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="JG Auto Sales"
|
||||
/>
|
||||
@@ -54,6 +42,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Featured Inventory"
|
||||
description="Check our current stock"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,20 +53,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Buy Used"
|
||||
description="Benefits of buying pre-owned"
|
||||
features={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="JG Auto Sales"
|
||||
leftLink={{
|
||||
text: "© 2024 JG Auto Sales",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 JG Auto Sales", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
280
src/app/page.tsx
280
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Cars",
|
||||
id: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Cars", id: "/inventory" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="JG Auto Sales"
|
||||
/>
|
||||
@@ -52,66 +40,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Find Your Perfect Car Without the Stress"
|
||||
description="Honest advice. Premium vehicles. A seamless experience from start to finish."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Available Cars",
|
||||
href: "/inventory",
|
||||
},
|
||||
{
|
||||
text: "Speak to Our Team",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "View Available Cars", href: "/inventory" },
|
||||
{ text: "Speak to Our Team", href: "/contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Finance Available",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Vehicles",
|
||||
},
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
{ type: "text", text: "Nationwide Delivery" },
|
||||
{ type: "text", text: "Finance Available" },
|
||||
{ type: "text", text: "Certified Vehicles" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,60 +72,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Haryati K.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Terry M.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michelle G.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah L.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
},
|
||||
{ id: "1", name: "Haryati K.", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg" },
|
||||
{ id: "2", name: "Terry M.", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg" },
|
||||
{ id: "3", name: "Michelle G.", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
|
||||
{ id: "5", name: "Sarah L.", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Transparency",
|
||||
},
|
||||
{
|
||||
value: "5 Star",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{ value: "500+", label: "Happy Customers" },
|
||||
{ value: "100%", label: "Transparency" },
|
||||
{ value: "5 Star", label: "Avg Rating" },
|
||||
]}
|
||||
title="Loved by Our Customers"
|
||||
description="See why our local community trusts JG Auto Sales."
|
||||
@@ -189,49 +95,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Genuine, Honest Service",
|
||||
description: "We believe buying a car should feel comfortable — not pressured.",
|
||||
icon: Users,
|
||||
title: "Genuine, Honest Service", description: "We believe buying a car should feel comfortable — not pressured.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone-greeting-man_23-2147793073.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone-greeting-man_23-2147793073.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg?_wi=2",
|
||||
imageAlt: "luxury black sedan low light showroom",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone-greeting-man_23-2147793073.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone-greeting-man_23-2147793073.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "We Handle Everything",
|
||||
description: "From servicing to registration, we take care of the details so you don't have to.",
|
||||
icon: Wrench,
|
||||
title: "We Handle Everything", description: "From servicing to registration, we take care of the details so you don't have to.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11877.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11877.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=2",
|
||||
imageAlt: "smiling customer portrait",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11877.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11877.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Quality Vehicles Only",
|
||||
description: "Every car is carefully selected to meet our high standards of quality and reliability.",
|
||||
icon: Car,
|
||||
title: "Quality Vehicles Only", description: "Every car is carefully selected to meet our high standards of quality and reliability.", icon: Car,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg?_wi=2",
|
||||
imageAlt: "satisfied client portrait professional",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="What Makes JG Auto Sales Different"
|
||||
@@ -246,60 +128,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Mercedes-Benz",
|
||||
name: "E-Class Sedan",
|
||||
price: "$45,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ev3o4",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "BMW",
|
||||
name: "3 Series",
|
||||
price: "$38,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Audi",
|
||||
name: "A4 Quattro",
|
||||
price: "$42,000",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wjx2uv",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Lexus",
|
||||
name: "RX 350",
|
||||
price: "$52,000",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park-near-car_1157-28551.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Porsche",
|
||||
name: "Cayenne",
|
||||
price: "$85,000",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-hood-black-luxury-car_146671-19732.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Tesla",
|
||||
name: "Model 3",
|
||||
price: "$48,000",
|
||||
rating: 4,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-15084.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Mercedes-Benz", name: "E-Class Sedan", price: "$45,000", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ev3o4" },
|
||||
{ id: "p2", brand: "BMW", name: "3 Series", price: "$38,000", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg" },
|
||||
{ id: "p3", brand: "Audi", name: "A4 Quattro", price: "$42,000", rating: 4, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wjx2uv" },
|
||||
{ id: "p4", brand: "Lexus", name: "RX 350", price: "$52,000", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park-near-car_1157-28551.jpg" },
|
||||
{ id: "p5", brand: "Porsche", name: "Cayenne", price: "$85,000", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/headlights-hood-black-luxury-car_146671-19732.jpg" },
|
||||
{ id: "p6", brand: "Tesla", name: "Model 3", price: "$48,000", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-15084.jpg" },
|
||||
]}
|
||||
title="Hand-Picked Luxury Selection"
|
||||
description="Explore our premium fleet of vehicles waiting for you."
|
||||
@@ -314,20 +148,8 @@ export default function LandingPage() {
|
||||
title="Premium Services"
|
||||
description="We offer more than just car sales."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Financing",
|
||||
description: "Easy approval process.",
|
||||
tag: "Financial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone-greeting-man_23-2147793073.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Detailing",
|
||||
description: "Get that showroom shine.",
|
||||
tag: "Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", title: "Financing", description: "Easy approval process.", tag: "Financial", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone-greeting-man_23-2147793073.jpg" },
|
||||
{ id: "2", title: "Detailing", description: "Get that showroom shine.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,14 +157,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="JG Auto Sales"
|
||||
leftLink={{
|
||||
text: "© 2024 JG Auto Sales",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 JG Auto Sales", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user