Merge version_1 into main #2
426
src/app/page.tsx
426
src/app/page.tsx
@@ -27,323 +27,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Quienes somos",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Promociones",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="PubliViral"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "#hero" },
|
||||
{ name: "Quienes somos", id: "#about" },
|
||||
{ name: "Servicios", id: "#services" },
|
||||
{ name: "Promociones", id: "#pricing" },
|
||||
{ name: "Contacto", id: "#contact" },
|
||||
]}
|
||||
brandName="PubliViral"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="PubliViral: Potencia tu Negocio en Campobasso"
|
||||
description="Expertos en marketing digital, diseño web y gestión de redes sociales. Más de 25 años de trayectoria comunicando historias, ahora llevando tu marca al siguiente nivel."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Planes",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C77CBspDm63fKCH4ZrBBDWFYI6/uploaded-1775724778135-vehj7j6d.png?_wi=1"
|
||||
imageAlt="PubliViral Logo"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg",
|
||||
alt: "Cliente 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg",
|
||||
alt: "Cliente 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg",
|
||||
alt: "Cliente 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",
|
||||
alt: "Cliente 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg",
|
||||
alt: "Cliente 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Más de 100 proyectos exitosos en Molise"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Marketing Digital",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diseño Web",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Social Media",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Estrategia Creativa",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Publicidad Online",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="PubliViral: Potencia tu Negocio en Campobasso"
|
||||
description="Expertos en marketing digital, diseño web y gestión de redes sociales. Más de 25 años de trayectoria comunicando historias, ahora llevando tu marca al siguiente nivel."
|
||||
buttons={[{ text: "Ver Planes", href: "#pricing" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C77CBspDm63fKCH4ZrBBDWFYI6/uploaded-1775724778135-vehj7j6d.png"
|
||||
imageAlt="PubliViral Logo"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg", alt: "Cliente 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg", alt: "Cliente 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg", alt: "Cliente 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg", alt: "Cliente 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg", alt: "Cliente 5" },
|
||||
]}
|
||||
avatarText="Más de 100 proyectos exitosos en Molise"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Marketing Digital" },
|
||||
{ type: "text", text: "Diseño Web" },
|
||||
{ type: "text", text: "Social Media" },
|
||||
{ type: "text", text: "Estrategia Creativa" },
|
||||
{ type: "text", text: "Publicidad Online" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Historia"
|
||||
metrics={[
|
||||
{
|
||||
icon: Tv,
|
||||
label: "Experiencia en Medios",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: Radio,
|
||||
label: "Años comunicando",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Proyectos Digitales",
|
||||
value: "100+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Historia"
|
||||
metrics={[
|
||||
{ icon: Tv, label: "Experiencia en Medios", value: "25+" },
|
||||
{ icon: Radio, label: "Años comunicando", value: "25+" },
|
||||
{ icon: Globe, label: "Proyectos Digitales", value: "100+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Diseño Web",
|
||||
description: "Sitios modernos, rápidos y adaptados a dispositivos móviles.",
|
||||
tag: "Web",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C77CBspDm63fKCH4ZrBBDWFYI6/uploaded-1775724778135-vehj7j6d.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Community Manager",
|
||||
description: "Estrategia de redes sociales, gestión de comunidad y engagement.",
|
||||
tag: "Social",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg",
|
||||
imageAlt: "modern digital marketing agency workspace",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Copywriter",
|
||||
description: "Redacción creativa para captar clientes y potenciar ventas.",
|
||||
tag: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg?_wi=1",
|
||||
imageAlt: "smiling business professional portrait",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Audio y Video",
|
||||
description: "Creación de piezas publicitarias impactantes en alta calidad.",
|
||||
tag: "Media",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg?_wi=1",
|
||||
imageAlt: "satisfied retail store owner portrait",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Gestión Contable",
|
||||
description: "Certificación y asesoramiento contable para tu empresa.",
|
||||
tag: "Contable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg?_wi=1",
|
||||
imageAlt: "young ambitious startup founder",
|
||||
},
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Desde la estrategia hasta la producción creativa."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Diseño Web", description: "Sitios modernos, rápidos y adaptados a dispositivos móviles.", tag: "Web", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C77CBspDm63fKCH4ZrBBDWFYI6/uploaded-1775724778135-vehj7j6d.png", imageAlt: "User provided image" },
|
||||
{ id: "s2", title: "Community Manager", description: "Estrategia de redes sociales, gestión de comunidad y engagement.", tag: "Social", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg", imageAlt: "modern digital marketing agency workspace" },
|
||||
{ id: "s3", title: "Copywriter", description: "Redacción creativa para captar clientes y potenciar ventas.", tag: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg", imageAlt: "smiling business professional portrait" },
|
||||
{ id: "s4", title: "Audio y Video", description: "Creación de piezas publicitarias impactantes en alta calidad.", tag: "Media", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg", imageAlt: "satisfied retail store owner portrait" },
|
||||
{ id: "s5", title: "Gestión Contable", description: "Certificación y asesoramiento contable para tu empresa.", tag: "Contable", imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg", imageAlt: "young ambitious startup founder" },
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Desde la estrategia hasta la producción creativa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "fb",
|
||||
badge: "Popular",
|
||||
price: "€199",
|
||||
subtitle: "Solo Facebook",
|
||||
features: [
|
||||
"Gestión básica",
|
||||
"3 posts/semana",
|
||||
"Reporte mensual",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contactar",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ig",
|
||||
badge: "Recomendado",
|
||||
price: "€199",
|
||||
subtitle: "Solo Instagram",
|
||||
features: [
|
||||
"Gestión estética",
|
||||
"Diseño de historias",
|
||||
"Interacción diaria",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contactar",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "all",
|
||||
badge: "Completo",
|
||||
price: "€349",
|
||||
subtitle: "Facebook + Instagram",
|
||||
features: [
|
||||
"Estrategia unificada",
|
||||
"Diseño de piezas",
|
||||
"Análisis de métricas",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contactar",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Promoción Molise Activa"
|
||||
description="Planes competitivos diseñados para que tu marca destaque."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "fb", badge: "Popular", price: "€199", subtitle: "Solo Facebook", features: ["Gestión básica", "3 posts/semana", "Reporte mensual"], buttons: [{ text: "Contactar" }] },
|
||||
{ id: "ig", badge: "Recomendado", price: "€199", subtitle: "Solo Instagram", features: ["Gestión estética", "Diseño de historias", "Interacción diaria"], buttons: [{ text: "Contactar" }] },
|
||||
{ id: "all", badge: "Completo", price: "€349", subtitle: "Facebook + Instagram", features: ["Estrategia unificada", "Diseño de piezas", "Análisis de métricas"], buttons: [{ text: "Contactar" }] },
|
||||
]}
|
||||
title="Promoción Molise Activa"
|
||||
description="Planes competitivos diseñados para que tu marca destaque."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excelente servicio",
|
||||
quote: "PubliViral transformó nuestra presencia online por completo.",
|
||||
name: "Marco Rossi",
|
||||
role: "Propietario",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Muy profesionales",
|
||||
quote: "La experiencia en medios se nota en cada pieza publicitaria.",
|
||||
name: "Giulia Bianchi",
|
||||
role: "Directora",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Resultados rápidos",
|
||||
quote: "El plan Molise Activa es la mejor inversión para nuestra zona.",
|
||||
name: "Luca Verdi",
|
||||
role: "Emprendedor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Calidad creativa",
|
||||
quote: "El copywritting es impecable, logramos conectar con nuestra audiencia.",
|
||||
name: "Sofia Neri",
|
||||
role: "Empresaria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Recomendados",
|
||||
quote: "Una agencia familiar, cercana y muy efectiva.",
|
||||
name: "Alessandro Romano",
|
||||
role: "Socio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Transformamos marcas con experiencia y profesionalismo."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Excelente servicio", quote: "PubliViral transformó nuestra presencia online por completo.", name: "Marco Rossi", role: "Propietario", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg" },
|
||||
{ id: "t2", title: "Muy profesionales", quote: "La experiencia en medios se nota en cada pieza publicitaria.", name: "Giulia Bianchi", role: "Directora", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg" },
|
||||
{ id: "t3", title: "Resultados rápidos", quote: "El plan Molise Activa es la mejor inversión para nuestra zona.", name: "Luca Verdi", role: "Emprendedor", imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg" },
|
||||
{ id: "t4", title: "Calidad creativa", quote: "El copywritting es impecable, logramos conectar con nuestra audiencia.", name: "Sofia Neri", role: "Empresaria", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg" },
|
||||
{ id: "t5", title: "Recomendados", quote: "Una agencia familiar, cercana y muy efectiva.", name: "Alessandro Romano", role: "Socio", imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Transformamos marcas con experiencia y profesionalismo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Comienza tu viaje con PubliViral hoy mismo. Contáctanos por redes sociales o a través de nuestra web."
|
||||
buttons={[
|
||||
{
|
||||
text: "Escríbenos en Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
text: "Contáctanos por WhatsApp",
|
||||
href: "https://wa.me",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Comienza tu viaje con PubliViral hoy mismo. Contáctanos por redes sociales o a través de nuestra web."
|
||||
buttons={[
|
||||
{ text: "Escríbenos en Instagram", href: "https://instagram.com" },
|
||||
{ text: "Contáctanos por WhatsApp", href: "https://wa.me" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PubliViral"
|
||||
copyrightText="© 2025 PubliViral Molise. Todos los derechos reservados."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PubliViral"
|
||||
copyrightText="© 2025 PubliViral Molise. Todos los derechos reservados."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user