404 lines
13 KiB
TypeScript
404 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Shop",
|
|
id: "shop",
|
|
},
|
|
{
|
|
name: "Builds",
|
|
id: "builds",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="AIA MODS"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "canvas-reveal",
|
|
}}
|
|
title="ENGINEERED TO DOMINATE"
|
|
description="Premium car modifications for those who refuse stock."
|
|
buttons={[
|
|
{
|
|
text: "SHOP MODS",
|
|
href: "#shop",
|
|
},
|
|
{
|
|
text: "VIEW BUILDS",
|
|
href: "#builds",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636176.jpg?_wi=1"
|
|
imageAlt="Modified sports car"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Alex K.",
|
|
handle: "@alex_k",
|
|
testimonial: "The body kit fitment is absolutely perfect. Changed the stance completely.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-clients-celebrating-closing-car-deal-proudly-shaking-keys_482257-118111.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Sarah L.",
|
|
handle: "@sarah_l",
|
|
testimonial: "Engineered for real power. My track times dropped significantly.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171287.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Mike J.",
|
|
handle: "@mike_j",
|
|
testimonial: "Top quality components. Shipping was faster than expected.",
|
|
rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sitting-trunk-his-black-muscle-car-rich-black-man_627829-2712.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Chris B.",
|
|
handle: "@chris_b",
|
|
testimonial: "The team knows their stuff. Absolute masters of the craft.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-man-wearing-sports-hoodie-leaning-illuminated-signboard-street-night_613910-21202.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Emma W.",
|
|
handle: "@emma_w",
|
|
testimonial: "Worth every penny. The aggressive look I wanted, delivered.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-granny-portrait_23-2151310049.jpg?_wi=1",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-clients-celebrating-closing-car-deal-proudly-shaking-keys_482257-118111.jpg",
|
|
alt: "User 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171287.jpg",
|
|
alt: "User 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sitting-trunk-his-black-muscle-car-rich-black-man_627829-2712.jpg",
|
|
alt: "User 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pensive-young-man-wearing-sports-hoodie-leaning-illuminated-signboard-street-night_613910-21202.jpg",
|
|
alt: "User 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-granny-portrait_23-2151310049.jpg",
|
|
alt: "User 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "PRECISION ENGINEERING",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "JDM LEGENDS",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "TRACK PROVEN",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "CUSTOM BUILDS",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "AERODYNAMICS",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="categories" data-section="categories">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "BODY KITS",
|
|
description: "Aggressive aero, widebody flares, and premium styling.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blue-pads-wheel-car_114579-4034.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-workshop-repairing-service_23-2150171281.jpg?_wi=1",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636176.jpg?_wi=2",
|
|
imageAlt: "modified sports car low light",
|
|
},
|
|
{
|
|
title: "EXHAUST SYSTEMS",
|
|
description: "High-flow custom systems built for raw sound and power.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-tyre-break-disc_1170-1621.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg?_wi=1",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blue-pads-wheel-car_114579-4034.jpg?_wi=2",
|
|
imageAlt: "carbon fiber body kit detail",
|
|
},
|
|
{
|
|
title: "SUSPENSION",
|
|
description: "Precision performance handling for street and track.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-250.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-massaging-armchair-using-vr-technology_158595-5189.jpg?_wi=1",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-workshop-repairing-service_23-2150171281.jpg?_wi=2",
|
|
imageAlt: "stainless steel exhaust tuning",
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="WHAT WE BUILD"
|
|
description="Explore our core modification categories."
|
|
/>
|
|
</div>
|
|
|
|
<div id="shop" data-section="shop">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
brand: "AIA",
|
|
name: "Carbon Wing",
|
|
price: "$1200",
|
|
rating: 5,
|
|
reviewCount: "24",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blue-pads-wheel-car_114579-4034.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "p2",
|
|
brand: "Titan",
|
|
name: "Exhaust V2",
|
|
price: "$850",
|
|
rating: 5,
|
|
reviewCount: "18",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-workshop-repairing-service_23-2150171281.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "p3",
|
|
brand: "Aero",
|
|
name: "Suspension Kit",
|
|
price: "$2100",
|
|
rating: 4,
|
|
reviewCount: "12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-tyre-break-disc_1170-1621.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p4",
|
|
brand: "Flow",
|
|
name: "Forged Wheels",
|
|
price: "$3400",
|
|
rating: 5,
|
|
reviewCount: "42",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p5",
|
|
brand: "AIA",
|
|
name: "Intercooler",
|
|
price: "$900",
|
|
rating: 5,
|
|
reviewCount: "33",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-250.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p6",
|
|
brand: "Apex",
|
|
name: "Bucket Seat",
|
|
price: "$600",
|
|
rating: 4,
|
|
reviewCount: "55",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-massaging-armchair-using-vr-technology_158595-5189.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="TOP MODS"
|
|
description="Premium parts curated for serious enthusiasts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="builds" data-section="builds">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "b1",
|
|
value: "Project 1",
|
|
title: "GTR R35",
|
|
description: "Complete widebody overhaul.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vintage-chrome-lamp-detail-classic_1203-6154.jpg",
|
|
},
|
|
{
|
|
id: "b2",
|
|
value: "Project 2",
|
|
title: "Supra MK5",
|
|
description: "Full track performance build.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-car-nicht_23-2148140767.jpg",
|
|
},
|
|
{
|
|
id: "b3",
|
|
value: "Project 3",
|
|
title: "Civic Type R",
|
|
description: "Street legal racing monster.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shiny-lamp-bumper-old-headlight_1203-4248.jpg",
|
|
},
|
|
]}
|
|
title="THE BUILDS"
|
|
description="Explore custom engineering masterpieces."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
title: "Best Shop",
|
|
quote: "Incredible service and quality parts.",
|
|
name: "Alex K.",
|
|
role: "Owner, R35",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-clients-celebrating-closing-car-deal-proudly-shaking-keys_482257-118111.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t2",
|
|
title: "Top Tier",
|
|
quote: "My car dominates on the track now.",
|
|
name: "Sarah L.",
|
|
role: "Owner, Supra",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171287.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t3",
|
|
title: "Amazing",
|
|
quote: "Fast shipping, perfect fitment.",
|
|
name: "Mike J.",
|
|
role: "Owner, Civic",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sitting-trunk-his-black-muscle-car-rich-black-man_627829-2712.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t4",
|
|
title: "Pure Quality",
|
|
quote: "The team knows their stuff inside out.",
|
|
name: "Chris B.",
|
|
role: "Owner, 911",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-man-wearing-sports-hoodie-leaning-illuminated-signboard-street-night_613910-21202.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t5",
|
|
title: "Revolutionary",
|
|
quote: "Best modification investment I've made.",
|
|
name: "Emma W.",
|
|
role: "Owner, Z",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-granny-portrait_23-2151310049.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="BUILT FOR DRIVERS, BY DRIVERS"
|
|
description="What our community says about their builds."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Shop",
|
|
href: "#shop",
|
|
},
|
|
{
|
|
label: "Builds",
|
|
href: "#builds",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Terms",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Privacy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="AIA MODS"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|