285 lines
15 KiB
TypeScript
285 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
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 TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Zap, Cpu, Disc, Activity, Wind } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Services", id: "#features"},
|
||
{
|
||
name: "Products", id: "#products"},
|
||
{
|
||
name: "Team", id: "#team"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
brandName="SF Fahrzeugtechnik"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitTestimonial
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Precision Tuning for German Engineering"
|
||
description="Unlock your vehicle's true potential with expert tuning services from SF Fahrzeugtechnik. Performance, reliability, and precision."
|
||
testimonials={[
|
||
{
|
||
name: "Lukas M.", handle: "@lukas_911", testimonial: "Increased my engine performance significantly! Incredible service.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg?_wi=1", imageAlt: "luxury tuning car garage"},
|
||
{
|
||
name: "Sebastian K.", handle: "@seb_tuning", testimonial: "Professional, fast, and extremely knowledgeable staff.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-detail-machinery_114579-2839.jpg?_wi=1", imageAlt: "luxury tuning car garage"},
|
||
{
|
||
name: "Maximilian H.", handle: "@max_racer", testimonial: "Best tuning shop in Germany for high-end sportscars.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg?_wi=1", imageAlt: "luxury tuning car garage"},
|
||
{
|
||
name: "Daniel F.", handle: "@dani_motors", testimonial: "Everything was perfect, my performance is clearly improved.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580558.jpg?_wi=1", imageAlt: "luxury tuning car garage"},
|
||
{
|
||
name: "Torsten W.", handle: "@t_speed", testimonial: "Truly exceeded my expectations in every category.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/car-racing-video-game-arcade_53876-98103.jpg?_wi=1", imageAlt: "luxury tuning car garage"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Unlock Your Car’s Potential", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg?_wi=2"
|
||
imageAlt="Performance tuning garage"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150169934.jpg", alt: "Male and female mechanics working in the shop on a car"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171277.jpg", alt: "Medium shot man and woman talking"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580535.jpg", alt: "Car being taking care of in workshop"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/female-legs-close-up-by-automobile_1303-13879.jpg", alt: "Female legs close up by the automobile"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/head-laser-cutting-machine_1339-4598.jpg", alt: "head of laser cutting machine"},
|
||
]}
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Engine Mapping"},
|
||
{
|
||
type: "text", text: "Suspension Setup"},
|
||
{
|
||
type: "text", text: "Exhaust Systems"},
|
||
{
|
||
type: "text", text: "Performance Parts"},
|
||
{
|
||
type: "text", text: "ECU Programming"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={false}
|
||
tag="Our Expertise"
|
||
title="Engineering Excellence in Every Part"
|
||
description="At SF Fahrzeugtechnik, we push the limits of modern performance. Combining advanced software calibration with high-end hardware, we ensure maximum efficiency."
|
||
subdescription="Every project is a fusion of technical expertise and raw automotive passion."
|
||
icon={Zap}
|
||
imageSrc="http://img.b2bpic.net/free-photo/stainless-steel-detail-machinery_114579-2839.jpg?_wi=2"
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentySix
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Engine Software Mapping", description: "Precision software tuning for optimal engine performance and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg?_wi=2", buttonIcon: Cpu,
|
||
},
|
||
{
|
||
title: "Custom Exhaust Systems", description: "Full performance exhaust kits for improved flow and better sound.", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580558.jpg?_wi=2", buttonIcon: Disc,
|
||
},
|
||
{
|
||
title: "Performance Chip Upgrades", description: "Customized chip tuning for increased horsepower and torque curves.", imageSrc: "http://img.b2bpic.net/free-photo/car-racing-video-game-arcade_53876-98103.jpg?_wi=2", buttonIcon: Activity,
|
||
},
|
||
{
|
||
title: "Aerodynamic Enhancements", description: "High-quality body mods that improve handling and vehicle stability.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-film-reel_23-2151067020.jpg", buttonIcon: Wind,
|
||
},
|
||
]}
|
||
title="Our Specialized Tuning Services"
|
||
description="Complete performance packages designed to elevate your driving experience to the next level."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", brand: "SF Performance", name: "Stage 1 Software Kit", price: "799 €", rating: 5,
|
||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580534.jpg"},
|
||
{
|
||
id: "p2", brand: "Tech Suspension", name: "Coilover Suspension Set", price: "1499 €", rating: 5,
|
||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171275.jpg"},
|
||
{
|
||
id: "p3", brand: "RaceAir", name: "Cold Air Intake System", price: "450 €", rating: 4,
|
||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-181.jpg"},
|
||
{
|
||
id: "p4", brand: "SpeedLine", name: "Racing Steering Wheel", price: "599 €", rating: 5,
|
||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-dressed-brown-leather-jacket-sits-wheel-tuned-retro-car-with-open-door_613910-19274.jpg"},
|
||
{
|
||
id: "p5", brand: "BrakeTech", name: "Performance Caliper Upgrade", price: "2100 €", rating: 5,
|
||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46150.jpg"},
|
||
{
|
||
id: "p6", brand: "CoolEngine", name: "Performance Oil Cooler", price: "650 €", rating: 4,
|
||
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-metal-beer-kegs_181624-29810.jpg"},
|
||
]}
|
||
title="Performance Tuning Catalog"
|
||
description="Shop the finest components for your vehicle upgrade."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="scale-rotate"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Markus H.", handle: "@markus_tuning", testimonial: "SF Fahrzeugtechnik transformed my car into a beast. Unmatched service quality.", imageSrc: "http://img.b2bpic.net/free-photo/joy-positiveness-body-language-beautiful-happy-young-mulatto-girl-with-curly-black-hair-posing-isolated-dressed-silk-pajamas-making-thumbs-up-gesture-showing-ok-sign-smiling_343059-2617.jpg"},
|
||
{
|
||
id: "t2", name: "Stefan B.", handle: "@stefan_b", testimonial: "Knowledgeable and fast service. Best for engine mapping.", imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-selling-pre-owned-vehicles-client-after-assessing-condition_482257-118504.jpg"},
|
||
{
|
||
id: "t3", name: "Julian R.", handle: "@jules_car", testimonial: "Excellent performance gains and very professional mechanics.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-making-music_23-2149199979.jpg"},
|
||
{
|
||
id: "t4", name: "Christian S.", handle: "@chris_tuning", testimonial: "Highly recommended! Very satisfied with the hardware upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/displeased-woman-having-argument-with-her-husband-about-car-repair-workshop_637285-7728.jpg"},
|
||
{
|
||
id: "t5", name: "Thomas V.", handle: "@t_vogel", testimonial: "Great transparency and fair pricing for top tier tuning.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-orders-engine-mockup-tablet_482257-91145.jpg"},
|
||
]}
|
||
title="Client Success Stories"
|
||
description="See why enthusiasts across Germany choose our tuning expertise."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "1500+", title: "Cars Tuned", description: "Successful projects completed with precision.", imageSrc: "http://img.b2bpic.net/free-photo/waiting-client-repairing-is-done-black-keys-leaning-hood-automobile_146671-16578.jpg"},
|
||
{
|
||
id: "m2", value: "12+", title: "Years Experience", description: "Deep automotive expertise in German engineering.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-wheel-brake-disc_1170-1332.jpg"},
|
||
{
|
||
id: "m3", value: "98%", title: "Client Satisfaction", description: "Consistently meeting high industry standards.", imageSrc: "http://img.b2bpic.net/free-photo/attentive-mechanic-working-laptop_1170-1546.jpg"},
|
||
]}
|
||
title="Proven Tuning Expertise"
|
||
description="Our numbers speak for the precision of our tuning projects."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardSix
|
||
animationType="depth-3d"
|
||
textboxLayout="split"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
members={[
|
||
{
|
||
id: "tm1", name: "Hans Schneider", role: "Lead Mechanic", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-using-digital-tablet-workshop-looking-camera_637285-11599.jpg"},
|
||
{
|
||
id: "tm2", name: "Elias Weber", role: "Software Developer", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150169947.jpg"},
|
||
{
|
||
id: "tm3", name: "Thomas Wagner", role: "Workshop Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg"},
|
||
]}
|
||
title="Meet Our Expert Technicians"
|
||
description="Passionate individuals behind every tuning project."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Contact Us for a Tuning Quote"
|
||
description="Ready to take your vehicle to the next level? Fill out the form and let our experts assist you."
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||
},
|
||
{
|
||
name: "vehicle", type: "text", placeholder: "Vehicle Model & Year", required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "What are you looking for?", rows: 4,
|
||
required: true,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/3d-car-with-vibrant-colors_23-2150797034.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="SF Fahrzeugtechnik"
|
||
columns={[
|
||
{
|
||
title: "Links", items: [
|
||
{
|
||
label: "Services", href: "#features"},
|
||
{
|
||
label: "Products", href: "#products"},
|
||
{
|
||
label: "Team", href: "#team"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Imprint", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |