bender/579e8d37-03d6-4773-bd2f-dfd21b75cc6b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-30 18:10:53 +00:00
Conversation 0 Commits 1 Files Changed 1 +104 -321
1 changed files with 104 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

425
src/app/page.tsx
View File

@@ -26,333 +26,116 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Cars",
id: "products",
},
{
name: "FAQ",
id: "faq",
},
]}
brandName="Velocity Motors"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Cars", id: "products" },
{ name: "FAQ", id: "faq" },
]}
brandName="Velocity Motors"
button={{ text: "Get Started", href: "#" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
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?_wi=1",
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?_wi=1",
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?_wi=1",
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?_wi=1",
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?_wi=1",
imageAlt: "Sleek blue sports car, professional photography, front view, dramatic shadows.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/a-stunning-high-performance-sports-car-p-1774894201942-5c1bb158.png?_wi=2"
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",
},
]}
marqueeItems={[
{
type: "text",
text: "High Performance",
},
{
type: "text",
text: "Elite Engineering",
},
{
type: "text",
text: "Luxury Design",
},
{
type: "text",
text: "Precision Handling",
},
{
type: "text",
text: "Future-Ready",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
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." }
]}
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>
<div id="features" data-section="features">
<FeatureCardTen
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?_wi=2",
},
items: [
{
icon: Zap,
text: "Ultra-lightweight",
},
{
icon: Shield,
text: "Safety first",
},
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/aggressive-red-sports-car-dynamic-angle--1774894203868-b8d6da4c.png?_wi=1",
imageAlt: "Aggressive red sports car, dynamic angle, high speed vibe, motion blur edges.",
},
{
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?_wi=2",
},
items: [
{
icon: Star,
text: "Premium leather",
},
{
icon: Award,
text: "Ergonomic design",
},
],
reverse: true,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/modern-silver-sports-car-studio-lighting-1774894201805-981a577b.png?_wi=1",
imageAlt: "Modern silver sports car, studio lighting, elegant, luxury feel.",
},
{
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?_wi=2",
},
items: [
{
icon: Zap,
text: "Drag reduction",
},
{
icon: Star,
text: "Wind-tunnel tested",
},
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfxrzV8xmt37jg5LVsfXdmw3zw/professional-portrait-of-a-happy-male-cl-1774894201785-6e02d7ce.png?_wi=1",
imageAlt: "Professional portrait of a happy male client in his 40s.",
},
]}
title="Why Choose Us?"
description="Unrivaled innovation and performance at your fingertips."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
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 }
]}
title="Why Choose Us?"
description="Unrivaled innovation and performance at your fingertips."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
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?_wi=2",
},
{
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?_wi=2",
},
{
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?_wi=2",
},
]}
title="Our Sports Car Fleet"
description="Choose your machine from our curated stock of high-performance vehicles."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
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="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?_wi=2",
},
{
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?_wi=3",
},
]}
title="Client Stories"
description="What our drivers have to say about the Velocity experience."
/>
</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" }
]}
title="Client Stories"
description="What our drivers have to say about the Velocity experience."
/>
</div>
<div id="faq" data-section="faq">
<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.",
},
]}
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?_wi=3"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<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." }
]}
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>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Velocity Motors"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Contact",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Velocity Motors"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}