Merge version_1 into main #2
425
src/app/page.tsx
425
src/app/page.tsx
@@ -19,318 +19,139 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Colección",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Casa Martita"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Colección", id: "products" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Casa Martita"
|
||||
button={{ text: "Contacto", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Casa Martita"
|
||||
description="Tu estilo, tu esencia. La mejor selección de moda juvenil en Sololá."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Colección",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg?_wi=1"
|
||||
imageAlt="Moda Juvenil Casa Martita"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Casa Martita"
|
||||
description="Tu estilo, tu esencia. La mejor selección de moda juvenil en Sololá."
|
||||
buttons={[{ text: "Ver Colección", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg"
|
||||
imageAlt="Moda Juvenil Casa Martita"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Más que una tienda"
|
||||
metrics={[
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
label: "Productos",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clientes",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Estilos",
|
||||
value: "50+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Más que una tienda"
|
||||
metrics={[
|
||||
{ icon: ShoppingBag, label: "Productos", value: "500+" },
|
||||
{ icon: Users, label: "Clientes", value: "1000+" },
|
||||
{ icon: Award, label: "Estilos", value: "50+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Casa M",
|
||||
name: "Camisa Casual",
|
||||
price: "Q150",
|
||||
rating: 4,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Casa M",
|
||||
name: "Vestido Chic",
|
||||
price: "Q250",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-cap-hitch-hiking-front-restaurant_23-2148148147.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Casa M",
|
||||
name: "Chaqueta Urbana",
|
||||
price: "Q350",
|
||||
rating: 4,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-blonde-fashion-model-girl-holding-colorful-pink-donut-funny-joyful-woman-with-sweets-dessert-diet-dieting-concept-junk-food-bright-colors_273443-1077.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Casa M",
|
||||
name: "Jean Slim",
|
||||
price: "Q200",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hipster-with-natural-makeup-short-haircut-enjoying-leisure-time-outdoors_158595-2715.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Casa M",
|
||||
name: "Accesorio Trend",
|
||||
price: "Q50",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-grunge-portrait-cheeky-hipster-woman-leather-jacket-rock-style-dark-lips-flash-crazy-emotions-put-hat-her-eyes_291049-1032.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Casa M",
|
||||
name: "Zapatillas",
|
||||
price: "Q400",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-leg-sitting-woman_23-2148134035.jpg",
|
||||
},
|
||||
]}
|
||||
title="Novedades Juveniles"
|
||||
description="Explora lo último en tendencias de la temporada."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Casa M", name: "Camisa Casual", price: "Q150", rating: 4, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg" },
|
||||
{ id: "2", brand: "Casa M", name: "Vestido Chic", price: "Q250", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-cap-hitch-hiking-front-restaurant_23-2148148147.jpg" },
|
||||
{ id: "3", brand: "Casa M", name: "Chaqueta Urbana", price: "Q350", rating: 4, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/beauty-blonde-fashion-model-girl-holding-colorful-pink-donut-funny-joyful-woman-with-sweets-dessert-diet-dieting-concept-junk-food-bright-colors_273443-1077.jpg" },
|
||||
{ id: "4", brand: "Casa M", name: "Jean Slim", price: "Q200", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hipster-with-natural-makeup-short-haircut-enjoying-leisure-time-outdoors_158595-2715.jpg" },
|
||||
{ id: "5", brand: "Casa M", name: "Accesorio Trend", price: "Q50", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-grunge-portrait-cheeky-hipster-woman-leather-jacket-rock-style-dark-lips-flash-crazy-emotions-put-hat-her-eyes_291049-1032.jpg" },
|
||||
{ id: "6", brand: "Casa M", name: "Zapatillas", price: "Q400", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-leg-sitting-woman_23-2148134035.jpg" },
|
||||
]}
|
||||
title="Novedades Juveniles"
|
||||
description="Explora lo último en tendencias de la temporada."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Envío Rápido",
|
||||
description: "Llevamos tu moda hasta tu puerta.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-checking-two-jackets_23-2147601333.jpg",
|
||||
imageAlt: "tienda de ropa interior elegante decorada",
|
||||
},
|
||||
{
|
||||
title: "Estilo Único",
|
||||
description: "Prendas que marcan tendencia.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg?_wi=2",
|
||||
imageAlt: "tienda de ropa interior elegante decorada",
|
||||
},
|
||||
{
|
||||
title: "Precios Justos",
|
||||
description: "Moda de calidad al alcance de todos.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Tag,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg?_wi=2",
|
||||
imageAlt: "tienda de ropa interior elegante decorada",
|
||||
},
|
||||
]}
|
||||
title="Por qué elegirnos"
|
||||
description="Calidad, estilo y atención personalizada para jóvenes con actitud."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Envío Rápido", description: "Llevamos tu moda hasta tu puerta.", bentoComponent: "reveal-icon", icon: Truck },
|
||||
{ title: "Estilo Único", description: "Prendas que marcan tendencia.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Precios Justos", description: "Moda de calidad al alcance de todos.", bentoComponent: "reveal-icon", icon: Tag },
|
||||
]}
|
||||
title="Por qué elegirnos"
|
||||
description="Calidad, estilo y atención personalizada para jóvenes con actitud."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jose Cutillo",
|
||||
date: "Hace 2 meses",
|
||||
title: "Excelente",
|
||||
quote: "Increíble variedad y estilo.",
|
||||
tag: "Cliente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-screaming-lady-holding-hands-her-head-closing-eyes_574295-273.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jackelinne Ajanel",
|
||||
date: "Hace 2 años",
|
||||
title: "Muy recomendado",
|
||||
quote: "La mejor moda en Sololá.",
|
||||
tag: "Cliente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits-pointing-something_114579-14805.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-price-tag-clothes_1170-827.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Reyna Yac",
|
||||
date: "Hace 3 años",
|
||||
title: "Increíble experiencia",
|
||||
quote: "Calidad excepcional.",
|
||||
tag: "Cliente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/adorable-stylish-lady-with-long-wavy-hair-wearing-fur-coat-posing-outdoor-photoshoot_291650-700.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-wonam-sits-summer-outdoor-cafe_1153-5298.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luis M.",
|
||||
date: "Hace 1 año",
|
||||
title: "Top!",
|
||||
quote: "Mi tienda favorita siempre.",
|
||||
tag: "Cliente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-arms-crossed_1187-3193.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-young-woman-looking-happy_1298-527.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ana R.",
|
||||
date: "Hace 6 meses",
|
||||
title: "Genial",
|
||||
quote: "Ropa increíble.",
|
||||
tag: "Cliente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12437.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1740.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="Nuestros clientes son nuestra mayor inspiración."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jose Cutillo", date: "Hace 2 meses", title: "Excelente", quote: "Increíble variedad y estilo.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg" },
|
||||
{ id: "2", name: "Jackelinne Ajanel", date: "Hace 2 años", title: "Muy recomendado", quote: "La mejor moda en Sololá.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits-pointing-something_114579-14805.jpg" },
|
||||
{ id: "3", name: "Reyna Yac", date: "Hace 3 años", title: "Increíble experiencia", quote: "Calidad excepcional.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/adorable-stylish-lady-with-long-wavy-hair-wearing-fur-coat-posing-outdoor-photoshoot_291650-700.jpg" },
|
||||
{ id: "4", name: "Luis M.", date: "Hace 1 año", title: "Top!", quote: "Mi tienda favorita siempre.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-arms-crossed_1187-3193.jpg" },
|
||||
{ id: "5", name: "Ana R.", date: "Hace 6 meses", title: "Genial", quote: "Ropa increíble.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12437.jpg" },
|
||||
]}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="Nuestros clientes son nuestra mayor inspiración."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Tienen envíos a domicilio?",
|
||||
content: "Sí, realizamos envíos a domicilio en toda la región.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Cuáles son los métodos de pago?",
|
||||
content: "Aceptamos efectivo y transferencias bancarias.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Dónde se ubican?",
|
||||
content: "Estamos en Ciénaga grande K.M.143.5, Santa Lucía Sololá.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber antes de comprar."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "¿Tienen envíos a domicilio?", content: "Sí, realizamos envíos a domicilio en toda la región." },
|
||||
{ id: "2", title: "¿Cuáles son los métodos de pago?", content: "Aceptamos efectivo y transferencias bancarias." },
|
||||
{ id: "3", title: "¿Dónde se ubican?", content: "Estamos en Ciénaga grande K.M.143.5, Santa Lucía Sololá." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber antes de comprar."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Visítanos o escríbenos"
|
||||
description="Estamos listos para ayudarte con tus compras."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Visítanos o escríbenos"
|
||||
description="Estamos listos para ayudarte con tus compras."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Tienda",
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Productos",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Casa Martita"
|
||||
copyrightText="© 2025 Casa Martita. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Tienda", items: [{ label: "Inicio", href: "#hero" }, { label: "Productos", href: "#products" }] },
|
||||
{ title: "Social", items: [{ label: "Facebook", href: "https://facebook.com" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }] },
|
||||
]}
|
||||
logoText="Casa Martita"
|
||||
copyrightText="© 2025 Casa Martita. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user