Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f455c425b0 | |||
| 6defe2f11c | |||
| 38f9800fb6 | |||
| 3558b5ebc1 | |||
| 76d1181547 | |||
| 3ea83abb95 | |||
| e75ef8dd00 | |||
| 0bae21b1d4 | |||
| 3f77d105b2 |
431
src/app/page.tsx
431
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
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 MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Package, Sparkles, Users } from "lucide-react";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,323 +29,128 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Nuestra Colección",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="La Puerta Rosa"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "#hero" },
|
||||
{ name: "Sobre Nosotros", id: "#about" },
|
||||
{ name: "Nuestra Colección", id: "#products" },
|
||||
{ name: "Contacto", id: "#contact" },
|
||||
]}
|
||||
brandName="La Puerta Rosa"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Bienvenido a La Puerta Rosa"
|
||||
description="Descubre un universo de elegancia, estilo y momentos únicos creados especialmente para ti."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana García",
|
||||
handle: "@ana_g",
|
||||
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="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Bienvenido a La Puerta Rosa"
|
||||
description="Disfruta de una experiencia gastronómica familiar en el corazón de El Edén Mall, Bogotá. Cra. 71D #12c-60."
|
||||
buttons={[{ text: "Explora nuestra colección", href: "#products" }]}
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Historia"
|
||||
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."
|
||||
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}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Nuestra Identidad"
|
||||
title="Restaurante Familiar La Puerta Rosa"
|
||||
description="Un espacio pensado para las familias en el Mall El Edén. Combinamos pasión por el detalle con una cocina acogedora y cálida."
|
||||
subdescription="Ubicados en Cra. 71D #12c-60, Bogotá, nos esforzamos por crear momentos inolvidables en cada plato y en cada visita."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Calidad Premium",
|
||||
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",
|
||||
},
|
||||
{
|
||||
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="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[]}
|
||||
title="¿Por qué visitarnos?"
|
||||
description="Calidad, sabor y un ambiente diseñado para toda la familia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vela Artesanal",
|
||||
price: "25€",
|
||||
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="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[]}
|
||||
title="Menú y Especialidades"
|
||||
description="Explora nuestra propuesta gastronómica ideal para compartir con tus seres queridos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Clientes Felices",
|
||||
description: "La mayor recompensa de nuestro esfuerzo diario.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
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="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", description: "Ambiente Familiar" },
|
||||
{ id: "m2", value: "Cra 71D", description: "Ubicación Privilegiada" },
|
||||
{ id: "m3", value: "El Edén", description: "Corazón de Bogotá" }
|
||||
]}
|
||||
title="La Puerta Rosa en Cifras"
|
||||
description="Cifras que confirman nuestra pasión por servirte bien."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Comprar en La Puerta Rosa ha sido la mejor decisión para renovar mi hogar. ¡Todo es precioso!"
|
||||
rating={5}
|
||||
author="María Jiménez"
|
||||
avatars={[
|
||||
{
|
||||
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",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="El lugar perfecto para un domingo en familia en El Edén. La atención es impecable."
|
||||
rating={5}
|
||||
author="Familia Rodríguez"
|
||||
avatars={[]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Tienen envíos internacionales?",
|
||||
content: "Sí, realizamos envíos a todo el mundo con seguimiento seguro.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Puedo devolver un producto?",
|
||||
content: "Ofrecemos 30 días para cambios y devoluciones sin complicaciones.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
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="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{ id: "f1", title: "¿Cómo realizar una reserva?", content: "Puedes reservar a través de nuestro formulario de contacto o llamándonos." },
|
||||
{ id: "f2", title: "¿Horarios de atención?", content: "Lunes a domingo de 10:00 a 22:00 en Mall El Edén." },
|
||||
{ id: "f3", title: "¿Aceptan eventos familiares?", content: "Sí, contamos con espacios para celebrar ocasiones especiales." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos tus dudas sobre nuestra experiencia familiar."
|
||||
faqsAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg?_wi=2"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contáctanos"
|
||||
title="Conectemos"
|
||||
description="Suscríbete para recibir noticias exclusivas y novedades de nuestra colección."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contacto"
|
||||
title="Visítanos en El Edén"
|
||||
description="Estamos en Cra. 71D #12c-60, Bogotá. Reserva tu mesa hoy mismo."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg?_wi=2"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Productos",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="La Puerta Rosa"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="La Puerta Rosa"
|
||||
leftLink={{ text: "Inicio", href: "#hero" }}
|
||||
rightLink={{ text: "Contacto", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user