Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,49 +32,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Colecciones",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Colecciones", id: "products" },
|
||||
{ name: "Nosotros", id: "features" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Kapestoree"
|
||||
button={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
}}
|
||||
text: "WhatsApp", href: "https://wa.me/yournumber"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Define tu Estilo con Kapestoree"
|
||||
description="Ropa, zapatos y accesorios de tendencia diseñados para tu seguridad y elegancia. Encuentra piezas únicas que definen tu autenticidad."
|
||||
buttons={[
|
||||
{
|
||||
text: "Comprar ahora",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{ text: "Comprar ahora", href: "#products" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/yournumber" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2704.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2704.jpg"
|
||||
imageAlt="elegant fashion model aesthetic studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -86,28 +64,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Entregas Rápidas",
|
||||
description: "Recibe tus piezas en tiempo récord con envíos asegurados.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/footwear-stacked-shoe-rack-indoors_23-2150991565.jpg",
|
||||
imageAlt: "luxurious fashion footwear display",
|
||||
title: "Entregas Rápidas", description: "Recibe tus piezas en tiempo récord con envíos asegurados.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Tendencia Total",
|
||||
description: "Curaduría constante de las prendas más virales de la temporada.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2704.jpg?_wi=2",
|
||||
imageAlt: "luxurious fashion footwear display",
|
||||
title: "Tendencia Total", description: "Curaduría constante de las prendas más virales de la temporada.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Soporte VIP",
|
||||
description: "Atención personalizada por WhatsApp para tus pedidos.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MessageCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756308.jpg?_wi=1",
|
||||
imageAlt: "luxurious fashion footwear display",
|
||||
title: "Soporte VIP", description: "Atención personalizada por WhatsApp para tus pedidos.", bentoComponent: "reveal-icon", icon: MessageCircle,
|
||||
},
|
||||
]}
|
||||
title="Por qué elegir Kapestoree"
|
||||
@@ -119,44 +82,13 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Vestido Midi Urbano",
|
||||
price: "$89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-with-pink-purple-braids-black-waist-bag-posing-outdoor_343596-2062.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bolso Minimalista",
|
||||
price: "$65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sandalias Premium",
|
||||
price: "$75.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Blusa Elegante",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-fast-fashion-concept_23-2150805278.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Accesorios en Oro",
|
||||
price: "$30.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-aesthetic-golden-earrings-arrangement_23-2149846594.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bolso de Gala",
|
||||
price: "$95.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916695.jpg",
|
||||
},
|
||||
{ id: "1", name: "Vestido Midi Urbano", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-with-pink-purple-braids-black-waist-bag-posing-outdoor_343596-2062.jpg" },
|
||||
{ id: "2", name: "Bolso Minimalista", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg" },
|
||||
{ id: "3", name: "Sandalias Premium", price: "$75.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg" },
|
||||
{ id: "4", name: "Blusa Elegante", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-fast-fashion-concept_23-2150805278.jpg" },
|
||||
]}
|
||||
title="Tendencias de Temporada"
|
||||
description="Explora nuestra selección cuidadosamente elegida para destacar tu estilo personal."
|
||||
@@ -171,7 +103,7 @@ export default function LandingPage() {
|
||||
description="Desde zapatos sofisticados hasta accesorios esenciales para tu día a día."
|
||||
subdescription="Calidad, diseño y tendencia en un solo lugar."
|
||||
icon={ShoppingBag}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756308.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756308.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -180,15 +112,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"ELLE",
|
||||
"Cosmopolitan",
|
||||
"Marie Claire",
|
||||
"InStyle",
|
||||
"Glamour",
|
||||
]}
|
||||
names={["Vogue", "Harper's Bazaar", "ELLE", "Cosmopolitan", "Marie Claire", "InStyle", "Glamour"]}
|
||||
title="Marcas y Referentes"
|
||||
description="Seguimos las mejores tendencias globales."
|
||||
/>
|
||||
@@ -197,43 +121,12 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana R.",
|
||||
handle: "@anita.style",
|
||||
testimonial: "La mejor ropa que he comprado online. Calidad espectacular.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-autumn-style-trendy-outfit-walking-street_285396-11030.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria C.",
|
||||
handle: "@mari.fashion",
|
||||
testimonial: "El soporte por WhatsApp es súper rápido y amable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-smiling-gorgeous-girl-green-trendy-sweater-woman-posing-round-sunglasses-model-having-fun_158538-5263.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia L.",
|
||||
handle: "@sofia.look",
|
||||
testimonial: "Mis zapatos llegaron en tiempo récord. Amé el diseño.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020776.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luisa M.",
|
||||
handle: "@luisa.mod",
|
||||
testimonial: "Kapestoree se ha vuelto mi sitio favorito de tendencias.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-flower_23-2150170548.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Valeria P.",
|
||||
handle: "@vale.chic",
|
||||
testimonial: "Increíble atención y los productos son tal cual la foto.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-woman-with-shirt-hairs-enjoying-weekends-sunny-european-city-wearing-casual-blouse_273443-1544.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana R.", handle: "@anita.style", testimonial: "La mejor ropa que he comprado online. Calidad espectacular.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-autumn-style-trendy-outfit-walking-street_285396-11030.jpg" },
|
||||
{ id: "2", name: "Maria C.", handle: "@mari.fashion", testimonial: "El soporte por WhatsApp es súper rápido y amable.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-smiling-gorgeous-girl-green-trendy-sweater-woman-posing-round-sunglasses-model-having-fun_158538-5263.jpg" },
|
||||
{ id: "3", name: "Sofia L.", handle: "@sofia.look", testimonial: "Mis zapatos llegaron en tiempo récord. Amé el diseño.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020776.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestras clientas"
|
||||
description="La experiencia Kapestoree resumida en palabras de quienes nos eligen."
|
||||
@@ -244,21 +137,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cómo realizo mi pedido?",
|
||||
content: "Escríbenos directamente a WhatsApp y nuestro equipo te asistirá.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Qué métodos de pago tienen?",
|
||||
content: "Aceptamos transferencias, tarjetas de crédito y métodos locales.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Hacen envíos a todo el país?",
|
||||
content: "Sí, realizamos envíos nacionales rápidos y seguros.",
|
||||
},
|
||||
{ id: "1", title: "¿Cómo realizo mi pedido?", content: "Escríbenos directamente a WhatsApp y nuestro equipo te asistirá." },
|
||||
{ id: "2", title: "¿Qué métodos de pago tienen?", content: "Aceptamos transferencias, tarjetas de crédito y métodos locales." },
|
||||
{ id: "3", title: "¿Hacen envíos a todo el país?", content: "Sí, realizamos envíos nacionales rápidos y seguros." },
|
||||
]}
|
||||
sideTitle="Dudas Frecuentes"
|
||||
sideDescription="Respondemos lo que necesitas saber antes de tu compra."
|
||||
@@ -269,9 +150,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contacto"
|
||||
title="Estamos aquí para ti"
|
||||
description="Mantente al tanto de los lanzamientos y recibe asesoría de moda exclusiva."
|
||||
@@ -281,45 +160,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Tienda",
|
||||
items: [
|
||||
{
|
||||
label: "Nuevos Productos",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Categorías",
|
||||
href: "#categories",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soporte",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Redes",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Tienda", items: [{ label: "Nuevos Productos", href: "#products" }, { label: "Categorías", href: "#categories" }] },
|
||||
{ title: "Soporte", items: [{ label: "WhatsApp", href: "https://wa.me/yournumber" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Redes", items: [{ label: "Instagram", href: "#" }, { label: "TikTok", href: "#" }] },
|
||||
]}
|
||||
logoText="Kapestoree"
|
||||
copyrightText="© 2025 Kapestoree. Todos los derechos reservados."
|
||||
@@ -328,4 +171,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user