Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -32,44 +32,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AutoStyle"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elevate Your Ride."
|
||||
description="Professional performance tuning and aesthetic customization. Transform your vehicle into a masterpiece of engineering and style with our elite custom packages."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Projects", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-length-african-american-mechanic-businesswoman-communicating-auto-repair-shop_637285-11589.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-length-african-american-mechanic-businesswoman-communicating-auto-repair-shop_637285-11589.jpg"
|
||||
imageAlt="Custom modified sports car"
|
||||
/>
|
||||
</div>
|
||||
@@ -82,7 +70,7 @@ export default function LandingPage() {
|
||||
description="We specialize in bespoke automotive modifications that push boundaries. From precision tuning to meticulous aesthetic details, our team ensures every project meets peak industry standards."
|
||||
subdescription="Our legacy of precision has been built on a foundation of passion and technical mastery. We don't just modify cars; we redefine driving experiences."
|
||||
icon={Wrench}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1602.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1602.jpg"
|
||||
imageAlt="Mechanic working on performance engine"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -95,58 +83,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Luxury",
|
||||
description: "Bespoke leather work, precision stitching, and premium finish enhancements.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Interior Luxury", description: "Bespoke leather work, precision stitching, and premium finish enhancements.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934365.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934365.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-interior-decoration-luxurious-car_181624-25274.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-interior-decoration-luxurious-car_181624-25274.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934324.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934324.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-african-american-mechanic-businesswoman-communicating-auto-repair-shop_637285-11589.jpg?_wi=2",
|
||||
imageAlt: "custom car interior leather stitching",
|
||||
},
|
||||
{
|
||||
title: "Advanced Rims",
|
||||
description: "Custom alloy design and performance-focused wheel upgrades.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Advanced Rims", description: "Custom alloy design and performance-focused wheel upgrades.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car-wheel_23-2151113193.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car-wheel_23-2151113193.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-film-reel_23-2151067020.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-film-reel_23-2151067020.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31692.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31692.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1602.jpg?_wi=2",
|
||||
imageAlt: "custom car interior leather stitching",
|
||||
},
|
||||
{
|
||||
title: "Audio Tech",
|
||||
description: "High-fidelity sound system integration for the modern driver.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Audio Tech", description: "High-fidelity sound system integration for the modern driver.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16589.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16589.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-tablet-while-charging-electric-car_107420-94887.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-tablet-while-charging-electric-car_107420-94887.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487043.jpg?_wi=1",
|
||||
imageAlt: "custom car interior leather stitching",
|
||||
},
|
||||
]}
|
||||
title="Customization Mastery"
|
||||
@@ -162,59 +126,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "WrapTech",
|
||||
name: "Premium Vinyl Wrap",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487043.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "WrapTech", name: "Premium Vinyl Wrap", price: "$1,200", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487043.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "ProFlow",
|
||||
name: "Stainless Exhaust",
|
||||
price: "$850",
|
||||
rating: 4,
|
||||
reviewCount: "28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1336.jpg",
|
||||
},
|
||||
id: "p2", brand: "ProFlow", name: "Stainless Exhaust", price: "$850", rating: 4,
|
||||
reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1336.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "AirCore",
|
||||
name: "Intake System",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-183.jpg",
|
||||
},
|
||||
id: "p3", brand: "AirCore", name: "Intake System", price: "$450", rating: 5,
|
||||
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-183.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "TurboM",
|
||||
name: "Performance Turbo",
|
||||
price: "$2,100",
|
||||
rating: 5,
|
||||
reviewCount: "34",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3880.jpg",
|
||||
},
|
||||
id: "p4", brand: "TurboM", name: "Performance Turbo", price: "$2,100", rating: 5,
|
||||
reviewCount: "34", imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3880.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "OpticL",
|
||||
name: "Custom LED Headlights",
|
||||
price: "$600",
|
||||
rating: 4,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5517.jpg",
|
||||
},
|
||||
id: "p5", brand: "OpticL", name: "Custom LED Headlights", price: "$600", rating: 4,
|
||||
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5517.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "RoadMaster",
|
||||
name: "Racing Suspension",
|
||||
price: "$1,500",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580572.jpg",
|
||||
},
|
||||
id: "p6", brand: "RoadMaster", name: "Racing Suspension", price: "$1,500", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580572.jpg"},
|
||||
]}
|
||||
title="Performance Parts Store"
|
||||
description="Browse our hand-selected performance and aesthetic parts."
|
||||
@@ -228,23 +156,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Projects Completed", value: "500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "450+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Happy Clients", value: "450+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: TrendingUp,
|
||||
title: "Performance Boost",
|
||||
value: "35%",
|
||||
},
|
||||
id: "m3", icon: TrendingUp,
|
||||
title: "Performance Boost", value: "35%"},
|
||||
]}
|
||||
title="Proven Quality"
|
||||
description="Our commitment to performance engineering speaks for itself through our achievements."
|
||||
@@ -258,45 +177,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexrides",
|
||||
testimonial: "The precision work done on my suspension is incredible. Truly transformed the car.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", handle: "@alexrides", testimonial: "The precision work done on my suspension is incredible. Truly transformed the car.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
handle: "@sj_customs",
|
||||
testimonial: "Amazing service and attention to detail. My car looks and drives like new.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2435.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah J.", handle: "@sj_customs", testimonial: "Amazing service and attention to detail. My car looks and drives like new.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2435.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus K.",
|
||||
handle: "@m_k_performance",
|
||||
testimonial: "Professional team. They understood exactly the performance boost I was looking for.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus K.", handle: "@m_k_performance", testimonial: "Professional team. They understood exactly the performance boost I was looking for.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@d_w_tuning",
|
||||
testimonial: "Elite customization. Worth every penny for the interior work alone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-sunglasses-trench-coat-opening-cabriolet-car-door-while-dreamily-looking-aside-with-airport-background_574295-705.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@d_w_tuning", testimonial: "Elite customization. Worth every penny for the interior work alone.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-sunglasses-trench-coat-opening-cabriolet-car-door-while-dreamily-looking-aside-with-airport-background_574295-705.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
handle: "@elena_fast",
|
||||
testimonial: "Top-tier shop. I highly recommend their custom wrapping and tuning services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg",
|
||||
},
|
||||
id: "5", name: "Elena P.", handle: "@elena_fast", testimonial: "Top-tier shop. I highly recommend their custom wrapping and tuning services.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
@@ -308,8 +202,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Project"
|
||||
description="Ready to transform your vehicle? Get in touch today for a custom quote and consultation."
|
||||
@@ -323,50 +216,31 @@ export default function LandingPage() {
|
||||
logoText="AutoStyle"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Performance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Performance", href: "#"},
|
||||
{
|
||||
label: "Aesthetics",
|
||||
href: "#",
|
||||
},
|
||||
label: "Aesthetics", href: "#"},
|
||||
{
|
||||
label: "Audio",
|
||||
href: "#",
|
||||
},
|
||||
label: "Audio", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user