Merge version_1 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -31,43 +31,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Proveedores",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Productos", id: "products" },
|
||||
{ name: "Proveedores", id: "pricing" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="ConnectMarket"
|
||||
button={{ text: "Ingresar" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Conectamos proveedores con compradores de forma rápida y segura"
|
||||
description="La plataforma líder que une empresas, mayoristas y particulares para hacer negocios sin fricciones. Calidad, confianza y alcance global en un solo lugar."
|
||||
buttons={[
|
||||
{
|
||||
text: "Buscar Productos",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Buscar Productos", href: "#products"},
|
||||
{
|
||||
text: "Convertirme en Proveedor",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Convertirme en Proveedor", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970181.jpg"
|
||||
/>
|
||||
@@ -80,38 +64,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Proveedores Verificados",
|
||||
author: "Seguridad",
|
||||
description: "Todos nuestros proveedores pasan un riguroso control para asegurar tu tranquilidad.",
|
||||
tags: [
|
||||
"Seguridad",
|
||||
"Calidad",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logistic-services-with-computer_24877-54358.jpg",
|
||||
},
|
||||
id: "f1", title: "Proveedores Verificados", author: "Seguridad", description: "Todos nuestros proveedores pasan un riguroso control para asegurar tu tranquilidad.", tags: [
|
||||
"Seguridad", "Calidad"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logistic-services-with-computer_24877-54358.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Catálogo Extenso",
|
||||
author: "Variedad",
|
||||
description: "Encuentra productos de todo tipo, desde mayoristas hasta dropshipping.",
|
||||
tags: [
|
||||
"Catálogo",
|
||||
"Escalable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-with-gradient-style_23-2147875884.jpg",
|
||||
},
|
||||
id: "f2", title: "Catálogo Extenso", author: "Variedad", description: "Encuentra productos de todo tipo, desde mayoristas hasta dropshipping.", tags: [
|
||||
"Catálogo", "Escalable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-with-gradient-style_23-2147875884.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Oportunidades de Negocio",
|
||||
author: "Crecimiento",
|
||||
description: "Conectamos tu marca con nuevos mercados y clientes de forma automatizada.",
|
||||
tags: [
|
||||
"Crecimiento",
|
||||
"Dropshipping",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662910.jpg",
|
||||
},
|
||||
id: "f3", title: "Oportunidades de Negocio", author: "Crecimiento", description: "Conectamos tu marca con nuevos mercados y clientes de forma automatizada.", tags: [
|
||||
"Crecimiento", "Dropshipping"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662910.jpg"},
|
||||
]}
|
||||
title="Por qué elegir ConnectMarket"
|
||||
description="Diseñamos una plataforma pensada para la eficiencia comercial."
|
||||
@@ -126,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Laptop Pro 2024",
|
||||
price: "$1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/save-front-side-with-white-background_187299-39944.jpg",
|
||||
},
|
||||
id: "p1", name: "Laptop Pro 2024", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/save-front-side-with-white-background_187299-39944.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silla Ergonómica",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/presentation-slides-instagram-stories_23-2149965366.jpg",
|
||||
},
|
||||
id: "p2", name: "Silla Ergonómica", price: "$349", imageSrc: "http://img.b2bpic.net/free-psd/presentation-slides-instagram-stories_23-2149965366.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Set de Iluminación",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662994.jpg",
|
||||
},
|
||||
id: "p3", name: "Set de Iluminación", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662994.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Micrófono Podcast",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-cargo-stickers-set-with-rfid-qr-bar-codes-cardboard-boxes-isolated-white-background-vector-illustration_1284-72640.jpg",
|
||||
},
|
||||
id: "p4", name: "Micrófono Podcast", price: "$299", imageSrc: "http://img.b2bpic.net/free-vector/flat-cargo-stickers-set-with-rfid-qr-bar-codes-cardboard-boxes-isolated-white-background-vector-illustration_1284-72640.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cámara Profesional",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/social-media-post-digital-marketing_1435-983.jpg",
|
||||
},
|
||||
id: "p5", name: "Cámara Profesional", price: "$899", imageSrc: "http://img.b2bpic.net/free-vector/social-media-post-digital-marketing_1435-983.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Monitor Curvo 34\"",
|
||||
price: "$550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-using-glass-phone-futuristic-digital-device_53876-129772.jpg",
|
||||
},
|
||||
id: "p6", name: "Monitor Curvo 34\"", price: "$550", imageSrc: "http://img.b2bpic.net/free-photo/ai-using-glass-phone-futuristic-digital-device_53876-129772.jpg"},
|
||||
]}
|
||||
title="Productos Destacados"
|
||||
description="Explora los artículos más demandados hoy en nuestra comunidad."
|
||||
@@ -174,36 +113,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
name: "Plan Gratuito",
|
||||
price: "$0",
|
||||
features: [
|
||||
"Publicación básica",
|
||||
"Panel de gestión",
|
||||
"Soporte estándar",
|
||||
],
|
||||
id: "free", name: "Plan Gratuito", price: "$0", features: [
|
||||
"Publicación básica", "Panel de gestión", "Soporte estándar"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Comenzar Gratis",
|
||||
},
|
||||
text: "Comenzar Gratis"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Popular",
|
||||
name: "Plan Premium",
|
||||
price: "$49/mes",
|
||||
features: [
|
||||
"Visibilidad destacada",
|
||||
"Estadísticas avanzadas",
|
||||
"Insignia de verificado",
|
||||
"Chat directo",
|
||||
"Comisiones reducidas",
|
||||
],
|
||||
id: "premium", badge: "Popular", name: "Plan Premium", price: "$49/mes", features: [
|
||||
"Visibilidad destacada", "Estadísticas avanzadas", "Insignia de verificado", "Chat directo", "Comisiones reducidas"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Mejorar mi plan",
|
||||
},
|
||||
text: "Mejorar mi plan"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -219,22 +141,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Proveedores",
|
||||
value: "5,000+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Proveedores", value: "5,000+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Productos",
|
||||
value: "120K+",
|
||||
icon: Package,
|
||||
id: "m2", title: "Productos", value: "120K+", icon: Package,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Países",
|
||||
value: "30+",
|
||||
icon: Globe,
|
||||
id: "m3", title: "Países", value: "30+", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Nuestro Impacto"
|
||||
@@ -247,30 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3800.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3800.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Carlos M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",
|
||||
},
|
||||
id: "t2", name: "Carlos M.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofía T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businessman-talking-mobile-phone-cafe_23-2148176151.jpg",
|
||||
},
|
||||
id: "t3", name: "Sofía T.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businessman-talking-mobile-phone-cafe_23-2148176151.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-with-co-workers-blurred-background_1098-807.jpg",
|
||||
},
|
||||
id: "t5", name: "Laura G.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-with-co-workers-blurred-background_1098-807.jpg"},
|
||||
]}
|
||||
cardTitle="Lo que dicen nuestros socios"
|
||||
cardTag="Testimonios"
|
||||
@@ -282,8 +180,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contacto"
|
||||
title="¿Listo para comenzar?"
|
||||
description="Únete a la mayor red de negocios y empieza a vender globalmente hoy mismo."
|
||||
@@ -296,42 +193,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Plataforma",
|
||||
items: [
|
||||
title: "Plataforma", items: [
|
||||
{
|
||||
label: "Sobre nosotros",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sobre nosotros", href: "#"},
|
||||
{
|
||||
label: "Comisiones",
|
||||
href: "#",
|
||||
},
|
||||
label: "Comisiones", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Recursos",
|
||||
items: [
|
||||
title: "Recursos", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Soporte",
|
||||
href: "#",
|
||||
},
|
||||
label: "Soporte", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user