Update src/app/page.tsx

src/app/page.tsx

@@ -29,26 +29,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Servicios",
+          name: "Servicios",          id: "#servicios"},
-          id: "#servicios",
-        },
         {
-          name: "Portafolio",
+          name: "Portafolio",          id: "#portafolio"},
-          id: "#portafolio",
-        },
         {
-          name: "Proceso",
+          name: "Proceso",          id: "#proceso"},
-          id: "#proceso",
-        },
         {
-          name: "Planes",
+          name: "Planes",          id: "#planes"},
-          id: "#planes",
-        },
       ]}
       brandName="FRAGUE"
       button={{
-        text: "Contáctanos",
+        text: "Contáctanos"}}
-      }}
     />
   </div>
 
@@ -58,74 +49,40 @@ export default function LandingPage() {
       description="FRAGUE es una agencia de publicidad y producción audiovisual que combina estrategia, ejecución visual y enfoque comercial para que tu marca se posicione y convierta."
       testimonials={[
         {
-          name: "Marca corporativa",
+          name: "Marca corporativa",          handle: "@frague",          testimonial: "Frague logró que nuestra comunicación se viera más seria, actual y orientada a resultados.",          rating: 5,
-          handle: "@frague",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-bearded-man-making-eyeglasses-gesture-isolated-dark-wall_140725-97164.jpg"},
-          testimonial: "Frague logró que nuestra comunicación se viera más seria, actual y orientada a resultados.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-bearded-man-making-eyeglasses-gesture-isolated-dark-wall_140725-97164.jpg",
-        },
         {
-          name: "Estudio jurídico",
+          name: "Estudio jurídico",          handle: "@frague",          testimonial: "La propuesta visual y estratégica nos ayudó a ver el marketing de otra manera.",          rating: 5,
-          handle: "@frague",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-bearded-man-suit-straightening-his-tie-dark-wall_140725-97218.jpg"},
-          testimonial: "La propuesta visual y estratégica nos ayudó a ver el marketing de otra manera.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-bearded-man-suit-straightening-his-tie-dark-wall_140725-97218.jpg",
-        },
         {
-          name: "Empresa en crecimiento",
+          name: "Empresa en crecimiento",          handle: "@frague",          testimonial: "Producción profesional con una intención clara de convertir.",          rating: 5,
-          handle: "@frague",
+          imageSrc: "http://img.b2bpic.net/free-photo/rage-young-successful-businessman-angering-black-wall_176420-8319.jpg"},
-          testimonial: "Producción profesional con una intención clara de convertir.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/rage-young-successful-businessman-angering-black-wall_176420-8319.jpg",
-        },
         {
-          name: "Startup Tech",
+          name: "Startup Tech",          handle: "@frague",          testimonial: "Calidad visual impecable que nos puso en el siguiente nivel.",          rating: 5,
-          handle: "@frague",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-wearing-glasses_329181-745.jpg"},
-          testimonial: "Calidad visual impecable que nos puso en el siguiente nivel.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-wearing-glasses_329181-745.jpg",
-        },
         {
-          name: "Marca Personal",
+          name: "Marca Personal",          handle: "@frague",          testimonial: "Me ayudaron a encontrar mi voz y proyectar autoridad.",          rating: 5,
-          handle: "@frague",
+          imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg"},
-          testimonial: "Me ayudaron a encontrar mi voz y proyectar autoridad.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",
-        },
       ]}
       tag="Marketing, Branding y Producción Audiovisual"
       buttons={[
         {
-          text: "Agenda una asesoría",
+          text: "Agenda una asesoría",          href: "#"},
-          href: "#",
-        },
         {
-          text: "Ver Portafolio",
+          text: "Ver Portafolio",          href: "#portafolio"},
-          href: "#portafolio",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-cafe-looking-smartphone-writing-notebook_1098-17150.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/futuristic-cityspace-night_116348-86.jpg",
+          src: "http://img.b2bpic.net/free-photo/futuristic-cityspace-night_116348-86.jpg",          alt: "Futuristic cityspace at the night"},
-          alt: "Futuristic cityspace at the night",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/brown-building-exterior-metallic-staircase_250224-291.jpg",
+          src: "http://img.b2bpic.net/free-photo/brown-building-exterior-metallic-staircase_250224-291.jpg",          alt: "Brown building and exterior metallic staircase"},
-          alt: "Brown building and exterior metallic staircase",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/people-walking-down-japanese-food-court_23-2148759593.jpg",
+          src: "http://img.b2bpic.net/free-photo/people-walking-down-japanese-food-court_23-2148759593.jpg",          alt: "People walking down the japanese food court"},
-          alt: "People walking down the japanese food court",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-looking-city_23-2150712442.jpg",
+          src: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-looking-city_23-2150712442.jpg",          alt: "Cyberpunk warrior looking over city"},
-          alt: "Cyberpunk warrior looking over city",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg",
+          src: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg",          alt: "Corporate employee with headphones listening music and having fun"},
-          alt: "Corporate employee with headphones listening music and having fun",
-        },
       ]}
       avatarText="Más de 50+ marcas impulsadas"
     />
@@ -139,33 +96,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Producción Audiovisual",
+          title: "Producción Audiovisual",          description: "Reels y videos corporativos de alto nivel.",          imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130786.jpg",          titleIconSrc: "Video",          buttonText: "Saber más"},
-          description: "Reels y videos corporativos de alto nivel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130786.jpg",
-          titleIconSrc: "Video",
-          buttonText: "Saber más",
-        },
         {
-          title: "Publicidad Estratégica",
+          title: "Publicidad Estratégica",          description: "Campañas diseñadas para captar clientes.",          imageSrc: "http://img.b2bpic.net/free-photo/view-person-holding-professional-digital-camera_23-2150720443.jpg",          titleIconSrc: "Megaphone",          buttonText: "Saber más"},
-          description: "Campañas diseñadas para captar clientes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-person-holding-professional-digital-camera_23-2150720443.jpg",
-          titleIconSrc: "Megaphone",
-          buttonText: "Saber más",
-        },
         {
-          title: "Sistemas de Captación",
+          title: "Sistemas de Captación",          description: "Marketing integrado que no depende de la improvisación.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg",          titleIconSrc: "BarChart3",          buttonText: "Saber más"},
-          description: "Marketing integrado que no depende de la improvisación.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg",
-          titleIconSrc: "BarChart3",
-          buttonText: "Saber más",
-        },
         {
-          title: "Branding",
+          title: "Branding",          description: "Construimos marcas con identidad clara.",          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011522.jpg",          titleIconSrc: "Sparkles",          buttonText: "Saber más"},
-          description: "Construimos marcas con identidad clara.",
-          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011522.jpg",
-          titleIconSrc: "Sparkles",
-          buttonText: "Saber más",
-        },
       ]}
       title="Servicios Estratégicos"
       description="Soluciones integrales de marketing y producción."
@@ -174,64 +111,29 @@ export default function LandingPage() {
 
   <div id="portafolio" data-section="portafolio">
       <ProductCardTwo
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "Legal",          name: "Contenido Jurídico",          price: "Premium",          rating: 5,
-          brand: "Legal",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-stationery_1195-107.jpg"},
-          name: "Contenido Jurídico",
-          price: "Premium",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-stationery_1195-107.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "Ads",          name: "Producción Comercial",          price: "High-Impact",          rating: 5,
-          brand: "Ads",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110882.jpg"},
-          name: "Producción Comercial",
-          price: "High-Impact",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110882.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          brand: "Branding",          name: "Identidad Visual",          price: "Premium",          rating: 5,
-          brand: "Branding",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg"},
-          name: "Identidad Visual",
-          price: "Premium",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          brand: "Business",          name: "Corporate Assets",          price: "High-End",          rating: 5,
-          brand: "Business",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-reflective-building-grayscale_23-2148230397.jpg"},
-          name: "Corporate Assets",
-          price: "High-End",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-reflective-building-grayscale_23-2148230397.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          brand: "Social",          name: "Redes Sociales",          price: "Engagement",          rating: 5,
-          brand: "Social",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-modern-devices-mock-up_23-2148339331.jpg"},
-          name: "Redes Sociales",
-          price: "Engagement",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-modern-devices-mock-up_23-2148339331.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          brand: "Performance",          name: "Campañas de Conversión",          price: "High-ROI",          rating: 5,
-          brand: "Performance",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066321.jpg"},
-          name: "Campañas de Conversión",
-          price: "High-ROI",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066321.jpg",
-        },
       ]}
       title="Portafolio Visual"
       description="Una experiencia premium, pensada para impactar."
@@ -245,55 +147,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          tag: "Producción",          price: "Desde S/ 350",          period: "/proyecto",          description: "Piezas audiovisuales con acabado profesional.",          button: {
-          tag: "Producción",
+            text: "Solicitar"},
-          price: "Desde S/ 350",
+          featuresTitle: "Qué incluye",          features: [
-          period: "/proyecto",
+            "Reels promocionales",            "Grabación profesional",            "Edición optimizada",            "Entrega inmediata"],
-          description: "Piezas audiovisuales con acabado profesional.",
-          button: {
-            text: "Solicitar",
-          },
-          featuresTitle: "Qué incluye",
-          features: [
-            "Reels promocionales",
-            "Grabación profesional",
-            "Edición optimizada",
-            "Entrega inmediata",
-          ],
         },
         {
-          id: "standard",
+          id: "standard",          tag: "Branding",          price: "Desde S/ 800",          period: "/proyecto",          description: "Identidad visual sólida y coherente.",          button: {
-          tag: "Branding",
+            text: "Solicitar"},
-          price: "Desde S/ 800",
+          featuresTitle: "Qué incluye",          features: [
-          period: "/proyecto",
+            "Logo y sistema",            "Paleta de colores",            "Manual de marca",            "Piezas gráficas"],
-          description: "Identidad visual sólida y coherente.",
-          button: {
-            text: "Solicitar",
-          },
-          featuresTitle: "Qué incluye",
-          features: [
-            "Logo y sistema",
-            "Paleta de colores",
-            "Manual de marca",
-            "Piezas gráficas",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          tag: "Plan Mensual",          price: "Desde S/ 1,500",          period: "/mes",          description: "Crecimiento, constancia y resultados.",          button: {
-          tag: "Plan Mensual",
+            text: "Solicitar"},
-          price: "Desde S/ 1,500",
+          featuresTitle: "Qué incluye",          features: [
-          period: "/mes",
+            "Contenido mensual",            "Gestión estratégica",            "Interacción",            "Enfoque en ventas"],
-          description: "Crecimiento, constancia y resultados.",
-          button: {
-            text: "Solicitar",
-          },
-          featuresTitle: "Qué incluye",
-          features: [
-            "Contenido mensual",
-            "Gestión estratégica",
-            "Interacción",
-            "Enfoque en ventas",
-          ],
         },
       ]}
       title="Planes de Crecimiento"
@@ -305,18 +174,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       text="Si tu marca necesita verse al nivel que quiere cobrar, aquí empieza ese cambio."
       buttons={[
         {
-          text: "Agenda una asesoría",
+          text: "Agenda una asesoría",          href: "#"},
-          href: "#",
-        },
         {
-          text: "WhatsApp",
+          text: "WhatsApp",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -327,29 +191,19 @@ export default function LandingPage() {
       logoText="FRAGUE"
       columns={[
         {
-          title: "Agencia",
+          title: "Agencia",          items: [
-          items: [
             {
-              label: "Nosotros",
+              label: "Nosotros",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Servicios",
+              label: "Servicios",              href: "#servicios"},
-              href: "#servicios",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacidad",
+              label: "Privacidad",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Términos",
+              label: "Términos",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}