Merge version_1 into main #2
219
src/app/page.tsx
219
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() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#servicios",
|
||||
},
|
||||
name: "Servicios", id: "#servicios"},
|
||||
{
|
||||
name: "Planes",
|
||||
id: "#planes",
|
||||
},
|
||||
name: "Planes", id: "#planes"},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "#dashboard"},
|
||||
{
|
||||
name: "Por qué Virel",
|
||||
id: "#por-que-virel",
|
||||
},
|
||||
name: "Por qué Virel", id: "#por-que-virel"},
|
||||
]}
|
||||
brandName="Virel El Salvador"
|
||||
/>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Simulación: Acceso al Dashboard de cliente. Gestiona tu negocio, consulta métricas y contacta a tu equipo de crecimiento."
|
||||
buttons={[
|
||||
{
|
||||
text: "Entrar al dashboard",
|
||||
},
|
||||
text: "Entrar al dashboard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,13 +217,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Tu negocio ya existe. Ahora hagamos que el mundo lo vea."
|
||||
buttons={[
|
||||
{
|
||||
text: "Comenzar con Virel",
|
||||
},
|
||||
text: "Comenzar con Virel"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -324,46 +230,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
title: "Servicios", items: [
|
||||
{
|
||||
label: "Sitios web",
|
||||
href: "#servicios",
|
||||
},
|
||||
label: "Sitios web", href: "#servicios"},
|
||||
{
|
||||
label: "Redes sociales",
|
||||
href: "#servicios",
|
||||
},
|
||||
label: "Redes sociales", href: "#servicios"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Planes",
|
||||
items: [
|
||||
title: "Planes", items: [
|
||||
{
|
||||
label: "Starter",
|
||||
href: "#planes",
|
||||
},
|
||||
label: "Starter", href: "#planes"},
|
||||
{
|
||||
label: "Growth",
|
||||
href: "#planes",
|
||||
},
|
||||
label: "Growth", href: "#planes"},
|
||||
{
|
||||
label: "Pro",
|
||||
href: "#planes",
|
||||
},
|
||||
label: "Pro", href: "#planes"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "#",
|
||||
},
|
||||
label: "Email", href: "#"},
|
||||
{
|
||||
label: "Soporte",
|
||||
href: "#",
|
||||
},
|
||||
label: "Soporte", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user