Files
0acfa05d-a3eb-4e57-8d3f-ff3…/src/app/page.tsx
2026-04-19 21:27:33 +00:00

177 lines
9.3 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
export default function LandingPage() {
return (
<ThemeProvider
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" },
]}
brandName="iTuner"
button={{
text: "01026654699", href: "tel:01026654699"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
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" }
]}
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" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
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="Engineered for Excellence"
description="We bridge the gap between amateur builds and professional performance through superior engineering."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
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" }
]}
title="Performance Tuning Hardware"
description="Premium components designed to unlock potential."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["TunerTech", "SpeedPro", "ApexRacing", "PerformanceLabs", "GearShift", "ModWorks", "TrackReady"]}
title="Trusted by Top Tuning Shops"
description="Join leading industry experts who rely on iTuner components."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
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" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<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" }
]}
cardTitle="Shop & Enthusiast Stories"
cardTag="Verified Feedback"
cardAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
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." }
]}
title="Technical Guidance"
description="Common questions regarding installation and wholesale orders."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
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."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="iTuner"
leftLink={{ text: "Contact Support: 01026654699", href: "tel:01026654699" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}