Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TextAbout from '@/components/sections/about/TextAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import { Zap, Target, Gauge } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,207 +20,107 @@ export default function LandingPage() {
         contentWidth="compact"
         sizing="largeSizeMediumTitles"
         background="fluid"
-        cardStyle="soft-shadow"
+        cardStyle="glass-depth"
-        primaryButtonStyle="shadow"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
-        headingFontWeight="medium"
+        headingFontWeight="extrabold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Inicio", id: "hero" },
-          name: "Inicio",
+        { name: "Tecnología", id: "about" },
-          id: "hero",
+        { name: "Modelos", id: "products" },
-        },
+        { name: "Experiencia", id: "testimonials" },
-        {
-          name: "Ingeniería",
-          id: "about",
-        },
-        {
-          name: "Modelos",
-          id: "products",
-        },
-        {
-          name: "Experiencia",
-          id: "testimonials",
-        },
       ]}
       brandName="ELITE F1"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboardSplit
+      <HeroBillboard
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
+      title="ELITE F1 PERFORMANCE"
-      }}
+      description="Donde la ingeniería de precisión se encuentra con la velocidad pura. Domina la pista con nuestra nueva generación de monoplazas."
-      logoText="ELITE F1 PERFORMANCE"
+      buttons={[{ text: "Explorar Modelos", href: "#products" }, { text: "Nuestra Ingeniería", href: "#about" }]}
-      description="Donde la ingeniería de precisión se encuentra con la velocidad pura. Descubre nuestra nueva generación de monoplazas diseñados para dominar cada curva."
-      buttons={[
-        {
-          text: "Explorar Modelos",
-          href: "#products",
-        },
-        {
-          text: "Nuestra Ingeniería",
-          href: "#about",
-        },
-      ]}
-      layoutOrder="default"
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/a-futuristic-formula-1-racing-car-at-hig-1774561936520-49a9f462.png"
-      imageAlt="Futuristic F1 Car at High Speed"
+      imageAlt="Futuristic F1 Car"
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <SplitAbout
+      title="Ingeniería de Vanguarda"
+      description="Redefinimos los límites de la competición mediante la integración de sistemas híbridos y aerodinámica computacional avanzada."
+      bulletPoints={[
+        { title: "Precisión", description: "Cada componente es validado en simulaciones extremas.", icon: Target },
+        { title: "Velocidad", description: "Potencia híbrida para la máxima aceleración.", icon: Zap },
+        { title: "Rendimiento", description: "Chasis ultraligero de grado aeroespacial.", icon: Gauge }
+      ]}
+      textboxLayout="split"
       useInvertedBackground={true}
-      tag="Ingeniería de Vanguarda"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/aerodynamic-wind-tunnel-visualization-fo-1774561934221-20e9a298.png"
-      title="Diseñados para Ganar"
+      imagePosition="left"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardSix
+      <FeatureCardMedia
+      animationType="slide-up"
+      title="Tecnología de Competición"
+      description="Innovaciones que marcan la diferencia entre ganar y liderar."
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "Aerodinámica Activa", description: "Gestión inteligente en tiempo real.", tag: "Control", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/aerodynamic-wind-tunnel-visualization-fo-1774561934221-20e9a298.png?_wi=1" },
-          id: 1,
+        { id: "f2", title: "Sistema Híbrido", description: "Electrificación de alto rendimiento.", tag: "Energía", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/aerodynamic-wind-tunnel-visualization-fo-1774561934221-20e9a298.png?_wi=2" }
-          title: "Aerodinámica Activa",
-          description: "Gestión inteligente del flujo de aire en tiempo real.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/aerodynamic-wind-tunnel-visualization-fo-1774561934221-20e9a298.png?_wi=1",
-        },
-        {
-          id: 2,
-          title: "Sistema Híbrido",
-          description: "Potencia electrificada para una aceleración explosiva.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/aerodynamic-wind-tunnel-visualization-fo-1774561934221-20e9a298.png?_wi=2",
-        },
-        {
-          id: 3,
-          title: "Chasis Ultraligero",
-          description: "Fibra de carbono de grado aeroespacial para máxima rigidez.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/aerodynamic-wind-tunnel-visualization-fo-1774561934221-20e9a298.png?_wi=3",
-        },
       ]}
