Update src/app/page.tsx
This commit is contained in:
289
src/app/page.tsx
289
src/app/page.tsx
@@ -19,138 +19,48 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Expert Support",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Performance", id: "features" },
|
||||
{ name: "Expert Support", id: "contact" },
|
||||
]}
|
||||
brandName="iTuner"
|
||||
button={{
|
||||
text: "01026654699",
|
||||
href: "tel:01026654699",
|
||||
}}
|
||||
text: "01026654699", href: "tel:01026654699"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
title="Professional Tuning Accessories Engineered for Performance"
|
||||
description="Premium components trusted by shops and enthusiasts worldwide. Fast shipping, expert support, and lifetime warranty on select products."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030441.jpg",
|
||||
imageAlt: "performance car tuning parts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metallic-hard-drive-still-life_23-2149417037.jpg",
|
||||
imageAlt: "high performance car parts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-pads-wheel-car_114579-4034.jpg",
|
||||
imageAlt: "carbon fiber car parts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-his-workshop_23-2148970737.jpg",
|
||||
imageAlt: "automotive intake manifold",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-tools_23-2148932612.jpg",
|
||||
imageAlt: "car exhaust performance upgrade",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030441.jpg", imageAlt: "performance car tuning parts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metallic-hard-drive-still-life_23-2149417037.jpg", imageAlt: "high performance car parts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-pads-wheel-car_114579-4034.jpg", imageAlt: "carbon fiber car parts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-his-workshop_23-2148970737.jpg", imageAlt: "automotive intake manifold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-tools_23-2148932612.jpg", imageAlt: "car exhaust performance upgrade" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lighter-orange-background-macro-detail_58702-2372.jpg",
|
||||
imageAlt: "performance coilover kit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg",
|
||||
imageAlt: "performance tuning ECU",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bevel-gear_1170-1420.jpg",
|
||||
imageAlt: "performance radiator upgrade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel-disc-brake_1170-1212.jpg",
|
||||
imageAlt: "performance brake rotors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motorbike-motor_1417-1535.jpg",
|
||||
imageAlt: "performance turbocharger kit",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Premium Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-direction-speed-panel-car_114579-4067.jpg",
|
||||
alt: "Interior direction and speed panel of a car.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg",
|
||||
alt: "Electric car fuel socket",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-hard-disc-components_23-2149413358.jpg",
|
||||
alt: "Top view hard disc components",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bicycle-piece-wooden-table_23-2148932631.jpg",
|
||||
alt: "Bicycle piece on wooden table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-repair-business-composition_23-2147881882.jpg",
|
||||
alt: "Car repair business composition",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/gear-colorful-logo-gradient_677411-1672.jpg",
|
||||
alt: "automotive brand logo performance",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-car-service-logo-template_23-2149725999.jpg",
|
||||
alt: "car part manufacturer symbol",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/turbo-logo-design-template_23-2150140863.jpg",
|
||||
alt: "racing parts brand icon",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/gear-spanner-gradient-logo-design_343694-4447.jpg",
|
||||
alt: "premium car accessories brand",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-turbo-logo-template_23-2150134552.jpg",
|
||||
alt: "automotive performance parts logo",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lighter-orange-background-macro-detail_58702-2372.jpg", imageAlt: "performance coilover kit" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg", imageAlt: "performance tuning ECU" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bevel-gear_1170-1420.jpg", imageAlt: "performance radiator upgrade" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel-disc-brake_1170-1212.jpg", imageAlt: "performance brake rotors" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/motorbike-motor_1417-1535.jpg", imageAlt: "performance turbocharger kit" }
|
||||
]}
|
||||
buttons={[{ text: "Shop Premium Accessories", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,21 +71,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Durability",
|
||||
description: "Materials sourced for high-heat performance and extended lifecycles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030438.jpg",
|
||||
},
|
||||
{
|
||||
title: "Precision Fitment",
|
||||
description: "Guaranteed specifications for seamless installation in modern platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-distributor_482257-91142.jpg",
|
||||
},
|
||||
{
|
||||
title: "Expert Technical Support",
|
||||
description: "Connect with pros at 01026654699 for any technical assistance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-gear_23-2151113172.jpg",
|
||||
},
|
||||
{ title: "Premium Durability", description: "Materials sourced for high-heat performance and extended lifecycles.", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030438.jpg" },
|
||||
{ title: "Precision Fitment", description: "Guaranteed specifications for seamless installation in modern platforms.", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-distributor_482257-91142.jpg" },
|
||||
{ title: "Expert Technical Support", description: "Connect with pros at 01026654699 for any technical assistance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-gear_23-2151113172.jpg" }
|
||||
]}
|
||||
title="Engineered for Excellence"
|
||||
description="We bridge the gap between amateur builds and professional performance through superior engineering."
|
||||
@@ -187,43 +85,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Performance Exhaust",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1500.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Suspension Coilovers",
|
||||
price: "$890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545636.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tuning ECU Module",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172435.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Racing Radiator",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car_1170-1360.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Performance Rotors",
|
||||
price: "$550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-auto-mechanic-man-lying-reparing-car-disc-brake-garage_53876-31452.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Turbocharger Kit",
|
||||
price: "$2,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-frustrated-middle-aged-woman-standing-her-car-with-open-hood-looking-inside-trying-figure-out-what-is-problem_343059-3786.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Performance Exhaust", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1500.jpg" },
|
||||
{ id: "p2", name: "Suspension Coilovers", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545636.jpg" },
|
||||
{ id: "p3", name: "Tuning ECU Module", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172435.jpg" },
|
||||
{ id: "p4", name: "Racing Radiator", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car_1170-1360.jpg" },
|
||||
{ id: "p5", name: "Performance Rotors", price: "$550", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-auto-mechanic-man-lying-reparing-car-disc-brake-garage_53876-31452.jpg" },
|
||||
{ id: "p6", name: "Turbocharger Kit", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/side-view-frustrated-middle-aged-woman-standing-her-car-with-open-hood-looking-inside-trying-figure-out-what-is-problem_343059-3786.jpg" }
|
||||
]}
|
||||
title="Performance Tuning Hardware"
|
||||
description="Premium components designed to unlock potential."
|
||||
@@ -234,15 +103,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TunerTech",
|
||||
"SpeedPro",
|
||||
"ApexRacing",
|
||||
"PerformanceLabs",
|
||||
"GearShift",
|
||||
"ModWorks",
|
||||
"TrackReady",
|
||||
]}
|
||||
names={["TunerTech", "SpeedPro", "ApexRacing", "PerformanceLabs", "GearShift", "ModWorks", "TrackReady"]}
|
||||
title="Trusted by Top Tuning Shops"
|
||||
description="Join leading industry experts who rely on iTuner components."
|
||||
/>
|
||||
@@ -254,21 +115,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Parts Shipped",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Professional Shops",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Technical Support",
|
||||
},
|
||||
{ id: "m1", value: "10k+", description: "Parts Shipped" },
|
||||
{ id: "m2", value: "500+", description: "Professional Shops" },
|
||||
{ id: "m3", value: "24/7", description: "Technical Support" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -278,31 +127,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5929.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636218.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881841.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-oitside-by-house_1303-20597.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1281.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5929.jpg" },
|
||||
{ id: "t2", name: "Sarah Smith", imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636218.jpg" },
|
||||
{ id: "t3", name: "Mike Ross", imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881841.jpg" },
|
||||
{ id: "t4", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-oitside-by-house_1303-20597.jpg" },
|
||||
{ id: "t5", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1281.jpg" }
|
||||
]}
|
||||
cardTitle="Shop & Enthusiast Stories"
|
||||
cardTag="Verified Feedback"
|
||||
@@ -315,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer wholesale?",
|
||||
content: "Yes, contact our team directly at 01026654699 for bulk ordering pricing.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Warranty coverage?",
|
||||
content: "We offer a lifetime warranty on selected performance accessories.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Technical support line?",
|
||||
content: "Our support is available via 01026654699 for all technical guidance.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer wholesale?", content: "Yes, contact our team directly at 01026654699 for bulk ordering pricing." },
|
||||
{ id: "f2", title: "Warranty coverage?", content: "We offer a lifetime warranty on selected performance accessories." },
|
||||
{ id: "f3", title: "Technical support line?", content: "Our support is available via 01026654699 for all technical guidance." }
|
||||
]}
|
||||
title="Technical Guidance"
|
||||
description="Common questions regarding installation and wholesale orders."
|
||||
@@ -340,9 +157,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
tag="Support Channel"
|
||||
title="Get Technical Assistance"
|
||||
description="Have specific questions about a product or bulk orders? Connect with our team of specialists via 01026654699 for direct support."
|
||||
@@ -352,17 +167,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="iTuner"
|
||||
leftLink={{
|
||||
text: "Contact Support: 01026654699",
|
||||
href: "tel:01026654699",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Contact Support: 01026654699", href: "tel:01026654699" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user