221 lines
12 KiB
TypeScript
221 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Crown, Cpu, Flame, Gauge, Wrench, Zap, Twitter, Instagram, Linkedin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Performance", id: "metrics" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Technology", id: "tech" },
|
|
{ name: "Modes", id: "modes" }
|
|
]}
|
|
brandName="AVENTADOR SVJ"
|
|
button={{ text: "Book Appointment", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Engineering Brutality"
|
|
description="Experience the apex of automotive engineering. The Lamborghini Aventador SVJ represents the pinnacle of performance, precision, and pure unadulterated power. Unleash your inner beast."
|
|
tag="Supercar Revolution"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-stunning-full-screen-shot-of-a-lamborg-1772515172920-40deeb14.png"
|
|
imageAlt="Lamborghini Aventador SVJ in action"
|
|
buttons={[
|
|
{ text: "Explore Performance", href: "#metrics" },
|
|
{ text: "Configure Your Beast", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
className="relative overflow-hidden"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Raw Performance Unleashed"
|
|
description="Witness the extraordinary specifications that make the Aventador SVJ a legend on every surface."
|
|
tag="Extreme Performance"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2.8", title: "0-100 km/h (seconds)", description: "Accelerate to 100 km/h in under 3 seconds with unmatched aggression", icon: Zap
|
|
},
|
|
{
|
|
id: "2", value: "350", title: "Top Speed (km/h)", description: "Achieve blistering speeds that redefine automotive limits", icon: Gauge
|
|
},
|
|
{
|
|
id: "3", value: "770", title: "Horsepower", description: "A naturally aspirated V12 engine producing 770 PS of raw power", icon: Flame
|
|
},
|
|
{
|
|
id: "4", value: "720", title: "Torque (Nm)", description: "Immense torque delivery for precision acceleration control", icon: Wrench
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Interactive Performance Hub"
|
|
description="Explore the revolutionary features that set the Aventador SVJ apart from every other supercar on the planet."
|
|
tag="Advanced Technology"
|
|
tagIcon={Cpu}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", title: "360-Degree Interactive Viewer", tags: ["Immersive", "Real-time"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-3d-rendering-of-a-lamborghini-aventado-1772515172251-d34bdf54.png", imageAlt: "3D car viewer"
|
|
},
|
|
{
|
|
id: "2", title: "Clickable Performance Hotspots", tags: ["Educational", "Interactive"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-high-detail-technical-cutaway-illustra-1772515172078-07440d53.png?_wi=1", imageAlt: "Engine components"
|
|
},
|
|
{
|
|
id: "3", title: "Real Engine Sound Experience", tags: ["Audio", "Authentic"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-lamborghini-aventador-svj-driving-at-e-1772515172029-8f9a0770.png?_wi=1", imageAlt: "Performance on track"
|
|
},
|
|
{
|
|
id: "4", title: "Performance Comparison Slider", tags: ["Analysis", "Competitive"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-scientific-visualization-of-aerodynami-1772515172125-70313ed2.png?_wi=1", imageAlt: "Aerodynamic analysis"
|
|
},
|
|
{
|
|
id: "5", title: "Drag-to-Reveal Acceleration", tags: ["Dynamic", "Engaging"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-detailed-close-up-technical-visualizat-1772515172283-97ee8e48.png", imageAlt: "Suspension details"
|
|
},
|
|
{
|
|
id: "6", title: "Real-Time Horsepower Counter", tags: ["Metrics", "Live Tracking"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-luxurious-lamborghini-aventador-svj-in-1772515173876-b728afec.png", imageAlt: "Interior dashboard"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="tech" data-section="tech">
|
|
<MediaAbout
|
|
title="Engineering Excellence"
|
|
description="Every component meticulously engineered. Every system optimized. The Aventador SVJ isn't just a car—it's a masterpiece of automotive innovation combining cutting-edge technology with raw mechanical brutality. From the active aerodynamics to the adaptive suspension, every element works in perfect harmony to deliver uncompromising performance."
|
|
tag="Technology Breakdown"
|
|
tagIcon={Cpu}
|
|
tagAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-high-detail-technical-cutaway-illustra-1772515172078-07440d53.png?_wi=2"
|
|
imageAlt="V12 Engine Technology"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Learn More", href: "#features" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="modes" data-section="modes">
|
|
<ProductCardFour
|
|
title="Driving Modes Evolution"
|
|
description="Select your driving experience. Three completely different personalities, each optimized for specific conditions and performance demands."
|
|
tag="Drive Personality"
|
|
tagIcon={Gauge}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", name: "Strada Mode", price: "Daily Comfort", variant: "Street Performance Focus", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-premium-luxury-car-showroom-featuring--1772515171915-8f14ee41.png", imageAlt: "Strada comfort mode"
|
|
},
|
|
{
|
|
id: "2", name: "Sport Mode", price: "Enhanced Response", variant: "Aggressive Tuning", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-scientific-visualization-of-aerodynami-1772515172125-70313ed2.png?_wi=2", imageAlt: "Sport mode"
|
|
},
|
|
{
|
|
id: "3", name: "Corsa Mode", price: "Track Performance", variant: "Maximum Aggression", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/a-lamborghini-aventador-svj-driving-at-e-1772515172029-8f9a0770.png?_wi=2", imageAlt: "Corsa track mode"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="The Aventador SVJ transcends the concept of a car. It's not just transportation—it's pure adrenaline, precision engineering, and a statement of absolute excellence. Every drive feels like piloting the future."
|
|
rating={5}
|
|
author="Alessandro Rossi, Automotive Enthusiast"
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/professional-portrait-headshot-of-a-succ-1772515171341-d6bb1232.png", alt: "Alessandro Rossi"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/professional-portrait-headshot-of-a-weal-1772515170914-f02707ee.png", alt: "Elena Caracciolo"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/professional-portrait-headshot-of-an-ent-1772515171420-02088085.png", alt: "Marco Valentino"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ4zSiuS8npxkU9Zl0WQj2x1Be/professional-portrait-headshot-of-a-luxu-1772515172359-f1fc9aac.png", alt: "Isabella Ferrero"
|
|
}
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Join The Elite"
|
|
tagIcon={Crown}
|
|
tagAnimation="slide-up"
|
|
title="Configure Your Aventador SVJ"
|
|
description="Reserve your personalized Lamborghini Aventador SVJ and experience the future of automotive engineering. Our specialists are ready to create your ultimate supercar."
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Reserve Now"
|
|
termsText="By reserving, you agree to our Terms and will receive exclusive Aventador SVJ updates and configurations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="AVENTADOR SVJ"
|
|
copyrightText="© 2025 Lamborghini. Engineering Brutality. All Rights Reserved."
|
|
socialLinks={[
|
|
{ icon: Twitter, href: "https://twitter.com/lamborghini", ariaLabel: "Twitter" },
|
|
{ icon: Instagram, href: "https://instagram.com/lamborghini", ariaLabel: "Instagram" },
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/lamborghini", ariaLabel: "LinkedIn" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |