From 70524306ad5e510fd1808d6488b7b78e50f91acb Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 26 Apr 2026 20:05:23 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 219 ++++++++++++----------------------------------- 1 file changed, 54 insertions(+), 165 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b8c675e..c505160 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; -import { Camera, Gauge, Layout, Palette, PenTool } from "lucide-react"; +import { Camera, Gauge, Layout, Palette, PenTool, Megaphone, BarChart3 } from "lucide-react"; export default function LandingPage() { return ( @@ -32,21 +32,13 @@ export default function LandingPage() { @@ -58,39 +50,23 @@ export default function LandingPage() { description="Llevamos pequeños negocios a lo grande en lo digital. Creamos presencia, atraemos clientes y optimizamos tu crecimiento con herramientas modernas." buttons={[ { - text: "Empezar ahora", - href: "#contact", - }, + text: "Empezar ahora", href: "#contact"}, { - text: "Ver servicios", - href: "#servicios", - }, + text: "Ver servicios", href: "#servicios"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/corporate-management-strategy-solution-branding-concept_53876-167088.jpg?_wi=1", - imageAlt: "modern tech interface", - }, + imageSrc: "http://img.b2bpic.net/free-photo/corporate-management-strategy-solution-branding-concept_53876-167088.jpg", imageAlt: "modern tech interface"}, { - imageSrc: "http://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120120.jpg?_wi=1", - imageAlt: "software dashboard ui", - }, + imageSrc: "http://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120120.jpg", imageAlt: "software dashboard ui"}, { - imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-plexus-design_1048-16168.jpg?_wi=1", - imageAlt: "tech network nodes", - }, + imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-plexus-design_1048-16168.jpg", imageAlt: "tech network nodes"}, { - imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-with-icons-business-people_53876-94833.jpg", - imageAlt: "marketing icons 3d", - }, + imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-with-icons-business-people_53876-94833.jpg", imageAlt: "marketing icons 3d"}, { - imageSrc: "http://img.b2bpic.net/free-photo/football-still-life-with-desk_23-2147827581.jpg", - imageAlt: "content studio photography", - }, + imageSrc: "http://img.b2bpic.net/free-photo/football-still-life-with-desk_23-2147827581.jpg", imageAlt: "content studio photography"}, { - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-metaverse-podium-empty-room-product-display-presentation-abstract-technology-scifi-with-neon-light-3d-background_56104-2316.jpg", - imageAlt: "digital advertising banner", - }, + imageSrc: "http://img.b2bpic.net/free-photo/futuristic-metaverse-podium-empty-room-product-display-presentation-abstract-technology-scifi-with-neon-light-3d-background_56104-2316.jpg", imageAlt: "digital advertising banner"}, ]} /> @@ -102,67 +78,43 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Web & Branding", - description: "Sitios web de alto impacto y diseño de marca estratégico.", - items: [ + title: "Web & Branding", description: "Sitios web de alto impacto y diseño de marca estratégico.", items: [ { icon: Layout, - text: "Diseño web", - }, + text: "Diseño web"}, { icon: PenTool, - text: "Branding", - }, + text: "Branding"}, ], reverse: false, media: { - imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2290.jpg", - imageAlt: "modern tech interface", - }, - imageSrc: "http://img.b2bpic.net/free-photo/corporate-management-strategy-solution-branding-concept_53876-167088.jpg?_wi=2", - imageAlt: "modern tech interface", + imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2290.jpg", imageAlt: "modern tech interface"}, }, { - title: "Contenido Creativo", - description: "Diseño de posts, reels y gestión de redes sociales activa.", - items: [ + title: "Contenido Creativo", description: "Diseño de posts, reels y gestión de redes sociales activa.", items: [ { icon: Camera, - text: "Reels", - }, + text: "Reels"}, { icon: Palette, - text: "Diseño gráfico", - }, + text: "Diseño gráfico"}, ], reverse: true, media: { - imageSrc: "http://img.b2bpic.net/free-photo/online-sport-fitness-instructor-recording-her-session_23-2149204389.jpg", - imageAlt: "content studio photography", - }, - imageSrc: "http://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120120.jpg?_wi=2", - imageAlt: "modern tech interface", + imageSrc: "http://img.b2bpic.net/free-photo/online-sport-fitness-instructor-recording-her-session_23-2149204389.jpg", imageAlt: "content studio photography"}, }, { - title: "Marketing Estratégico", - description: "Campañas de anuncios y optimización basada en datos claros.", - items: [ + title: "Marketing Estratégico", description: "Campañas de anuncios y optimización basada en datos claros.", items: [ { icon: Megaphone, - text: "Anuncios", - }, + text: "Anuncios"}, { icon: BarChart3, - text: "Estrategia", - }, + text: "Estrategia"}, ], reverse: false, media: { - imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038905.jpg", - imageAlt: "digital advertising banner", - }, - imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-plexus-design_1048-16168.jpg?_wi=2", - imageAlt: "modern tech interface", + imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038905.jpg", imageAlt: "digital advertising banner"}, }, ]} title="Nuestros Servicios Profesionales" @@ -191,37 +143,16 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "starter", - badge: "Base", - price: "$60", - subtitle: "Para empezar con fuerza", - features: [ - "8 posts mensuales", - "2 reels mensuales", - "Reporte simple", - ], + id: "starter", badge: "Base", price: "$60", subtitle: "Para empezar con fuerza", features: [ + "8 posts mensuales", "2 reels mensuales", "Reporte simple"], }, { - id: "growth", - badge: "Pop", - price: "$120", - subtitle: "Crecimiento constante", - features: [ - "16 posts mensuales", - "6 reels mensuales", - "Estrategia de contenido", - ], + id: "growth", badge: "Pop", price: "$120", subtitle: "Crecimiento constante", features: [ + "16 posts mensuales", "6 reels mensuales", "Estrategia de contenido"], }, { - id: "pro", - badge: "Best", - price: "$250", - subtitle: "Resultados avanzados", - features: [ - "20 posts mensuales", - "12 reels mensuales", - "Gestión de anuncios", - ], + id: "pro", badge: "Best", price: "$250", subtitle: "Resultados avanzados", features: [ + "20 posts mensuales", "12 reels mensuales", "Gestión de anuncios"], }, ]} title="Planes de Suscripción" @@ -236,28 +167,16 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "100%", - title: "Control total", - items: [ - "Sin comisiones", - ], + id: "m1", value: "100%", title: "Control total", items: [ + "Sin comisiones"], }, { - id: "m2", - value: "24/7", - title: "Soporte", - items: [ - "Tecnología accesible", - ], + id: "m2", value: "24/7", title: "Soporte", items: [ + "Tecnología accesible"], }, { - id: "m3", - value: "Data", - title: "Claridad", - items: [ - "Reportes detallados", - ], + id: "m3", value: "Data", title: "Claridad", items: [ + "Reportes detallados"], }, ]} title="Por qué elegir Virel" @@ -270,20 +189,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "f1", - title: "¿Cobran comisión por ventas?", - content: "No, Virel no cobra comisiones. Tu negocio conserva el 100% de sus ingresos.", - }, + id: "f1", title: "¿Cobran comisión por ventas?", content: "No, Virel no cobra comisiones. Tu negocio conserva el 100% de sus ingresos."}, { - id: "f2", - title: "¿El presupuesto de anuncios está incluido?", - content: "No, los gastos de pauta publicitaria son independientes de los planes de Virel.", - }, + id: "f2", title: "¿El presupuesto de anuncios está incluido?", content: "No, los gastos de pauta publicitaria son independientes de los planes de Virel."}, { - id: "f3", - title: "¿Qué incluye Virel AI?", - content: "Nuestro asistente inteligente te ayuda a generar ideas de posts, optimizar textos y entender métricas clave al instante.", - }, + id: "f3", title: "¿Qué incluye Virel AI?", content: "Nuestro asistente inteligente te ayuda a generar ideas de posts, optimizar textos y entender métricas clave al instante."}, ]} sideTitle="Preguntas Frecuentes" faqsAnimation="slide-up" @@ -294,13 +204,11 @@ export default function LandingPage() { @@ -309,13 +217,11 @@ export default function LandingPage() { @@ -324,46 +230,29 @@ export default function LandingPage() {