Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 76d1181547 | |||
| e75ef8dd00 | |||
| 3f77d105b2 |
430
src/app/page.tsx
430
src/app/page.tsx
@@ -2,17 +2,17 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||||
import { Award, Package, Sparkles, Users } from "lucide-react";
|
import { Sparkles } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,323 +29,127 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Inicio", id: "#hero" },
|
||||||
name: "Inicio",
|
{ name: "Sobre Nosotros", id: "#about" },
|
||||||
id: "#hero",
|
{ name: "Nuestra Colección", id: "#products" },
|
||||||
},
|
{ name: "Contacto", id: "#contact" },
|
||||||
{
|
]}
|
||||||
name: "Sobre Nosotros",
|
brandName="La Puerta Rosa"
|
||||||
id: "#about",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
name: "Nuestra Colección",
|
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contacto",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="La Puerta Rosa"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlayTestimonial
|
<HeroOverlayTestimonial
|
||||||
title="Bienvenido a La Puerta Rosa"
|
title="Bienvenido a La Puerta Rosa"
|
||||||
description="Descubre un universo de elegancia, estilo y momentos únicos creados especialmente para ti."
|
description="Descubre un universo de elegancia, estilo y momentos únicos creados especialmente para ti."
|
||||||
testimonials={[
|
testimonials={[]}
|
||||||
{
|
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg?_wi=1"
|
||||||
name: "Ana García",
|
/>
|
||||||
handle: "@ana_g",
|
</div>
|
||||||
testimonial: "La atención al detalle es increíble. ¡Recomendado!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453354.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Sofía M.",
|
|
||||||
handle: "@sofi_m",
|
|
||||||
testimonial: "Mi lugar favorito para encontrar tesoros únicos.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-looking-sideways-thinking-something-gorgeous-young-dark-haired-caucasian-female-with-beautiful-features-having-deep-thoughts-look-posing-isolated-black-wall_343059-2954.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Lucía P.",
|
|
||||||
handle: "@luciap",
|
|
||||||
testimonial: "Calidad inigualable y una experiencia hermosa.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Elena R.",
|
|
||||||
handle: "@elena_r",
|
|
||||||
testimonial: "Un gusto exquisito en cada pieza seleccionada.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-dressed-floral-dress_158595-4780.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Carmen D.",
|
|
||||||
handle: "@carmen_d",
|
|
||||||
testimonial: "Servicio impecable y entrega rápida.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-lady-white-suit-holding-coffee-phone-charming-woman-linen-pants-beige-blouse-chatting-cellphone-drinking-tea_197531-27474.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg"
|
|
||||||
imageAlt="Boutique exterior"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg",
|
|
||||||
alt: "Ana García",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg",
|
|
||||||
alt: "Sofía M.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-unusual-shaped-glass-hourglass-vintage-lamp-blurred-background_169016-15724.jpg",
|
|
||||||
alt: "Lucía P.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-3422.jpg",
|
|
||||||
alt: "Elena R.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/women-with-shopping-bags-mock-up_23-2148312153.jpg",
|
|
||||||
alt: "Carmen D.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<TestimonialAboutCard
|
||||||
useInvertedBackground={false}
|
tag="Historia"
|
||||||
tag="Historia"
|
title="Nuestra Esencia"
|
||||||
title="Nuestra Esencia"
|
description="Nacimos de la pasión por la belleza y la curaduría de experiencias especiales para nuestro hogar y estilo de vida."
|
||||||
description="Nacimos de la pasión por la belleza y la curaduría de experiencias especiales para nuestro hogar y estilo de vida."
|
subdescription="Cada pieza en La Puerta Rosa es seleccionada con amor, garantizando exclusividad y un toque mágico en tu día a día."
|
||||||
subdescription="Cada pieza en La Puerta Rosa es seleccionada con amor, garantizando exclusividad y un toque mágico en tu día a día."
|
icon={Sparkles}
|
||||||
icon={Sparkles}
|
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg?_wi=1"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg"
|
mediaAnimation="slide-up"
|
||||||
mediaAnimation="slide-up"
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardThree
|
<FeatureCardThree
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[]}
|
||||||
{
|
title="Por qué elegirnos"
|
||||||
title: "Calidad Premium",
|
description="Nuestros pilares definen la calidad de cada una de nuestras propuestas."
|
||||||
description: "Materiales seleccionados con estándares de excelencia.",
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-unusual-shaped-glass-hourglass-vintage-lamp-blurred-background_169016-15724.jpg",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Diseño Exclusivo",
|
|
||||||
description: "Piezas únicas que no encontrarás en ningún otro sitio.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-3422.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Atención Personalizada",
|
|
||||||
description: "Te acompañamos en cada paso para elegir lo mejor para ti.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/women-with-shopping-bags-mock-up_23-2148312153.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Por qué elegirnos"
|
|
||||||
description="Nuestros pilares definen la calidad de cada una de nuestras propuestas."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[]}
|
||||||
{
|
title="Nuestros Productos"
|
||||||
id: "p1",
|
description="Explora nuestra selección cuidadosamente curada de productos de alta gama."
|
||||||
name: "Vela Artesanal",
|
/>
|
||||||
price: "25€",
|
</div>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/candle-with-shadow-emphasizing-minimal-elegance_24972-3025.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Jarrón Cerámica",
|
|
||||||
price: "45€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-japanese-bottle-cups-table_23-2149706079.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Set de Té",
|
|
||||||
price: "60€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59713.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Cojín Terciopelo",
|
|
||||||
price: "35€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sofa-pillow_74190-1206.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Lámpara Minimalista",
|
|
||||||
price: "120€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-white-wall_74190-3549.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Espejo Vintage",
|
|
||||||
price: "85€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-abstract-paint-texture_23-2151935057.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Nuestros Productos"
|
|
||||||
description="Explora nuestra selección cuidadosamente curada de productos de alta gama."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardOne
|
<MetricCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
gridVariant="uniform-all-items-equal"
|
||||||
gridVariant="uniform-all-items-equal"
|
metrics={[
|
||||||
useInvertedBackground={false}
|
{ id: "m1", value: "500+", description: "Clientes Felices" },
|
||||||
metrics={[
|
{ id: "m2", value: "1200", description: "Piezas Entregadas" },
|
||||||
{
|
{ id: "m3", value: "100%", description: "Satisfacción Garantizada" }
|
||||||
id: "m1",
|
]}
|
||||||
value: "500+",
|
title="Nuestra Trayectoria"
|
||||||
title: "Clientes Felices",
|
description="Cifras que demuestran nuestro compromiso con la excelencia."
|
||||||
description: "La mayor recompensa de nuestro esfuerzo diario.",
|
textboxLayout="default"
|
||||||
icon: Users,
|
useInvertedBackground={false}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
id: "m2",
|
|
||||||
value: "1200",
|
|
||||||
title: "Piezas Entregadas",
|
|
||||||
description: "Cada envío lleva una parte de nuestra ilusión.",
|
|
||||||
icon: Package,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "100%",
|
|
||||||
title: "Satisfacción",
|
|
||||||
description: "Nuestro compromiso innegociable con la calidad.",
|
|
||||||
icon: Award,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Nuestra Trayectoria"
|
|
||||||
description="Cifras que demuestran nuestro compromiso con la excelencia."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
useInvertedBackground={false}
|
testimonial="Comprar en La Puerta Rosa ha sido la mejor decisión para renovar mi hogar. ¡Todo es precioso!"
|
||||||
testimonial="Comprar en La Puerta Rosa ha sido la mejor decisión para renovar mi hogar. ¡Todo es precioso!"
|
rating={5}
|
||||||
rating={5}
|
author="María Jiménez"
|
||||||
author="María Jiménez"
|
avatars={[]}
|
||||||
avatars={[
|
ratingAnimation="slide-up"
|
||||||
{
|
avatarsAnimation="slide-up"
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-raising-left-arm-touching-her-chin-with-finger-while-thinking-about-something-fashion-concept_132075-10070.jpg",
|
useInvertedBackground={false}
|
||||||
alt: "Client 1",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-adult-woman-talking-phone_23-2148660692.jpg",
|
|
||||||
alt: "Client 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-sitting-with-bags_23-2147652112.jpg",
|
|
||||||
alt: "Client 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-young-women-taking-selfie_23-2148385645.jpg",
|
|
||||||
alt: "Client 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/adult-woman-checking-shopping-bags_23-2148660667.jpg",
|
|
||||||
alt: "Client 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitMedia
|
||||||
useInvertedBackground={false}
|
faqs={[
|
||||||
faqs={[
|
{ id: "f1", title: "¿Cómo realizar una reserva?", content: "Puedes reservar a través de nuestro formulario de contacto." },
|
||||||
{
|
{ id: "f2", title: "¿Horarios de atención?", content: "Estamos abiertos de lunes a domingo de 10:00 a 22:00." },
|
||||||
id: "f1",
|
{ id: "f3", title: "¿Tienen espacios privados?", content: "Sí, contamos con áreas exclusivas para grupos pequeños." },
|
||||||
title: "¿Tienen envíos internacionales?",
|
]}
|
||||||
content: "Sí, realizamos envíos a todo el mundo con seguimiento seguro.",
|
title="Preguntas Frecuentes"
|
||||||
},
|
description="Resolvemos tus dudas sobre reservas y experiencias."
|
||||||
{
|
faqsAnimation="slide-up"
|
||||||
id: "f2",
|
mediaPosition="right"
|
||||||
title: "¿Puedo devolver un producto?",
|
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg?_wi=2"
|
||||||
content: "Ofrecemos 30 días para cambios y devoluciones sin complicaciones.",
|
textboxLayout="default"
|
||||||
},
|
useInvertedBackground={false}
|
||||||
{
|
/>
|
||||||
id: "f3",
|
</div>
|
||||||
title: "¿Cómo contacto con atención al cliente?",
|
|
||||||
content: "Puedes escribirnos directamente a nuestro WhatsApp o correo electrónico.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
sideTitle="Preguntas Frecuentes"
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
tag="Contacto"
|
||||||
background={{
|
title="Reserva tu Mesa"
|
||||||
variant: "gradient-bars",
|
description="Contáctanos hoy mismo para asegurar tu lugar o solicitar más información."
|
||||||
}}
|
background={{ variant: "gradient-bars" }}
|
||||||
tag="Contáctanos"
|
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg?_wi=2"
|
||||||
title="Conectemos"
|
useInvertedBackground={false}
|
||||||
description="Suscríbete para recibir noticias exclusivas y novedades de nuestra colección."
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoReveal
|
||||||
columns={[
|
logoText="La Puerta Rosa"
|
||||||
{
|
leftLink={{ text: "Inicio", href: "#hero" }}
|
||||||
items: [
|
rightLink={{ text: "Contacto", href: "#contact" }}
|
||||||
{
|
/>
|
||||||
label: "Inicio",
|
</div>
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Sobre Nosotros",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Productos",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contacto",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="La Puerta Rosa"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user