Merge version_1 into main #2
400
src/app/page.tsx
400
src/app/page.tsx
@@ -16,289 +16,139 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Bredo Coffee"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Menú", id: "features" },
|
||||
{ name: "Opiniones", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" }
|
||||
]}
|
||||
brandName="Bredo Coffee"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="La taza perfecta te espera en Rosarito"
|
||||
description="Cafetería de especialidad donde la pasión por el café se encuentra con el toque artesanal. Disfruta de nuestra repostería de alta calidad y una vibra inigualable. #INEEDCOFFEEBUTFIRSTGOD"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana García",
|
||||
handle: "@anagarcia",
|
||||
testimonial: "Excelente lugar, buen café y un ambiente muy agradable",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Luis Pérez",
|
||||
handle: "@luisperez",
|
||||
testimonial: "Me encanta este cafecito, es muy rico y su personal muy amable!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3908.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Maria Lopez",
|
||||
handle: "@marialopez",
|
||||
testimonial: "Amazing coffee and great vibes with friendly service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Javier Ruiz",
|
||||
handle: "@javierruiz",
|
||||
testimonial: "Un lugar muy acogedor y el café está delicioso.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sofía Torres",
|
||||
handle: "@sofiatorres",
|
||||
testimonial: "El mejor matcha de Rosarito, sin duda alguna.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-holding-coffee-cup-boarding-pass-waiting-flight-travel-by-airplane_1150-6473.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3908.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Más de 500 clientes felices"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Café de Especialidad",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Repostería Artesanal",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Familiar",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Productos Locales",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención Personalizada",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="La taza perfecta te espera en Rosarito"
|
||||
description="Cafetería de especialidad donde la pasión por el café se encuentra con el toque artesanal. Disfruta de nuestra repostería de alta calidad y una vibra inigualable. #INEEDCOFFEEBUTFIRSTGOD"
|
||||
testimonials={[
|
||||
{ name: "Ana García", handle: "@anagarcia", testimonial: "Excelente lugar, buen café y un ambiente muy agradable", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg" },
|
||||
{ name: "Luis Pérez", handle: "@luisperez", testimonial: "Me encanta este cafecito, es muy rico y su personal muy amable!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3908.jpg" },
|
||||
{ name: "Maria Lopez", handle: "@marialopez", testimonial: "Amazing coffee and great vibes with friendly service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg" },
|
||||
{ name: "Javier Ruiz", handle: "@javierruiz", testimonial: "Un lugar muy acogedor y el café está delicioso.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg" },
|
||||
{ name: "Sofía Torres", handle: "@sofiatorres", testimonial: "El mejor matcha de Rosarito, sin duda alguna.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-holding-coffee-cup-boarding-pass-waiting-flight-travel-by-airplane_1150-6473.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3908.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg", alt: "Customer" }
|
||||
]}
|
||||
avatarText="Más de 500 clientes felices"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Café de Especialidad" },
|
||||
{ type: "text", text: "Repostería Artesanal" },
|
||||
{ type: "text", text: "Ambiente Familiar" },
|
||||
{ type: "text", text: "Productos Locales" },
|
||||
{ type: "text", text: "Atención Personalizada" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Nuestra Pasión es ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/buns-spoon-powder_23-2147742724.jpg",
|
||||
alt: "Coffee Shop Interior",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Servirte con Calidad Artesanal",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Nuestra Pasión es " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/buns-spoon-powder_23-2147742724.jpg", alt: "Coffee Shop Interior" },
|
||||
{ type: "text", content: " Servirte con Calidad Artesanal" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Taro Latte",
|
||||
description: "Una bebida suave y cremosa, perfecta para cualquier momento del día.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Matcha Premium",
|
||||
description: "Té verde auténtico con la mejor calidad en cada sorbo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "California Sunset Brew",
|
||||
description: "Nuestra mezcla especial inspirada en los atardeceres de Rosarito.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Destacados de Nuestro Menú"
|
||||
description="Explora nuestras bebidas de éxito, preparadas con granos de especialidad y amor."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Taro Latte", description: "Una bebida suave y cremosa, perfecta para cualquier momento del día.", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg" },
|
||||
{ id: 2, title: "Matcha Premium", description: "Té verde auténtico con la mejor calidad en cada sorbo.", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg" },
|
||||
{ id: 3, title: "California Sunset Brew", description: "Nuestra mezcla especial inspirada en los atardeceres de Rosarito.", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg" }
|
||||
]}
|
||||
title="Destacados de Nuestro Menú"
|
||||
description="Explora nuestras bebidas de éxito, preparadas con granos de especialidad y amor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana García",
|
||||
handle: "@anagarcia",
|
||||
testimonial: "Excelente lugar, buen café y un ambiente muy agradable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Luis Pérez",
|
||||
handle: "@luisperez",
|
||||
testimonial: "Me encanta este cafecito, es muy rico y su personal muy amable!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3908.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Lopez",
|
||||
handle: "@marialopez",
|
||||
testimonial: "Amazing coffee and great vibes with friendly service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Javier Ruiz",
|
||||
handle: "@javierruiz",
|
||||
testimonial: "Ambiente increíble y personal muy atento.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Carlos Ruiz",
|
||||
handle: "@carlosruiz",
|
||||
testimonial: "El lugar perfecto para trabajar y disfrutar un buen café.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3908.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Gracias por ser parte de nuestra comunidad de amantes del buen café."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ana García", handle: "@anagarcia", testimonial: "Excelente lugar, buen café y un ambiente muy agradable", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg" },
|
||||
{ id: "t2", name: "Luis Pérez", handle: "@luisperez", testimonial: "Me encanta este cafecito, es muy rico y su personal muy amable!", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3908.jpg" },
|
||||
{ id: "t3", name: "Maria Lopez", handle: "@marialopez", testimonial: "Amazing coffee and great vibes with friendly service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg" },
|
||||
{ id: "t4", name: "Javier Ruiz", handle: "@javierruiz", testimonial: "Ambiente increíble y personal muy atento.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg" },
|
||||
{ id: "t5", name: "Carlos Ruiz", handle: "@carlosruiz", testimonial: "El lugar perfecto para trabajar y disfrutar un buen café.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3908.jpg" }
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Gracias por ser parte de nuestra comunidad de amantes del buen café."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="¡Contáctanos!"
|
||||
description="Estamos aquí para resolver tus dudas o tomar tus pedidos especiales."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/buns-spoon-powder_23-2147742724.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu correo",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tu mensaje",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="¡Contáctanos!"
|
||||
description="Estamos aquí para resolver tus dudas o tomar tus pedidos especiales."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/buns-spoon-powder_23-2147742724.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Tu nombre", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Tu correo", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tu mensaje", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13096.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Visítanos",
|
||||
items: [
|
||||
{
|
||||
label: "C. Gral. Federico Montes NI-VD, Amp Reforma, Playas de Rosarito",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tel: 669 122 0327",
|
||||
href: "tel:6691220327",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Horarios",
|
||||
items: [
|
||||
{
|
||||
label: "Martes a Domingo: 9 a.m. - 6 p.m.",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Lunes: Cerrado",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="BREDO COFFEE"
|
||||
copyrightText="© 2025 Bredo Coffee Rosarito"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13096.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Visítanos", items: [
|
||||
{ label: "C. Gral. Federico Montes NI-VD, Amp Reforma, Playas de Rosarito", href: "#" },
|
||||
{ label: "Tel: 669 122 0327", href: "tel:6691220327" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Horarios", items: [
|
||||
{ label: "Martes a Domingo: 9 a.m. - 6 p.m.", href: "#" },
|
||||
{ label: "Lunes: Cerrado", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="BREDO COFFEE"
|
||||
copyrightText="© 2025 Bredo Coffee Rosarito"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user