Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Wear Keen"
|
||||
/>
|
||||
@@ -58,35 +50,21 @@ export default function LandingPage() {
|
||||
description="Ropa con Caracter y Diseños exclusivos. Somos la tienda de ropa de la que todo el Mundo Habla."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Drop",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Drop", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-medical-mask-outside_23-2148777597.jpg?_wi=1",
|
||||
imageAlt: "urban streetwear fashion model photoshoot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-medical-mask-outside_23-2148777597.jpg", imageAlt: "urban streetwear fashion model photoshoot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-camera_197531-33408.jpg?_wi=1",
|
||||
imageAlt: "modern clothing brand aesthetic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-camera_197531-33408.jpg", imageAlt: "modern clothing brand aesthetic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-woman-red-shirt-hat-posed-against-brick-wall_627829-12790.jpg?_wi=1",
|
||||
imageAlt: "premium streetwear apparel collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-woman-red-shirt-hat-posed-against-brick-wall_627829-12790.jpg", imageAlt: "premium streetwear apparel collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-standing-woman-holding-bunch-peppers_23-2148194041.jpg",
|
||||
imageAlt: "urban clothing model walking",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-standing-woman-holding-bunch-peppers_23-2148194041.jpg", imageAlt: "urban clothing model walking"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-stairs_1303-29725.jpg",
|
||||
imageAlt: "premium urban fashion portrait",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-stairs_1303-29725.jpg", imageAlt: "premium urban fashion portrait"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-men-looking-woman-standing-center_23-2148134029.jpg",
|
||||
imageAlt: "urban clothing brand lookbook",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-men-looking-woman-standing-center_23-2148134029.jpg", imageAlt: "urban clothing brand lookbook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,13 +76,9 @@ export default function LandingPage() {
|
||||
description="Wear Keen® te invita a desafiar los enfoques tradicionales y a adoptar métodos más ágiles y disruptivos en tu forma de vestir."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Diseños Exclusivos",
|
||||
},
|
||||
value: "100%", title: "Diseños Exclusivos"},
|
||||
{
|
||||
value: "Premium",
|
||||
title: "Calidad Superior",
|
||||
},
|
||||
value: "Premium", title: "Calidad Superior"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574510.jpg"
|
||||
imageAlt="fashion design studio atmosphere"
|
||||
@@ -121,47 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Hoodie",
|
||||
price: "69€",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Hoodie", price: "69€", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Graphic Tee",
|
||||
price: "35€",
|
||||
variant: "White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-outside-front-view_23-2149870338.jpg",
|
||||
},
|
||||
id: "p2", name: "Urban Graphic Tee", price: "35€", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-outside-front-view_23-2149870338.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Essential Sweatshirt",
|
||||
price: "55€",
|
||||
variant: "Grey",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-urban-scene-with-k-pop-aesthetics_23-2149096940.jpg",
|
||||
},
|
||||
id: "p3", name: "Essential Sweatshirt", price: "55€", variant: "Grey", imageSrc: "http://img.b2bpic.net/free-photo/young-people-urban-scene-with-k-pop-aesthetics_23-2149096940.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban Windbreaker",
|
||||
price: "89€",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vector-vector-printed-design-screen-printing_29096-5236.jpg",
|
||||
},
|
||||
id: "p4", name: "Urban Windbreaker", price: "89€", variant: "Black", imageSrc: "http://img.b2bpic.net/free-vector/vector-vector-printed-design-screen-printing_29096-5236.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Street Jogger",
|
||||
price: "65€",
|
||||
variant: "Olive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/xx-with-risograph-effect-remixed-media_53876-128775.jpg",
|
||||
},
|
||||
id: "p5", name: "Street Jogger", price: "65€", variant: "Olive", imageSrc: "http://img.b2bpic.net/free-photo/xx-with-risograph-effect-remixed-media_53876-128775.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Oversized Tee",
|
||||
price: "40€",
|
||||
variant: "Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1138.jpg",
|
||||
},
|
||||
id: "p6", name: "Oversized Tee", price: "40€", variant: "Blue", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1138.jpg"},
|
||||
]}
|
||||
title="Colección Exclusiva"
|
||||
description="Nuestros diseños más recientes con calidad premium para un estilo urbano incomparable."
|
||||
@@ -175,40 +119,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Diseño Exclusivo",
|
||||
description: "Cada pieza está pensada para destacar en la escena urbana.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-design-sketch-digital-art-style_23-2151487063.jpg",
|
||||
},
|
||||
title: "Diseño Exclusivo", description: "Cada pieza está pensada para destacar en la escena urbana.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-design-sketch-digital-art-style_23-2151487063.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943458.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-medical-mask-outside_23-2148777597.jpg?_wi=2",
|
||||
imageAlt: "smartphone urban fashion app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943458.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Materiales Premium",
|
||||
description: "Tejidos seleccionados para máxima durabilidad y tacto suave.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-redhead-girl-touches-digital-tablet-screen-touchpad-texts-message-uses-internet_1258-196328.jpg",
|
||||
},
|
||||
title: "Materiales Premium", description: "Tejidos seleccionados para máxima durabilidad y tacto suave.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-redhead-girl-touches-digital-tablet-screen-touchpad-texts-message-uses-internet_1258-196328.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-taking-photos_23-2149731132.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-camera_197531-33408.jpg?_wi=2",
|
||||
imageAlt: "smartphone urban fashion app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-taking-photos_23-2149731132.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Envío Rápido",
|
||||
description: "Recibe tus pedidos en tiempo récord en toda España.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487073.jpg",
|
||||
},
|
||||
title: "Envío Rápido", description: "Recibe tus pedidos en tiempo récord en toda España.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487073.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762877.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-woman-red-shirt-hat-posed-against-brick-wall_627829-12790.jpg?_wi=2",
|
||||
imageAlt: "smartphone urban fashion app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762877.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -223,45 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Calidad Increíble",
|
||||
quote: "La calidad de las telas es otro nivel.",
|
||||
name: "Alex R.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-man-woman-portrait_23-2149122879.jpg",
|
||||
},
|
||||
id: "1", title: "Calidad Increíble", quote: "La calidad de las telas es otro nivel.", name: "Alex R.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-man-woman-portrait_23-2149122879.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Estilo único",
|
||||
quote: "Los diseños no se encuentran en ninguna otra tienda.",
|
||||
name: "Maria L.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-shopping-bag_23-2149313443.jpg",
|
||||
},
|
||||
id: "2", title: "Estilo único", quote: "Los diseños no se encuentran en ninguna otra tienda.", name: "Maria L.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-shopping-bag_23-2149313443.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Envío rápido",
|
||||
quote: "Llegó a casa en solo 24 horas.",
|
||||
name: "Javi M.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-electric-bicycle-city_23-2149026616.jpg",
|
||||
},
|
||||
id: "3", title: "Envío rápido", quote: "Llegó a casa en solo 24 horas.", name: "Javi M.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-electric-bicycle-city_23-2149026616.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Muy recomendado",
|
||||
quote: "Sin duda repetiré en la próxima colección.",
|
||||
name: "Sofía T.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19318.jpg",
|
||||
},
|
||||
id: "4", title: "Muy recomendado", quote: "Sin duda repetiré en la próxima colección.", name: "Sofía T.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19318.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Diseño brutal",
|
||||
quote: "La camiseta tiene un corte espectacular.",
|
||||
name: "David G.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-phone_197531-33422.jpg",
|
||||
},
|
||||
id: "5", title: "Diseño brutal", quote: "La camiseta tiene un corte espectacular.", name: "David G.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-phone_197531-33422.jpg"},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Únete a la comunidad de Wear Keen."
|
||||
@@ -275,20 +171,11 @@ export default function LandingPage() {
|
||||
tag="Estadísticas"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
description: "Clientes Felices",
|
||||
},
|
||||
id: "m1", value: "5000+", description: "Clientes Felices"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120+",
|
||||
description: "Diseños Exclusivos",
|
||||
},
|
||||
id: "m2", value: "120+", description: "Diseños Exclusivos"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Compromiso de Calidad",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Compromiso de Calidad"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -299,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Cuándo llega mi pedido?",
|
||||
content: "Enviamos en 24-48 horas a toda España.",
|
||||
},
|
||||
id: "q1", title: "¿Cuándo llega mi pedido?", content: "Enviamos en 24-48 horas a toda España."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Tienen devoluciones?",
|
||||
content: "Tienes 30 días para realizar cualquier cambio o devolución.",
|
||||
},
|
||||
id: "q2", title: "¿Tienen devoluciones?", content: "Tienes 30 días para realizar cualquier cambio o devolución."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Los envíos son gratuitos?",
|
||||
content: "Sí, a partir de 79€ de compra.",
|
||||
},
|
||||
id: "q3", title: "¿Los envíos son gratuitos?", content: "Sí, a partir de 79€ de compra."},
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber sobre Wear Keen."
|
||||
@@ -324,8 +202,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contacto"
|
||||
title="Suscríbete a nuestra newsletter"
|
||||
description="Entérate de las novedades y ofertas exclusivas antes que nadie."
|
||||
@@ -339,29 +216,19 @@ export default function LandingPage() {
|
||||
logoText="Wear Keen"
|
||||
columns={[
|
||||
{
|
||||
title: "Tienda",
|
||||
items: [
|
||||
title: "Tienda", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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