-      title="Tecnología de Competición"
-      description="Innovaciones que redefinen los límites del rendimiento en pista."
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardThree
+      <ProductCardFour
       animationType="slide-up"
-      textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
+      title="Nuestra Gama de Elite"
+      description="Descubre la perfección técnica en cada uno de nuestros modelos disponibles."
+      textboxLayout="split"
       products={[
-        {
+        { id: "p1", name: "Apex Racer One", price: "POA", variant: "Pro", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/luxury-formula-1-racing-car-side-profile-1774561934327-3a69d34f.png" },
-          id: "p1",
+        { id: "p2", name: "Velocity Type-R", price: "POA", variant: "Track", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/front-view-of-an-f1-race-car-sharp-aerod-1774561934532-c89946cb.png" },
-          name: "Apex Racer One",
+        { id: "p3", name: "Carbon Stealth", price: "POA", variant: "Race", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/back-view-of-an-f1-racing-car-showing-re-1774561934041-fba66828.png" }
-          price: "POA",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/luxury-formula-1-racing-car-side-profile-1774561934327-3a69d34f.png",
-        },
-        {
-          id: "p2",
-          name: "Velocity Type-R",
-          price: "POA",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/front-view-of-an-f1-race-car-sharp-aerod-1774561934532-c89946cb.png",
-        },
-        {
-          id: "p3",
-          name: "Carbon Stealth",
-          price: "POA",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/back-view-of-an-f1-racing-car-showing-re-1774561934041-fba66828.png",
-        },
       ]}
-      title="Nuestra Gama"
-      description="Selección exclusiva de monoplazas de alto rendimiento."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+      <TestimonialCardThirteen
       animationType="depth-3d"
-      textboxLayout="default"
+      showRating={true}
-      gridVariant="two-columns-alternating-heights"
+      textboxLayout="split-actions"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Connor",
-          role: "Piloto Pro",
-          company: "Elite Racing",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/happy-professional-racing-driver-smiling-1774561934445-3ebb9b56.png",
-        },
-        {
-          id: "2",
-          name: "Marcus Chen",
-          role: "Ingeniero Senior",
-          company: "AutoLab",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/successful-woman-engineer-in-a-team-gara-1774561934196-3b04551a.png",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          role: "Team Manager",
-          company: "SpeedCorp",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/team-principal-standing-at-the-track-edg-1774561934247-6ef67320.png",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Fan Entusiasta",
-          company: "Club F1",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/young-enthusiast-standing-in-front-of-a--1774561934305-bfa19022.png",
-        },
-      ]}
       title="Voces del Paddock"
-      description="La experiencia de quienes llevan nuestras máquinas al límite."
+      description="La opinión de expertos y pilotos sobre nuestras máquinas."
+      testimonials={[
+        { id: "t1", name: "Sarah Connor", handle: "@sarahracing", testimonial: "La capacidad de respuesta de este chasis es inigualable en pista.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/happy-professional-racing-driver-smiling-1774561934445-3ebb9b56.png" },
+        { id: "t2", name: "Marcus Chen", handle: "@marcuseng", testimonial: "Una pieza maestra de ingeniería moderna.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV6QR5fxTPqbChvC5Qxf6zAjKT/successful-woman-engineer-in-a-team-gara-1774561934196-3b04551a.png" }
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
-      logoText="ELITE F1"
       columns={[
-        {
+        { title: "Compañía", items: [{ label: "Sobre Nosotros", href: "#about" }, { label: "Modelos", href: "#products" }] },
-          title: "Compañía",
+        { title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] }
-          items: [
-            {
-              label: "Sobre Nosotros",
-              href: "#about",
-            },
-            {
-              label: "Modelos",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Política de Privacidad",
-              href: "#",
-            },
-            {
-              label: "Términos",
-              href: "#",
-            },
-          ],
-        },
       ]}
+      copyrightText="© 2025 ELITE F1 Performance"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #000000;
-  --card: #481f1f;
+  --card: #0c0c0c;
   --foreground: #ffffff;
-  --primary-cta: #ffffff;
+  --primary-cta: #106EFB;
   --primary-cta-text: #280101;
-  --secondary-cta: #361311;
+  --secondary-cta: #000000;
   --secondary-cta-text: #f6d4d4;
-  --accent: #51000b;
+  --accent: #535353;
-  --background-accent: #ff2231;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);