Merge version_1 into main #2
242
src/app/page.tsx
242
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Sobre Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Sobre Nosotros", id: "#about"},
|
||||
{
|
||||
name: "Colección",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Colección", id: "#products"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
brandName="DUBBARA"
|
||||
/>
|
||||
@@ -55,77 +47,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="La Esencia del Lujo"
|
||||
description="Fragancias exclusivas que definen tu carácter. Descubre nuestra colección de equivalencia de alta gama en Terrassa."
|
||||
kpis={[
|
||||
{
|
||||
value: "+50",
|
||||
label: "Fragancias Exclusivas",
|
||||
},
|
||||
value: "+50", label: "Fragancias Exclusivas"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfacción Premium",
|
||||
},
|
||||
value: "100%", label: "Satisfacción Premium"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Elegancia Duradera",
|
||||
},
|
||||
value: "24h", label: "Elegancia Duradera"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Colección",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Colección", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-serum-product-presentation-with-gift-box-gold-accents_187299-47285.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-serum-product-presentation-with-gift-box-gold-accents_187299-47285.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-fantastical-light-lamp-design_23-2151101572.jpg",
|
||||
alt: "Luxury user 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-fantastical-light-lamp-design_23-2151101572.jpg", alt: "Luxury user 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420745.jpg",
|
||||
alt: "Luxury user 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420745.jpg", alt: "Luxury user 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg",
|
||||
alt: "Luxury user 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg", alt: "Luxury user 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alcohol-beautiful-bottle_176474-6024.jpg",
|
||||
alt: "Luxury user 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/alcohol-beautiful-bottle_176474-6024.jpg", alt: "Luxury user 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7604.jpg",
|
||||
alt: "Luxury user 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7604.jpg", alt: "Luxury user 5"},
|
||||
]}
|
||||
avatarText="Unidos por el aroma"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artesanía Local",
|
||||
},
|
||||
type: "text", text: "Artesanía Local"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Esencias Exclusivas",
|
||||
},
|
||||
type: "text", text: "Esencias Exclusivas"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diseño Minimalista",
|
||||
},
|
||||
type: "text", text: "Diseño Minimalista"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calidad Certificada",
|
||||
},
|
||||
type: "text", text: "Calidad Certificada"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Alta Perfumería",
|
||||
},
|
||||
type: "text", text: "Alta Perfumería"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,14 +98,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "El Arte de la Perfumería",
|
||||
},
|
||||
type: "text", content: "El Arte de la Perfumería"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7394.jpg",
|
||||
alt: "Luxury Workshop",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7394.jpg", alt: "Luxury Workshop"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,28 +112,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Calidad Premium",
|
||||
description: "Ingredientes seleccionados para una estela inolvidable.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-ornate-bottles_140725-1903.jpg",
|
||||
imageAlt: "A liquid in ornate bottles",
|
||||
title: "Calidad Premium", description: "Ingredientes seleccionados para una estela inolvidable.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Equivalencia Fiel",
|
||||
description: "El aroma que buscas, diseñado con precisión artesanal.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-serum-product-presentation-with-gift-box-gold-accents_187299-47285.jpg?_wi=2",
|
||||
imageAlt: "A liquid in ornate bottles",
|
||||
title: "Equivalencia Fiel", description: "El aroma que buscas, diseñado con precisión artesanal.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Exclusividad",
|
||||
description: "Ediciones limitadas solo para quienes buscan destacar.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7394.jpg",
|
||||
imageAlt: "A liquid in ornate bottles",
|
||||
title: "Exclusividad", description: "Ediciones limitadas solo para quienes buscan destacar.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Distinción Dubbara"
|
||||
@@ -191,41 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Élite Noir",
|
||||
price: "45€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg",
|
||||
},
|
||||
id: "1", name: "Élite Noir", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Aura Dorada",
|
||||
price: "45€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-bottle-still-life_23-2149234337.jpg",
|
||||
},
|
||||
id: "2", name: "Aura Dorada", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-bottle-still-life_23-2149234337.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Essence Mist",
|
||||
price: "45€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceremonial-wedding-candles-with-white-ribbons-engagement-ring-perfume-wooden-floor_8353-10520.jpg",
|
||||
},
|
||||
id: "3", name: "Essence Mist", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/ceremonial-wedding-candles-with-white-ribbons-engagement-ring-perfume-wooden-floor_8353-10520.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Velvet Touch",
|
||||
price: "45€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420721.jpg",
|
||||
},
|
||||
id: "4", name: "Velvet Touch", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420721.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Midnight Bloom",
|
||||
price: "45€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-parfume-gold-colored-designed-beautiful-formed-light-wall_140725-11655.jpg",
|
||||
},
|
||||
id: "5", name: "Midnight Bloom", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-parfume-gold-colored-designed-beautiful-formed-light-wall_140725-11655.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Royal Oud",
|
||||
price: "45€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-nail-polish_23-2147710588.jpg",
|
||||
},
|
||||
id: "6", name: "Royal Oud", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/dark-nail-polish_23-2147710588.jpg"},
|
||||
]}
|
||||
title="Colección Seleccionada"
|
||||
description="Sumérgete en nuestra selección de fragancias icónicas."
|
||||
@@ -240,25 +159,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.000+",
|
||||
title: "Frascos Entregados",
|
||||
description: "Satisfechos con Dubbara",
|
||||
icon: Package,
|
||||
id: "m1", value: "5.000+", title: "Frascos Entregados", description: "Satisfechos con Dubbara", icon: Package,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Fidelidad",
|
||||
description: "Vuelven por más",
|
||||
icon: Heart,
|
||||
id: "m2", value: "98%", title: "Fidelidad", description: "Vuelven por más", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Años de Pasión",
|
||||
description: "Expertos en perfumería",
|
||||
icon: Award,
|
||||
id: "m3", value: "15+", title: "Años de Pasión", description: "Expertos en perfumería", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Nuestros Números"
|
||||
@@ -273,45 +180,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_perfume",
|
||||
testimonial: "La calidad de las equivalencias de Dubbara es incomparable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29536.jpg",
|
||||
},
|
||||
id: "1", name: "Elena R.", handle: "@elena_perfume", testimonial: "La calidad de las equivalencias de Dubbara es incomparable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29536.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc G.",
|
||||
handle: "@marc_g",
|
||||
testimonial: "El regalo perfecto para cualquier ocasión. Atención exquisita.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-black-sits-windowsill-evening-with-glass-looking-away-through-glasses_197531-32087.jpg",
|
||||
},
|
||||
id: "2", name: "Marc G.", handle: "@marc_g", testimonial: "El regalo perfecto para cualquier ocasión. Atención exquisita.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-black-sits-windowsill-evening-with-glass-looking-away-through-glasses_197531-32087.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sara B.",
|
||||
handle: "@sara_b",
|
||||
testimonial: "Desde que descubrí Dubbara no uso otra marca.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-reading-indoors_23-2149548577.jpg",
|
||||
},
|
||||
id: "3", name: "Sara B.", handle: "@sara_b", testimonial: "Desde que descubrí Dubbara no uso otra marca.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-reading-indoors_23-2149548577.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Joan P.",
|
||||
handle: "@joan_p",
|
||||
testimonial: "Un descubrimiento increíble en Terrassa. Elegancia pura.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hat_23-2149213174.jpg",
|
||||
},
|
||||
id: "4", name: "Joan P.", handle: "@joan_p", testimonial: "Un descubrimiento increíble en Terrassa. Elegancia pura.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hat_23-2149213174.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marta V.",
|
||||
handle: "@marta_v",
|
||||
testimonial: "El servicio y la calidad de las fragancias son de 10.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-smoking-ecigarette_1303-22076.jpg",
|
||||
},
|
||||
id: "5", name: "Marta V.", handle: "@marta_v", testimonial: "El servicio y la calidad de las fragancias son de 10.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-smoking-ecigarette_1303-22076.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voces de Distinción"
|
||||
@@ -323,16 +205,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contacto"
|
||||
title="Descubre tu esencia"
|
||||
description="Visítanos en nuestra tienda de Terrassa o solicita asesoramiento personalizado."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pedir Cita",
|
||||
href: "mailto:info@dubbara.com",
|
||||
},
|
||||
text: "Pedir Cita", href: "mailto:info@dubbara.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -342,38 +221,25 @@ export default function LandingPage() {
|
||||
logoText="DUBBARA"
|
||||
columns={[
|
||||
{
|
||||
title: "Menú",
|
||||
items: [
|
||||
title: "Menú", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Colección",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Colección", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Terrassa, España",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terrassa, España", href: "#"},
|
||||
{
|
||||
label: "info@dubbara.com",
|
||||
href: "mailto:info@dubbara.com",
|
||||
},
|
||||
label: "info@dubbara.com", href: "mailto:info@dubbara.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user