src/app/andes-brand/page.tsx

@@ -3,10 +3,10 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Sparkles, Tv, Camera, FilmIcon, Users, Zap, Briefcase } from "lucide-react"; // Import necessary icons
+import { Tv, Camera, Film, Users, Zap, Briefcase } from "lucide-react"; // Import necessary icons
 
 export default function AndesBrandPage() {
   return (
@@ -18,7 +18,7 @@ export default function AndesBrandPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -33,20 +33,21 @@ export default function AndesBrandPage() {
           button={{ text: "WhatsApp", href: "https://wa.me/56927078086" }}
         />
         <div id="hero-andes" data-section="hero-andes">
-          <HeroLogo
+          <HeroBillboard
-            logoText="Andes Brand"
+            title="Andes Brand"
             description="Creamos experiencias audiovisuales impactantes para negocios y clientes privados, impulsando sus ventas y atrayendo nuevos clientes."
             buttons={[
               { text: "Contáctanos por WhatsApp", href: "https://wa.me/56927078086" },
-              { text: "Descubre Nuestros Servicios", href: "#services-andes", className: "font-bold text-lg px-8 py-4 bg-primary-cta text-primary-cta-text hover:bg-primary-cta/90 transition-colors duration-200" }
+              { text: "Descubre Nuestros Servicios", href: "#services-andes", props: { className: "font-bold text-lg px-8 py-4 bg-primary-cta text-primary-cta-text hover:bg-primary-cta/90 transition-colors duration-200" } }
             ]}
             buttonAnimation="slide-up"
             imageSrc="http://img.b2bpic.net/free-photo/film-reel-clapper-board-projector-stand_23-2150338782.jpg"
             imageAlt="Andes Brand Audiovisual"
+            background={{ variant: 'radial-gradient' }}
           />
         </div>
         <div id="services-andes" data-section="services-andes">
-          <FeatureCardTen
+          <FeatureCardTwentyFive
             title="Nuestros Servicios Audiovisuales"
             description="Diseñamos y producimos contenido que eleva tu marca, conecta con tu audiencia y genera resultados tangibles."
             textboxLayout="default"
@@ -54,30 +55,25 @@ export default function AndesBrandPage() {
             useInvertedBackground={false}
             features={[
               {
-                title: "Contenido Audiovisual para Empresas",                description: "Producimos videos corporativos, publicitarios, animados y documentales que comunican tu mensaje de manera efectiva, fortalecen tu marca, y atraen nuevos clientes. Ideal para marketing, presentaciones internas y lanzamientos de productos.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-video-meeting_1232-234.jpg", imageAlt: "Corporate video production" },
+                title: "Contenido Audiovisual para Empresas",                description: "Producimos videos corporativos, publicitarios, animados y documentales que comunican tu mensaje de manera efectiva, fortalecen tu marca, y atraen nuevos clientes. Ideal para marketing, presentaciones internas y lanzamientos de productos.",                icon: Briefcase,
-                items: [
+                mediaItems: [
-                  { icon: Briefcase, text: "Impulso de ventas" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-video-meeting_1232-234.jpg", imageAlt: "Corporate video production" },
-                  { icon: Users, text: "Captación de clientes" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-video-meeting_1232-234.jpg", imageAlt: "Corporate video production" }
-                  { icon: FilmIcon, text: "Comunicación de marca" }
+                ]
-                ],
-                reverse: false
               },
               {
-                title: "Producción Audiovisual para Clientes Privados",                description: "Capturamos tus momentos más especiales con videoclips personalizados, cobertura de eventos (bodas, cumpleaños), y proyectos personales. Historias contadas con creatividad y profesionalismo, diseñadas para emocionar y perdurar.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/cinematographer-shooting-wedding-video_23-2148416668.jpg", imageAlt: "Private event videography" },
+                title: "Producción Audiovisual para Clientes Privados",                description: "Capturamos tus momentos más especiales con videoclips personalizados, cobertura de eventos (bodas, cumpleaños), y proyectos personales. Historias contadas con creatividad y profesionalismo, diseñadas para emocionar y perdurar.",                icon: Camera,
-                items: [
+                mediaItems: [
-                  { icon: Camera, text: "Videoclips personalizados" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/cinematographer-shooting-wedding-video_23-2148416668.jpg", imageAlt: "Private event videography" },
-                  { icon: Tv, text: "Cobertura de eventos" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/cinematographer-shooting-wedding-video_23-2148416668.jpg", imageAlt: "Private event videography" }
-                  { icon: Zap, text: "Proyectos personales creativos" }
+                ]
-                ],
-                reverse: true
               }
             ]}
           />
         </div>
         <div id="contact-andes" data-section="contact-andes">
-          <FooterBase
+          <FooterLogoEmphasis
             logoText="Andes Brand"
-            copyrightText="© 2024 | Andes Brand. Todos los derechos reservados."
             columns={[
               {
                 title: "Compañía",                items: [