Merge version_1 into main #2
314
src/app/page.tsx
314
src/app/page.tsx
@@ -17,196 +17,150 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Colección", id: "#products"},
|
||||
{
|
||||
name: "Calidad", id: "#about"},
|
||||
{
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
brandName="Maison Veltrán"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "#hero" },
|
||||
{ name: "Colección", id: "#products" },
|
||||
{ name: "Calidad", id: "#about" },
|
||||
{ name: "Contacto", id: "#contact" }
|
||||
]}
|
||||
brandName="Maison Veltrán"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background="rotated-rays-static"
|
||||
title="El lujo no se grita… se nota."
|
||||
description="Descubre productos diseñados con precisión para elevar tu presencia sin gastar de más."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorar colección", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-fragrance-bottle_116380-80.jpg", imageAlt: "Veltrán Noir Perfume"},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/black-cup-tea-with-headphones-red-background_185193-163975.jpg", imageAlt: "Veltrán Audio X"},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/ethnic-businessman-adjusting-sleeve_23-2147768610.jpg", imageAlt: "Veltrán Classic Watch"},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-aroma-diffuser-moisturizing-air-winter-decor_169016-43542.jpg", imageAlt: "Veltrán LED Diffuser"},
|
||||
{
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-faded-orange-flower-vase_23-2148073850.jpg", imageAlt: "Maison Veltrán Bundle"},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8829.jpg", imageAlt: "Maison Veltrán Lifestyle"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="El lujo no se grita… se nota."
|
||||
description="Descubre productos diseñados con precisión para elevar tu presencia sin gastar de más."
|
||||
buttons={[
|
||||
{ text: "Explorar colección", href: "#products" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-fragrance-bottle_116380-80.jpg", imageAlt: "Veltrán Noir Perfume" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/black-cup-tea-with-headphones-red-background_185193-163975.jpg", imageAlt: "Veltrán Audio X" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/ethnic-businessman-adjusting-sleeve_23-2147768610.jpg", imageAlt: "Veltrán Classic Watch" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-aroma-diffuser-moisturizing-air-winter-decor_169016-43542.jpg", imageAlt: "Veltrán LED Diffuser" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-faded-orange-flower-vase_23-2148073850.jpg", imageAlt: "Maison Veltrán Bundle" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8829.jpg", imageAlt: "Maison Veltrán Lifestyle" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Veltrán", name: "Veltrán Noir Perfume", price: "$129.900 COP", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420712.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Veltrán", name: "Veltrán Audio X", price: "$189.900 COP", rating: 5,
|
||||
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065038.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Veltrán", name: "Veltrán Classic Watch", price: "$159.900 COP", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722619.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Veltrán", name: "Veltrán LED Diffuser", price: "$89.900 COP", rating: 5,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-aroma-oil-diffuser-lamp-decor-details-aromatherapy-health-care-concept_169016-8494.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Veltrán", name: "Kit Noir & Audio", price: "$299.900 COP", rating: 5,
|
||||
reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/chicken-eggs-feathers-bowl_23-2148073837.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Veltrán", name: "Kit Classic & Diffuser", price: "$219.900 COP", rating: 5,
|
||||
reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/covid-party-with-mask-drink-high-angle_23-2149299870.jpg"},
|
||||
]}
|
||||
title="Selección Premium"
|
||||
description="Artículos diseñados para destacar en cualquier entorno."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Veltrán", name: "Veltrán Noir Perfume", price: "$129.900 COP", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420712.jpg" },
|
||||
{ id: "p2", brand: "Veltrán", name: "Veltrán Audio X", price: "$189.900 COP", rating: 5, reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065038.jpg" },
|
||||
{ id: "p3", brand: "Veltrán", name: "Veltrán Classic Watch", price: "$159.900 COP", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722619.jpg" },
|
||||
{ id: "p4", brand: "Veltrán", name: "Veltrán LED Diffuser", price: "$89.900 COP", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-aroma-oil-diffuser-lamp-decor-details-aromatherapy-health-care-concept_169016-8494.jpg" },
|
||||
{ id: "p5", brand: "Veltrán", name: "Kit Noir & Audio", price: "$299.900 COP", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/chicken-eggs-feathers-bowl_23-2148073837.jpg" },
|
||||
{ id: "p6", brand: "Veltrán", name: "Kit Classic & Diffuser", price: "$219.900 COP", rating: 5, reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/covid-party-with-mask-drink-high-angle_23-2149299870.jpg" }
|
||||
]}
|
||||
title="Selección Premium"
|
||||
description="Artículos diseñados para destacar en cualquier entorno."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Diseñado con precisión científica"
|
||||
description="Cada producto de Maison Veltrán pasa por rigurosos procesos de selección para garantizar que no solo te veas bien, sino que obtengas un rendimiento optimizado."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.8%", title: "Estándares de Calidad"},
|
||||
{
|
||||
value: "12K+", title: "Clientes Satisfechos"},
|
||||
{
|
||||
value: "24/7", title: "Soporte Técnico"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/robotic-arm-placing-chip-circuit-board_23-2152011751.jpg"
|
||||
imageAlt="Precision Engineering Tech"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Diseñado con precisión científica"
|
||||
description="Cada producto de Maison Veltrán pasa por rigurosos procesos de selección para garantizar que no solo te veas bien, sino que obtengas un rendimiento optimizado."
|
||||
metrics={[
|
||||
{ value: "99.8%", title: "Estándares de Calidad" },
|
||||
{ value: "12K+", title: "Clientes Satisfechos" },
|
||||
{ value: "24/7", title: "Soporte Técnico" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/robotic-arm-placing-chip-circuit-board_23-2152011751.jpg"
|
||||
imageAlt="Precision Engineering Tech"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Valentina G.", handle: "@valen_style", testimonial: "¡Increíble! El perfume huele a marca de lujo real. Me preguntan todo el tiempo cuál estoy usando.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-outdoor-woman-portrait_23-2151936907.jpg"},
|
||||
{
|
||||
id: "2", name: "Sebastián R.", handle: "@sebas_tech", testimonial: "Los audífonos son brutales. Tienen un acabado premium que no parece lo que costó. 10/10.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14188.jpg"},
|
||||
{
|
||||
id: "3", name: "Andrea M.", handle: "@andre.mk", testimonial: "El reloj minimalista me salvó el outfit. Se siente muy pesado y resistente, muy elegante.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg"},
|
||||
{
|
||||
id: "4", name: "Carlos O.", handle: "@carlos.o", testimonial: "El difusor cambió el ambiente de mi cuarto, diseño súper limpio y funcional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-kuwaiti-man-trench-coat_627829-5618.jpg"},
|
||||
{
|
||||
id: "5", name: "Daniela S.", handle: "@dani.s", testimonial: "La marca se siente cara. Definitivamente volveré a comprar el kit de perfume y audífonos.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-glamor-stylish-beautiful-young-woman-model-with-red-lips-summer-bright-yellow-dress_158538-2421.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="Nuestros clientes en Colombia ya elevaron su estilo."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Valentina G.", handle: "@valen_style", testimonial: "¡Increíble! El perfume huele a marca de lujo real. Me preguntan todo el tiempo cuál estoy usando.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/colorful-outdoor-woman-portrait_23-2151936907.jpg" },
|
||||
{ id: "2", name: "Sebastián R.", handle: "@sebas_tech", testimonial: "Los audífonos son brutales. Tienen un acabado premium que no parece lo que costó. 10/10.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14188.jpg" },
|
||||
{ id: "3", name: "Andrea M.", handle: "@andre.mk", testimonial: "El reloj minimalista me salvó el outfit. Se siente muy pesado y resistente, muy elegante.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg" },
|
||||
{ id: "4", name: "Carlos O.", handle: "@carlos.o", testimonial: "El difusor cambió el ambiente de mi cuarto, diseño súper limpio y funcional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-kuwaiti-man-trench-coat_627829-5618.jpg" },
|
||||
{ id: "5", name: "Daniela S.", handle: "@dani.s", testimonial: "La marca se siente cara. Definitivamente volveré a comprar el kit de perfume y audífonos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-glamor-stylish-beautiful-young-woman-model-with-red-lips-summer-bright-yellow-dress_158538-2421.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="Nuestros clientes en Colombia ya elevaron su estilo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "¿Realizan envíos a toda Colombia?", content: "Sí, despachamos a cualquier ciudad o municipio a través de transportadoras aliadas con seguimiento en tiempo real."},
|
||||
{
|
||||
id: "q2", title: "¿Ofrecen garantía?", content: "Absolutamente. Todos nuestros productos tienen garantía técnica contra defectos de fábrica."},
|
||||
{
|
||||
id: "q3", title: "¿Qué métodos de pago aceptan?", content: "Puedes pagar con tarjeta de crédito, PSE, Nequi, Daviplata o contra entrega en ciudades principales."},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber antes de comprar tu experiencia Veltrán."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scene-with-minimal-dark-podiums_23-2149269988.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Realizan envíos a toda Colombia?", content: "Sí, despachamos a cualquier ciudad o municipio a través de transportadoras aliadas con seguimiento en tiempo real." },
|
||||
{ id: "q2", title: "¿Ofrecen garantía?", content: "Absolutamente. Todos nuestros productos tienen garantía técnica contra defectos de fábrica." },
|
||||
{ id: "q3", title: "¿Qué métodos de pago aceptan?", content: "Puedes pagar con tarjeta de crédito, PSE, Nequi, Daviplata o contra entrega en ciudades principales." }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber antes de comprar tu experiencia Veltrán."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scene-with-minimal-dark-podiums_23-2149269988.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Contacto"
|
||||
title="Únete a la elite de estilo"
|
||||
description="Suscríbete para recibir ofertas exclusivas y acceso anticipado a nuevas colecciones Veltrán."
|
||||
inputPlaceholder="Tu correo electrónico"
|
||||
buttonText="Suscribirme"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Únete a la elite de estilo"
|
||||
description="Suscríbete para recibir ofertas exclusivas y acceso anticipado a nuevas colecciones Veltrán."
|
||||
inputPlaceholder="Tu correo electrónico"
|
||||
buttonText="Suscribirme"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Catálogo", href: "#products"},
|
||||
{
|
||||
label: "Nosotros", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Términos", href: "#"},
|
||||
{
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
{
|
||||
label: "Ayuda", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Maison Veltrán"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Inicio", href: "#hero" },
|
||||
{ label: "Catálogo", href: "#products" },
|
||||
{ label: "Nosotros", href: "#about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Términos", href: "#" },
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Ayuda", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Maison Veltrán"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user