Add src/app/sports-car/page.tsx

This commit is contained in:
2026-03-30 18:15:16 +00:00
parent 7a63287c49
commit 9bc3689850

100
src/app/sports-car/page.tsx Normal file
View File

@@ -0,0 +1,100 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardOne from '@/components/sections/metric/MetricCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Gauge, Trophy, BookOpen, Zap } from "lucide-react";
export default function SportsCarPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="medium"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Aktualności", id: "features" },
{ name: "Rankingi", id: "metric" },
{ name: "Historia", id: "testimonial" },
]}
brandName="Velocity Motors"
button={{ text: "Wróć", href: "/" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
title="Legendy Asfaltu"
description="Poznaj świat najszybszych samochodów sportowych. Od najnowszych premier po historyczne ikony motoryzacji."
background={{ variant: "radial-gradient" }}
leftCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/sleek-blue-sports-car-professional-photo-1774894203401-97129edd.png" }]}
rightCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/aggressive-red-sports-car-dynamic-angle--1774894203868-b8d6da4c.png" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
showStepNumbers={true}
animationType="slide-up"
textboxLayout="split"
title="Aktualności i Premiery"
description="Bądź na bieżąco z najświeższymi informacjami ze świata supersamochodów."
features={[
{ id: 1, title: "Nowa Era Elektryków", description: "Przełomowe osiągi w segmencie aut elektrycznych.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/a-stunning-high-performance-sports-car-p-1774894201942-5c1bb158.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/a-close-up-of-a-carbon-fiber-engine-part-1774894203427-19ed9ec6.png" } }
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
gridVariant="uniform-all-items-equal"
animationType="slide-up"
title="Rankingi Top 10"
description="Najlepsze maszyny według osiągów i inżynierii."
metrics={[
{ id: "m1", value: "480 km/h", title: "V-Max", description: "Najszybsze seryjne auto.", icon: Gauge },
{ id: "m2", value: "1.9s", title: "0-100 km/h", description: "Najszybszy sprint.", icon: Zap },
{ id: "m3", value: "#1", title: "Top Ranking", description: "Ogólna ocena inżynierów.", icon: Trophy }
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardOne
gridVariant="timeline"
animationType="slide-up"
title="Historię Ikon"
description="Ewolucja legend, które zmieniły oblicze motoryzacji."
testimonials={[
{ id: "t1", name: "Model Legendarny 1965", role: "Klasyka", company: "Sport", testimonial: "Początek ery wyścigów długodystansowych.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/modern-silver-sports-car-studio-lighting-1774894201805-981a577b.png" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Velocity Motors"
leftLink={{ text: "Polityka Prywatności", href: "#" }}
rightLink={{ text: "Kontakt", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}