Merge version_1 into main #1
157
src/app/page.tsx
157
src/app/page.tsx
@@ -30,18 +30,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Performance", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Autopros"
|
||||
/>
|
||||
@@ -52,14 +43,8 @@ export default function LandingPage() {
|
||||
logoText="Autopros Performance"
|
||||
description="Precision bodywork and advanced performance tuning for enthusiasts who demand excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Services", href: "#services" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg"
|
||||
imageAlt="Professional performance auto workshop"
|
||||
@@ -83,38 +68,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision Body Repair",
|
||||
author: "Body Specialist",
|
||||
description: "High-end collision repair using manufacturer-approved techniques and OEM quality paint.",
|
||||
tags: [
|
||||
"Collision",
|
||||
"Restoration",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wrapping-car-with-blue-cover_23-2149385684.jpg",
|
||||
},
|
||||
id: "1", title: "Precision Body Repair", author: "Body Specialist", description: "High-end collision repair using manufacturer-approved techniques and OEM quality paint.", tags: ["Collision", "Restoration"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wrapping-car-with-blue-cover_23-2149385684.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Performance Tuning",
|
||||
author: "Tech Expert",
|
||||
description: "Full ECU remapping, intake upgrades, and engine calibration to maximize horsepower safely.",
|
||||
tags: [
|
||||
"Performance",
|
||||
"Tuning",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163662.jpg",
|
||||
},
|
||||
id: "2", title: "Performance Tuning", author: "Tech Expert", description: "Full ECU remapping, intake upgrades, and engine calibration to maximize horsepower safely.", tags: ["Performance", "Tuning"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163662.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Custom Fabrication",
|
||||
author: "Shop Lead",
|
||||
description: "Hand-built exhaust systems and suspension setups tailored to your specific driving style.",
|
||||
tags: [
|
||||
"Custom",
|
||||
"Fabrication",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shock-absorber-atv-car-close-up_93675-133524.jpg",
|
||||
},
|
||||
id: "3", title: "Custom Fabrication", author: "Shop Lead", description: "Hand-built exhaust systems and suspension setups tailored to your specific driving style.", tags: ["Custom", "Fabrication"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shock-absorber-atv-car-close-up_93675-133524.jpg"},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive automotive solutions focused on restoration and speed."
|
||||
@@ -123,52 +84,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Turbocharger",
|
||||
price: "$1,899",
|
||||
variant: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg",
|
||||
},
|
||||
id: "p1", name: "Pro Turbocharger", price: "$1,899", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cold Air Intake",
|
||||
price: "$349",
|
||||
variant: "Engine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-still-life_23-2149417051.jpg",
|
||||
},
|
||||
id: "p2", name: "Cold Air Intake", price: "$349", variant: "Engine", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-still-life_23-2149417051.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ceramic Brakes",
|
||||
price: "$699",
|
||||
variant: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg",
|
||||
},
|
||||
id: "p3", name: "Ceramic Brakes", price: "$699", variant: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Racing Alloy Wheels",
|
||||
price: "$1,200",
|
||||
variant: "Handling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-folding-bike-city_23-2149064795.jpg",
|
||||
},
|
||||
id: "p4", name: "Racing Alloy Wheels", price: "$1,200", variant: "Handling", imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-folding-bike-city_23-2149064795.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Stabilizer Bars",
|
||||
price: "$299",
|
||||
variant: "Handling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580611.jpg",
|
||||
},
|
||||
id: "p5", name: "Stabilizer Bars", price: "$299", variant: "Handling", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580611.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Performance ECU",
|
||||
price: "$599",
|
||||
variant: "Tuning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1146.jpg",
|
||||
},
|
||||
id: "p6", name: "Performance ECU", price: "$599", variant: "Tuning", imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1146.jpg"},
|
||||
]}
|
||||
title="High-Performance Components"
|
||||
description="Quality parts to take your ride to the next level."
|
||||
@@ -182,31 +114,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Deep automotive expertise",
|
||||
"Reliable shop history",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Years Experience", items: ["Deep automotive expertise", "Reliable shop history"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Cars Tuned",
|
||||
items: [
|
||||
"Performance gains delivered",
|
||||
"Satisfied customers",
|
||||
],
|
||||
id: "m2", value: "5k+", title: "Cars Tuned", items: ["Performance gains delivered", "Satisfied customers"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Success Rate",
|
||||
items: [
|
||||
"Precision bodywork",
|
||||
"Quality assurance",
|
||||
],
|
||||
id: "m3", value: "98%", title: "Success Rate", items: ["Precision bodywork", "Quality assurance"],
|
||||
},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
@@ -221,26 +135,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marcus V."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-mechanic-wiping-hands-with-cleaning-cloth_1170-1321.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171289.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-sun_23-2148320234.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-image-pretty-seductive-girl-sitting-red-modern-sport-convertible-car_273443-2731.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-repairmen-car-workshop_23-2147897995.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-mechanic-wiping-hands-with-cleaning-cloth_1170-1321.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171289.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-sun_23-2148320234.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashionable-image-pretty-seductive-girl-sitting-red-modern-sport-convertible-car_273443-2731.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-repairmen-car-workshop_23-2147897995.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -250,9 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to Transform Your Ride?"
|
||||
description="Send us your details and we'll reach out to discuss your project requirements."
|
||||
|
||||
Reference in New Issue
Block a user