Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Zap, Gauge, PenTool, Crown, Cpu, Heart } from "lucide-react";
 
-export default function ApexLanding() {
+export default function PorscheLanding() {
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -33,33 +33,33 @@ export default function ApexLanding() {
             { name: "Technology", id: "technology" },
             { name: "Reserve", id: "cta" }
           ]}
-          brandName="APEX"
+          brandName="PORSCHE 918"
-          bottomLeftText="Luxury Performance"
+          bottomLeftText="Hybrid Hypersupercar"
-          bottomRightText="hello@apexmotors.com"
+          bottomRightText="hello@porsche918.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitKpi
-          title="Experience the Future of Performance"
+          title="The Porsche 918 Spyder - Ultimate Hybrid Hypersupercar"
-          description="The Next Generation of Luxury Automotive Excellence. Engineered for those who demand the extraordinary. Where precision engineering meets timeless elegance."
+          description="Experience the pinnacle of automotive engineering. A masterpiece that combines a potent V8 engine with electric motors for unprecedented performance and innovation. 887 horsepower of pure exhilaration awaits."
           background={{ variant: "glowing-orb" }}
           kpis={[
-            { value: "0-100 km/h", label: "in 2.8 seconds" },
+            { value: "0-100 km/h", label: "in 2.5 seconds" },
-            { value: "340 km/h", label: "Top Speed" },
+            { value: "345 km/h", label: "Top Speed" },
-            { value: "750 hp", label: "Twin-Turbo Engine" }
+            { value: "887 hp", label: "Hybrid System" }
           ]}
           enableKpiAnimation={true}
-          tag="Luxury Performance"
+          tag="Hybrid Innovation"
           tagIcon={Zap}
           tagAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/a-stunning-full-screen-high-end-luxury-s-1773212961630-2cae0627.png"
+          imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-coastal-drive_23-2151948193.jpg?id=415369670"
-          imageAlt="APEX Luxury Sports Car Hero"
+          imageAlt="Porsche 918 Spyder"
           mediaAnimation="blur-reveal"
           imagePosition="right"
           buttons={[
             { text: "Discover More", href: "#performance" },
-            { text: "Configure Your Car", href: "#cta" }
+            { text: "Configure Your 918", href: "#cta" }
           ]}
           buttonAnimation="slide-up"
         />
@@ -67,8 +67,8 @@ export default function ApexLanding() {
 
       <div id="performance" data-section="performance">
         <MetricCardEleven
-          title="Performance Engineered"
+          title="Performance Engineered for Extremes"
-          description="Every system designed for exceptional performance and precision control."
+          description="Every component meticulously crafted to deliver extraordinary performance. Hybrid powertrain technology redefined."
           tag="Technical Specifications"
           tagIcon={Gauge}
           tagAnimation="slide-up"
@@ -77,13 +77,13 @@ export default function ApexLanding() {
           useInvertedBackground={false}
           metrics={[
             {
-              id: "acceleration",              value: "2.8s",              title: "Zero to Hundred",              description: "Blistering acceleration powered by cutting-edge turbocharging",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/a-dramatic-action-shot-of-a-luxury-sport-1773212962627-a63884af.png?_wi=1",              imageAlt: "Performance acceleration"
+              id: "acceleration",              value: "2.5s",              title: "Zero to Hundred",              description: "Blistering acceleration combining V8 engine with electric torque delivery for instant response",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/a-dramatic-action-shot-of-a-luxury-sport-1773212962627-a63884af.png?_wi=1",              imageAlt: "918 acceleration performance"
             },
             {
-              id: "power",              value: "750 hp",              title: "Peak Power Output",              description: "Twin-turbocharged engine delivering pure driving exhilaration",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/close-up-detail-shot-of-a-luxury-sports--1773212961520-2c07f5f9.png?_wi=1",              imageAlt: "Engine performance"
+              id: "power",              value: "887 hp",              title: "Hybrid System Power",              description: "4.6L V8 engine combined with two electric motors delivering unmatched power and efficiency",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/close-up-detail-shot-of-a-luxury-sports--1773212961520-2c07f5f9.png?_wi=1",              imageAlt: "918 hybrid powertrain"
             },
             {
-              id: "torque",              value: "920 Nm",              title: "Maximum Torque",              description: "Relentless torque for commanding presence on any road",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/side-profile-view-of-a-luxury-sports-car-1773212962957-e018393e.png?_wi=1",              imageAlt: "Torque delivery"
+              id: "torque",              value: "940 Nm",              title: "Maximum Torque",              description: "Instantaneous electric torque combined with engine output for absolute driving dominance",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/side-profile-view-of-a-luxury-sports-car-1773212962957-e018393e.png?_wi=1",              imageAlt: "918 torque delivery"
             }
           ]}
         />
@@ -91,23 +91,23 @@ export default function ApexLanding() {
 
       <div id="exterior" data-section="exterior">
         <FeatureCardMedia
-          title="Exterior Design Excellence"
+          title="Iconic Design Language"
-          description="Masterfully sculpted aerodynamics meet visionary design language."
+          description="Every curve and surface tells a story of speed and precision. The 918 Spyder's design is pure sculpture in motion."
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
-          tag="Design"
+          tag="Design Excellence"
           tagIcon={PenTool}
           tagAnimation="slide-up"
           features={[
             {
-              id: "aerodynamics",              title: "Advanced Aerodynamics",              description: "Precisely engineered body lines reduce drag and enhance stability. Active aerodynamic elements adjust in real-time for optimal performance at any speed.",              tag: "Aerodynamic",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/close-up-detail-shot-of-a-luxury-sports--1773212961520-2c07f5f9.png?_wi=2",              imageAlt: "Aerodynamic design detail"
+              id: "aerodynamics",              title: "Active Aerodynamics",              description: "Continuously adjustable aerodynamic elements optimize downforce and reduce drag. Precision-engineered body panels work in harmony with the suspension system.",              tag: "Aerodynamic",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/close-up-detail-shot-of-a-luxury-sports--1773212961520-2c07f5f9.png?_wi=2",              imageAlt: "918 aerodynamic design"
             },
             {
-              id: "lighting",              title: "Intelligent LED Lighting",              description: "Revolutionary LED matrix headlights with adaptive illumination. Dynamic light signature that adapts to driving conditions and personal preferences.",              tag: "Lighting",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/side-profile-view-of-a-luxury-sports-car-1773212962957-e018393e.png?_wi=2",              imageAlt: "LED lighting system"
+              id: "lighting",              title: "LED Signature Lighting",              description: "Distinctive LED headlight and taillight design creates the iconic 918 signature. Advanced lighting technology ensures superior visibility and aesthetic presence.",              tag: "Lighting",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/side-profile-view-of-a-luxury-sports-car-1773212962957-e018393e.png?_wi=2",              imageAlt: "918 LED lighting"
             },
             {
-              id: "materials",              title: "Premium Materials",              description: "Carbon fiber body panels and aerospace-grade aluminum construction. Lightweight yet incredibly rigid chassis for superior handling dynamics.",              tag: "Materials",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/a-dramatic-action-shot-of-a-luxury-sport-1773212962627-a63884af.png?_wi=2",              imageAlt: "Premium material construction"
+              id: "materials",              title: "Carbon Fiber Construction",              description: "Extensive use of carbon fiber composite materials throughout the chassis reduces weight while maintaining structural integrity. Aerospace-grade engineering meets automotive excellence.",              tag: "Materials",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/a-dramatic-action-shot-of-a-luxury-sport-1773212962627-a63884af.png?_wi=2",              imageAlt: "918 carbon fiber construction"
             }
           ]}
         />
@@ -115,8 +115,8 @@ export default function ApexLanding() {
 
       <div id="interior" data-section="interior">
         <MetricCardEleven
-          title="Interior Luxury"
+          title="Driver-Focused Luxury"
-          description="Handcrafted opulence meets cutting-edge technology."
+          description="Handcrafted materials and cutting-edge technology create an interior experience that's purely 918."
           tag="Cabin Experience"
           tagIcon={Crown}
           tagAnimation="slide-up"
@@ -125,13 +125,13 @@ export default function ApexLanding() {
           useInvertedBackground={false}
           metrics={[
             {
-              id: "dashboard",              value: "12.3\"",              title: "Digital Dashboard",              description: "Panoramic curved display with intuitive gesture controls and AI-powered interface",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/premium-luxury-car-interior-dashboard-fe-1773212962185-4018956d.png?_wi=1",              imageAlt: "Advanced digital dashboard"
+              id: "dashboard",              value: "Digital",              title: "Advanced Cockpit",              description: "Integrated display system with intuitive controls and real-time performance data. Gesture recognition technology puts control at your fingertips.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/premium-luxury-car-interior-dashboard-fe-1773212962185-4018956d.png?_wi=1",              imageAlt: "918 advanced cockpit"
             },
             {
-              id: "seating",              value: "Custom",              title: "Premium Leather Seating",              description: "Hand-stitched nappa leather with temperature control and massaging functions for ultimate comfort",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/luxury-sports-car-interior-seating-area--1773212961892-f7a04b5d.png",              imageAlt: "Luxury leather interior seats"
+              id: "seating",              value: "Carbon",              title: "Performance Seating",              description: "Hand-stitched leather seats with integrated safety features and personalized comfort adjustments. Carbon fiber seat shells minimize weight while maximizing support.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/luxury-sports-car-interior-seating-area--1773212961892-f7a04b5d.png",              imageAlt: "918 performance seating"
             },
             {
-              id: "ambient",              value: "64 Colors",              title: "Ambient Lighting",              description: "Customizable ambient lighting with 64 color options to match your mood and preferences",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/premium-luxury-car-interior-dashboard-fe-1773212962185-4018956d.png?_wi=2",              imageAlt: "Ambient lighting system"
+              id: "ambient",              value: "Adaptive",              title: "Ambient Experience",              description: "Customizable lighting and climate control adapt to driving conditions and personal preferences. Creates the perfect environment for every journey.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/premium-luxury-car-interior-dashboard-fe-1773212962185-4018956d.png?_wi=2",              imageAlt: "918 ambient system"
             }
           ]}
         />
@@ -139,8 +139,8 @@ export default function ApexLanding() {
 
       <div id="technology" data-section="technology">
         <FeatureCardMedia
-          title="Advanced Technology"
+          title="Hybrid Innovation Platform"
-          description="Intelligent systems that anticipate your needs and enhance every journey."
+          description="The world's most advanced hybrid technology working in perfect harmony. Intelligence meets performance."
           textboxLayout="default"
           animationType="scale-rotate"
           useInvertedBackground={false}
@@ -149,13 +149,13 @@ export default function ApexLanding() {
           tagAnimation="slide-up"
           features={[
             {
-              id: "ai-assist",              title: "AI Driving Assistance",              description: "Machine learning algorithms that learn your driving patterns and provide intelligent recommendations. Semi-autonomous capabilities for highway cruising and congested traffic.",              tag: "AI System",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/futuristic-ai-driving-assistant-visualiz-1773212962875-a8a0777a.png",              imageAlt: "AI driving assistant interface"
+              id: "hybrid-system",              title: "Dual Motor Hybrid System",              description: "Two electric motors work seamlessly with the V8 engine. Intelligent power management delivers optimal performance while maximizing efficiency on demand.",              tag: "Hybrid",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/futuristic-ai-driving-assistant-visualiz-1773212962875-a8a0777a.png",              imageAlt: "918 hybrid system"
             },
             {
-              id: "navigation",              title: "Smart Navigation",              description: "Real-time traffic analysis with predictive routing. Anticipatory route optimization powered by connected cloud services and live data.",              tag: "Navigation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/luxury-car-connectivity-ecosystem-visual-1773212965243-3de4f491.png",              imageAlt: "Smart navigation system"
+              id: "battery",              title: "Advanced Battery Technology",              description: "High-performance lithium-ion battery provides pure electric driving capability. Regenerative braking technology captures energy during deceleration for continuous optimization.",              tag: "Battery",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/luxury-car-connectivity-ecosystem-visual-1773212965243-3de4f491.png",              imageAlt: "918 battery technology"
             },
             {
-              id: "safety",              title: "Safety Systems",              description: "360-degree camera system with AI object recognition. Multiple radar sensors provide predictive collision avoidance and emergency braking assistance.",              tag: "Safety",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/advanced-safety-technology-system-visual-1773212962846-8fe55999.png",              imageAlt: "Advanced safety technology"
+              id: "safety",              title: "Integrated Safety Systems",              description: "360-degree sensor array with predictive collision avoidance. Advanced stability control and precision braking systems work together for absolute confidence.",              tag: "Safety",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/advanced-safety-technology-system-visual-1773212962846-8fe55999.png",              imageAlt: "918 safety technology"
             }
           ]}
         />
@@ -163,9 +163,9 @@ export default function ApexLanding() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen
-          title="Trusted by Discerning Drivers"
+          title="Celebrated by Enthusiasts"
-          description="Experience the excellence that separates APEX from the rest."
+          description="Join an exclusive community of 918 Spyder owners who have experienced the extraordinary."
-          tag="Customer Stories"
+          tag="Owner Stories"
           tagIcon={Heart}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -190,8 +190,8 @@ export default function ApexLanding() {
             }
           ]}
           kpiItems={[
-            { value: "98%", label: "Owner Satisfaction" },
+            { value: "99%", label: "Owner Satisfaction" },
-            { value: "5,000+", label: "Worldwide Owners" },
+            { value: "918", label: "Units Produced" },
             { value: "24/7", label: "Concierge Support" }
           ]}
         />
@@ -199,24 +199,24 @@ export default function ApexLanding() {
 
       <div id="cta" data-section="cta">
         <ContactSplitForm
-          title="Reserve Your APEX Experience"
+          title="Reserve Your 918 Spyder"
-          description="Begin your journey into extraordinary performance. Our concierge team is ready to guide you through the ultimate automotive experience."
+          description="Join the elite circle of Porsche 918 Spyder owners. Secure your place in automotive history with our concierge team."
           useInvertedBackground={false}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Amz4dNWIrPBAsGrZD3GGD3hROu/elegant-luxury-car-showroom-interior-wit-1773212961379-ca8ce0ab.png"
-          imageAlt="Luxury showroom"
+          imageAlt="Porsche showroom"
           mediaAnimation="opacity"
           mediaPosition="right"
           inputs={[
             { name: "fullName", type: "text", placeholder: "Full Name", required: true },
             { name: "email", type: "email", placeholder: "Email Address", required: true },
             { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
-            { name: "preferredModel", type: "text", placeholder: "Preferred Model", required: false }
+            { name: "preferredModel", type: "text", placeholder: "918 Spyder Configuration", required: false }
           ]}
           textarea={{
-            name: "message",            placeholder: "Tell us about your automotive dreams...",            rows: 4,
+            name: "message",            placeholder: "Tell us your automotive aspirations...",            rows: 4,
             required: false
           }}
-          buttonText="Request Test Drive"
+          buttonText="Request Exclusive Access"
         />
       </div>
 
@@ -233,8 +233,8 @@ export default function ApexLanding() {
             },
             {
               title: "Company",              items: [
-                { label: "About APEX", href: "https://example.com/about" },
+                { label: "About Porsche 918", href: "https://example.com/about" },
-                { label: "Careers", href: "https://example.com/careers" },
+                { label: "Heritage", href: "https://example.com/heritage" },
                 { label: "News & Events", href: "https://example.com/news" },
                 { label: "Contact Us", href: "#cta" }
               ]
@@ -248,7 +248,7 @@ export default function ApexLanding() {
               ]
             }
           ]}
-          copyrightText="© 2025 APEX Motors. Engineered Excellence. All rights reserved."
+          copyrightText="© 2025 Porsche 918 Spyder. Engineering Excellence. All rights reserved."
         />
       </div>
     </ThemeProvider>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #010912;
+  --background: #000000;
-  --card: #152840;
+  --card: #0c0c0c;
-  --foreground: #e6f0ff;
+  --foreground: #ffffff;
   --primary-cta: #cee7ff;
   --primary-cta-text: #010912;
-  --secondary-cta: #0e1a29;
+  --secondary-cta: #000000;
   --secondary-cta-text: #e6f0ff;
-  --accent: #3f5c79;
+  --accent: #535353;
-  --background-accent: #004a93;
+  --background-accent: #cee7ff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);