Merge version_2 into main #3
106
src/app/page.tsx
106
src/app/page.tsx
@@ -9,7 +9,9 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Shield, Star, Zap } from "lucide-react";
|
||||
import CardStack from '@/components/cardStack/CardStack';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import { Award, Shield, Star, Zap, Info, Camera, DollarSign, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,6 +34,10 @@ export default function LandingPage() {
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Cars", id: "products" },
|
||||
{ name: "Tech", id: "tech" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Costs", id: "costs" },
|
||||
{ name: "Community", id: "community" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Velocity Motors"
|
||||
@@ -44,22 +50,8 @@ export default function LandingPage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Unleash Your Performance"
|
||||
description="Engineered for speed, designed for excellence. Experience the thrill of true driving dynamics with our latest collection of world-class sports cars."
|
||||
testimonials={[
|
||||
{ name: "John Doe", handle: "@john.drive", testimonial: "The performance is unmatched. Truly a masterclass in automotive engineering.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/a-stunning-high-performance-sports-car-p-1774894201942-5c1bb158.png", imageAlt: "A stunning, high-performance sports car parked on a dark, wet reflective asphalt surface at night. C" },
|
||||
{ name: "Anna Smith", handle: "@anna.racer", testimonial: "Finally found a car that matches my expectations. Velocity Motors delivered.", rating: 5, 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", imageAlt: "A close-up of a carbon fiber engine part, high tech, engineering focus, sharp details, blue accent l" },
|
||||
{ name: "Mark Wilson", handle: "@mark.speed", testimonial: "An incredible experience from start to finish. Highly recommended.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/detailed-interior-of-a-luxury-sports-car-1774894202258-1bd0fdd6.png", imageAlt: "Detailed interior of a luxury sports car, carbon fiber steering wheel, leather dashboard, modern tec" },
|
||||
{ name: "Sarah Miller", handle: "@sarah.cars", testimonial: "Responsive, fast, and incredibly beautiful. Simply perfect.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/aerodynamic-exterior-body-lines-of-a-spo-1774894204770-eb862acf.png", imageAlt: "Aerodynamic exterior body lines of a sports car, futuristic design, dark studio lighting." },
|
||||
{ name: "David Chen", handle: "@david.speed", testimonial: "The pinnacle of modern engineering. Absolutely stunning performance.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/sleek-blue-sports-car-professional-photo-1774894203401-97129edd.png", imageAlt: "Sleek blue sports car, professional photography, front view, dramatic shadows." }
|
||||
]}
|
||||
testimonials={[]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/a-stunning-high-performance-sports-car-p-1774894201942-5c1bb158.png"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-happy-male-cl-1774894201785-6e02d7ce.png", alt: "John" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-happy-female--1774894201745-0255f8b8.png", alt: "Anna" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-smiling-male--1774894201757-ca1ef5cc.png", alt: "Mark" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-young-female--1774894202906-84c2099b.png", alt: "Sarah" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-happy-male-cl-1774894201785-6e02d7ce.png", alt: "David" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -68,11 +60,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Precision Engineering", description: "Every component optimized for peak performance.", media: { 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" }, items: [{ icon: Zap, text: "Ultra-lightweight" }, { icon: Shield, text: "Safety first" }], reverse: false },
|
||||
{ id: "f2", title: "Luxury Interior", description: "Crafted with the finest materials for ultimate comfort.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/detailed-interior-of-a-luxury-sports-car-1774894202258-1bd0fdd6.png" }, items: [{ icon: Star, text: "Premium leather" }, { icon: Award, text: "Ergonomic design" }], reverse: true },
|
||||
{ id: "f3", title: "Aerodynamic Power", description: "Cutting edge designs for maximum velocity.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/aerodynamic-exterior-body-lines-of-a-spo-1774894204770-eb862acf.png" }, items: [{ icon: Zap, text: "Drag reduction" }, { icon: Star, text: "Wind-tunnel tested" }], reverse: false }
|
||||
]}
|
||||
features={[]}
|
||||
title="Why Choose Us?"
|
||||
description="Unrivaled innovation and performance at your fingertips."
|
||||
/>
|
||||
@@ -84,28 +72,72 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Velocity", name: "Apex One", price: "$125,000", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/sleek-blue-sports-car-professional-photo-1774894203401-97129edd.png" },
|
||||
{ id: "p2", brand: "Velocity", name: "Turbo S", price: "$185,000", rating: 5, reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/aggressive-red-sports-car-dynamic-angle--1774894203868-b8d6da4c.png" },
|
||||
{ id: "p3", brand: "Velocity", name: "Vortex X", price: "$145,000", rating: 4, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/modern-silver-sports-car-studio-lighting-1774894201805-981a577b.png" }
|
||||
]}
|
||||
title="Our Sports Car Fleet"
|
||||
description="Choose your machine from our curated stock of high-performance vehicles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tech" data-section="tech">
|
||||
<MetricCardOne
|
||||
title="Ciekawostki Techniczne"
|
||||
description="Poznaj zaawansowaną technologię kryjącą się pod maską naszych aut."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{ id: "t1", value: "800HP", title: "Moc Silnika", description: "Niesamowita wydajność w każdym zakresie obrotów.", icon: Zap },
|
||||
{ id: "t2", value: "2.9s", title: "0-100 km/h", description: "Przyspieszenie, które wbija w fotel.", icon: Zap },
|
||||
{ id: "t3", value: "Aerodynamics", title: "Współczynnik Oporu", description: "Zoptymalizowany kształt dla maksymalnej prędkości.", icon: Info }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="events" data-section="events">
|
||||
<CardStack
|
||||
title="Relacje z Eventów"
|
||||
description="Zobacz jak bawiliśmy się na ostatnich torowych spotkaniach."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
>
|
||||
<div className="p-6">Relacja 1: Track Day na Torze Poznań</div>
|
||||
<div className="p-6">Relacja 2: Zlot Fanów Velocity</div>
|
||||
</CardStack>
|
||||
</div>
|
||||
|
||||
<div id="costs" data-section="costs">
|
||||
<MetricCardOne
|
||||
title="Koszty Utrzymania"
|
||||
description="Transparentne podejście do eksploatacji Twojego sportowego auta."
|
||||
gridVariant="bento-grid-inverted"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{ id: "c1", value: "Serwis", title: "Przeglądy", description: "Regularny serwis to gwarancja długowieczności.", icon: DollarSign },
|
||||
{ id: "c2", value: "Opony", title: "Ogumienie", description: "Dedykowane opony zapewniające przyczepność.", icon: DollarSign }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="community" data-section="community">
|
||||
<TestimonialCardTwo
|
||||
title="Sekcja Interaktywna"
|
||||
description="Dołącz do dyskusji, bierz udział w ankietach i podziel się swoimi wrażeniami z jazdy."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "u1", name: "Fan1", role: "Kierowca", testimonial: "Jakie auto wybierasz na tor? Zagłosuj!", icon: MessageSquare }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", role: "CEO", testimonial: "Unreal acceleration, the best driving experience ever.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-happy-male-cl-1774894201785-6e02d7ce.png" },
|
||||
{ id: "t2", name: "Anna Smith", role: "Racer", testimonial: "Stunning design and handling. It never ceases to amaze me.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-happy-female--1774894201745-0255f8b8.png" },
|
||||
{ id: "t3", name: "Mark Wilson", role: "Engineer", testimonial: "Solid craftsmanship, excellent performance reliability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-smiling-male--1774894201757-ca1ef5cc.png" },
|
||||
{ id: "t4", name: "Sarah Miller", role: "Collector", testimonial: "The highlight of my car collection. Absolutely thrilled.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-young-female--1774894202906-84c2099b.png" },
|
||||
{ id: "t5", name: "Kevin Lee", role: "Enthusiast", testimonial: "A truly exhilarating ride, every time I get behind the wheel.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-happy-male-cl-1774894201785-6e02d7ce.png" }
|
||||
]}
|
||||
testimonials={[]}
|
||||
title="Client Stories"
|
||||
description="What our drivers have to say about the Velocity experience."
|
||||
/>
|
||||
@@ -115,16 +147,10 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer financing?", content: "Yes, we have flexible financing options for all our sports cars." },
|
||||
{ id: "q2", title: "Can I request a test drive?", content: "Absolutely, contact us to book your test drive experience." },
|
||||
{ id: "q3", title: "Do you provide maintenance?", content: "Yes, we offer comprehensive maintenance plans for all our clients." }
|
||||
]}
|
||||
faqs={[]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our vehicles and services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/a-stunning-high-performance-sports-car-p-1774894201942-5c1bb158.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
100
src/app/sports-car/page.tsx
Normal file
100
src/app/sports-car/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user