Merge version_1 into main #1
182
src/app/page.tsx
182
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Accesorios",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Accesorios", id: "#products"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Nosotros", id: "#about"},
|
||||
{
|
||||
name: "Soporte",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Soporte", id: "#faq"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
brandName="BLACK PHONE"
|
||||
/>
|
||||
@@ -59,15 +49,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
logoText="BLACK PHONE"
|
||||
description="Diseños exclusivos y tecnología de calidad superior cuidadosamente seleccionados para Colombia. Protege tu iPhone con elegancia y disfruta de una compra rápida, segura y con envío a todo el país desde Bogotá."
|
||||
buttons={[
|
||||
{
|
||||
text: "COMPRAR AHORA",
|
||||
href: "#products",
|
||||
},
|
||||
text: "COMPRAR AHORA", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smartphone-laptop-side-view_1057-4326.jpg"
|
||||
imageAlt="Premium black iPhone and sleek tech accessories"
|
||||
@@ -80,15 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Más que Accesorios: Una Experiencia de Estilo y Protección",
|
||||
},
|
||||
type: "text", content: "Más que Accesorios: Una Experiencia de Estilo y Protección"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Nuestra Misión",
|
||||
href: "#",
|
||||
},
|
||||
text: "Ver Nuestra Misión", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,23 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Diseños Exclusivos",
|
||||
description: "Colecciones únicas que combinan estética moderna con la máxima funcionalidad, elevando el estilo de tu iPhone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-case-design_1175-332.jpg",
|
||||
imageAlt: "Sleek iPhone case with geometric pattern",
|
||||
},
|
||||
title: "Diseños Exclusivos", description: "Colecciones únicas que combinan estética moderna con la máxima funcionalidad, elevando el estilo de tu iPhone.", imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-case-design_1175-332.jpg", imageAlt: "Sleek iPhone case with geometric pattern"},
|
||||
{
|
||||
title: "Calidad Certificada",
|
||||
description: "Productos seleccionados bajo los más altos estándares, garantizando durabilidad y protección superior para tus dispositivos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-holding-smartphone_23-2148868099.jpg",
|
||||
imageAlt: "Durable screen protector being applied",
|
||||
},
|
||||
title: "Calidad Certificada", description: "Productos seleccionados bajo los más altos estándares, garantizando durabilidad y protección superior para tus dispositivos.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-holding-smartphone_23-2148868099.jpg", imageAlt: "Durable screen protector being applied"},
|
||||
{
|
||||
title: "Experiencia Móvil Óptima",
|
||||
description: "Nuestra plataforma está diseñada para una compra rápida, intuitiva y fluida desde cualquier dispositivo móvil.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-beauty-shopping_23-2151952961.jpg",
|
||||
imageAlt: "Mobile-first e-commerce interface on smartphone",
|
||||
},
|
||||
title: "Experiencia Móvil Óptima", description: "Nuestra plataforma está diseñada para una compra rápida, intuitiva y fluida desde cualquier dispositivo móvil.", imageSrc: "http://img.b2bpic.net/free-photo/virtual-beauty-shopping_23-2151952961.jpg", imageAlt: "Mobile-first e-commerce interface on smartphone"},
|
||||
]}
|
||||
title="Innovación y Calidad Superior"
|
||||
description="Descubre las ventajas que nos hacen únicos en el mercado colombiano de accesorios premium para iPhone."
|
||||
@@ -131,65 +102,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "BLACK PHONE",
|
||||
name: "Funda Ultra Slim Carbon",
|
||||
price: "$120.000 COP",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-back-view_187299-35216.jpg",
|
||||
imageAlt: "Matte black ultra-slim carbon iPhone case",
|
||||
},
|
||||
id: "1", brand: "BLACK PHONE", name: "Funda Ultra Slim Carbon", price: "$120.000 COP", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-back-view_187299-35216.jpg", imageAlt: "Matte black ultra-slim carbon iPhone case"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "SOUNDTECH",
|
||||
name: "Auriculares Inalámbricos Pro",
|
||||
price: "$350.000 COP",
|
||||
rating: 4.8,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074256.jpg",
|
||||
imageAlt: "Premium wireless earbuds in charging case",
|
||||
},
|
||||
id: "2", brand: "SOUNDTECH", name: "Auriculares Inalámbricos Pro", price: "$350.000 COP", rating: 4.8,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074256.jpg", imageAlt: "Premium wireless earbuds in charging case"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "CHARGEFAST",
|
||||
name: "Cargador Inalámbrico Duo",
|
||||
price: "$180.000 COP",
|
||||
rating: 4.9,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/polygonal-3d-smartphone-gps-navigation-location-app-travelling-concept-phone-navigator-pin-dark-blue-background-smart-technology-digital-illustration_493343-29979.jpg",
|
||||
imageAlt: "Fast-charging wireless pad",
|
||||
},
|
||||
id: "3", brand: "CHARGEFAST", name: "Cargador Inalámbrico Duo", price: "$180.000 COP", rating: 4.9,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/polygonal-3d-smartphone-gps-navigation-location-app-travelling-concept-phone-navigator-pin-dark-blue-background-smart-technology-digital-illustration_493343-29979.jpg", imageAlt: "Fast-charging wireless pad"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "APPLE (Reacondicionado)",
|
||||
name: "iPhone 13 Pro (256GB)",
|
||||
price: "$3.200.000 COP",
|
||||
rating: 4.7,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-technician-showing-modern-smartphone-with-broken-body-repair-shop_613910-20942.jpg",
|
||||
imageAlt: "Pristine refurbished iPhone 13 Pro",
|
||||
},
|
||||
id: "4", brand: "APPLE (Reacondicionado)", name: "iPhone 13 Pro (256GB)", price: "$3.200.000 COP", rating: 4.7,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/electronic-technician-showing-modern-smartphone-with-broken-body-repair-shop_613910-20942.jpg", imageAlt: "Pristine refurbished iPhone 13 Pro"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "TECHDESK",
|
||||
name: "Soporte Ergonómico Premium",
|
||||
price: "$95.000 COP",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-concept-with-mobile-phone-headphone-blue-surface_140725-94285.jpg",
|
||||
imageAlt: "Sleek dark aluminum iPhone desk stand",
|
||||
},
|
||||
id: "5", brand: "TECHDESK", name: "Soporte Ergonómico Premium", price: "$95.000 COP", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-concept-with-mobile-phone-headphone-blue-surface_140725-94285.jpg", imageAlt: "Sleek dark aluminum iPhone desk stand"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "POWERUP",
|
||||
name: "Batería Portátil Ultra Compacta",
|
||||
price: "$160.000 COP",
|
||||
rating: 4.6,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/powerbank-charging-smartphone_93675-129291.jpg",
|
||||
imageAlt: "Slim premium power bank next to iPhone",
|
||||
},
|
||||
id: "6", brand: "POWERUP", name: "Batería Portátil Ultra Compacta", price: "$160.000 COP", rating: 4.6,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/powerbank-charging-smartphone_93675-129291.jpg", imageAlt: "Slim premium power bank next to iPhone"},
|
||||
]}
|
||||
title="Nuestra Selección Exclusiva"
|
||||
description="Explora nuestra curada colección de accesorios premium, gadgets tecnológicos y iPhones reacondicionados."
|
||||
@@ -201,14 +130,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Claro",
|
||||
"Tigo",
|
||||
"Movistar",
|
||||
"Bancolombia",
|
||||
"Visa",
|
||||
"Mastercard",
|
||||
"DHL",
|
||||
]}
|
||||
"Claro", "Tigo", "Movistar", "Bancolombia", "Visa", "Mastercard", "DHL"]}
|
||||
title="Confían en Nosotros"
|
||||
description="Nuestros socios estratégicos y servicios de envío, garantizando una experiencia de compra y entrega excepcional."
|
||||
speed={50}
|
||||
@@ -223,25 +145,15 @@ export default function LandingPage() {
|
||||
author="Laura Gómez, Diseñadora Gráfica"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
alt: "Avatar of customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", alt: "Avatar of customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-female-model-with-happy-expression-smiles-gladfully-uses-laptop-computer-surf-social-networks-recieves-messages-from-friends-uses-wireless-internet-connection-technology-concept_176532-8276.jpg",
|
||||
alt: "Avatar of customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-female-model-with-happy-expression-smiles-gladfully-uses-laptop-computer-surf-social-networks-recieves-messages-from-friends-uses-wireless-internet-connection-technology-concept_176532-8276.jpg", alt: "Avatar of customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
alt: "Avatar of customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Avatar of customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
|
||||
alt: "Avatar of customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", alt: "Avatar of customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg",
|
||||
alt: "Avatar of customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg", alt: "Avatar of customer 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -254,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cómo sé que los productos son originales?",
|
||||
content: "Trabajamos directamente con proveedores autorizados y garantizamos la autenticidad de todos nuestros accesorios y gadgets. Los iPhones reacondicionados pasan por un riguroso proceso de certificación.",
|
||||
},
|
||||
id: "1", title: "¿Cómo sé que los productos son originales?", content: "Trabajamos directamente con proveedores autorizados y garantizamos la autenticidad de todos nuestros accesorios y gadgets. Los iPhones reacondicionados pasan por un riguroso proceso de certificación."},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Cuál es el tiempo de entrega en Colombia?",
|
||||
content: "Realizamos envíos a nivel nacional desde Bogotá. El tiempo estimado de entrega es de 2 a 5 días hábiles, dependiendo de tu ubicación. Ofrecemos seguimiento de pedido en tiempo real.",
|
||||
},
|
||||
id: "2", title: "¿Cuál es el tiempo de entrega en Colombia?", content: "Realizamos envíos a nivel nacional desde Bogotá. El tiempo estimado de entrega es de 2 a 5 días hábiles, dependiendo de tu ubicación. Ofrecemos seguimiento de pedido en tiempo real."},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Puedo devolver un producto si no estoy satisfecho?",
|
||||
content: "Sí, aceptamos devoluciones dentro de los 7 días posteriores a la recepción del producto, siempre y cuando esté en su estado original y con el empaque intacto. Consulta nuestra política de devoluciones para más detalles.",
|
||||
},
|
||||
id: "3", title: "¿Puedo devolver un producto si no estoy satisfecho?", content: "Sí, aceptamos devoluciones dentro de los 7 días posteriores a la recepción del producto, siempre y cuando esté en su estado original y con el empaque intacto. Consulta nuestra política de devoluciones para más detalles."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150171099.jpg"
|
||||
imageAlt="Help desk interface with magnifying glass"
|
||||
@@ -283,18 +186,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Contáctanos para cualquier duda o soporte técnico. Estamos aquí para ayudarte."
|
||||
buttons={[
|
||||
{
|
||||
text: "Envíanos un Mensaje",
|
||||
href: "mailto:info@blackphone.com",
|
||||
},
|
||||
text: "Envíanos un Mensaje", href: "mailto:info@blackphone.com"},
|
||||
{
|
||||
text: "Llámanos Ahora",
|
||||
href: "tel:+573001234567",
|
||||
},
|
||||
text: "Llámanos Ahora", href: "tel:+573001234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -305,13 +203,9 @@ export default function LandingPage() {
|
||||
logoAlt="Black Phone Logo"
|
||||
logoText="BLACK PHONE"
|
||||
leftLink={{
|
||||
text: "Términos y Condiciones",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Términos y Condiciones", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Política de Privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Política de Privacidad", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user