Update src/app/page.tsx
This commit is contained in:
351
src/app/page.tsx
351
src/app/page.tsx
@@ -25,260 +25,115 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nuestra Cocina",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Carta",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="El Rincón de Cintia"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nuestra Cocina", id: "about" },
|
||||
{ name: "Carta", id: "menu" },
|
||||
{ name: "Opiniones", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="El Rincón de Cintia"
|
||||
button={{ text: "Reserve", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Cocina de barrio con alma propia"
|
||||
description="Where neighborhood warmth meets authentic Spanish cooking—trusted by locals, celebrated by guests. Proven excellence: 48★ across 30 reviews."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Ver Carta",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg",
|
||||
imageAlt: "Authentic atmosphere",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg",
|
||||
imageAlt: "Traditional cuisine",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-plate-cupcake-customer_1170-658.jpg",
|
||||
imageAlt: "Fresh ingredients",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg",
|
||||
imageAlt: "Warm hospitality",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table-high-angle_23-2150168155.jpg",
|
||||
imageAlt: "Cozy setting",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-carrots-bowl-vegetables-towel-blue_114579-37003.jpg",
|
||||
imageAlt: "Gourmet plating",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Cocina de barrio con alma propia"
|
||||
description="Where neighborhood warmth meets authentic Spanish cooking—trusted by locals, celebrated by guests. Proven excellence: 48★ across 30 reviews."
|
||||
buttons={[
|
||||
{ text: "Reserve Your Table", href: "#contact" },
|
||||
{ text: "Ver Carta", href: "#menu" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg", imageAlt: "Authentic atmosphere" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg", imageAlt: "Traditional cuisine" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-plate-cupcake-customer_1170-658.jpg", imageAlt: "Fresh ingredients" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg", imageAlt: "Warm hospitality" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table-high-angle_23-2150168155.jpg", imageAlt: "Cozy setting" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/sliced-carrots-bowl-vegetables-towel-blue_114579-37003.jpg", imageAlt: "Gourmet plating" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Authenticity in Every Bite"
|
||||
description="At El Rincón de Cintia, we believe that the best meals happen in the heart of the neighborhood. Our kitchen focuses on tradition, fresh seasonal ingredients, and the simple joy of sharing authentic Spanish flavors with our community."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Tradition",
|
||||
description: "Time-honored recipes passed down through generations.",
|
||||
},
|
||||
{
|
||||
title: "Local Ingredients",
|
||||
description: "Sourcing directly from our neighborhood suppliers.",
|
||||
},
|
||||
{
|
||||
title: "Hospitality",
|
||||
description: "A warm welcome every time you walk through our doors.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-seafood-table_23-2149410755.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Authenticity in Every Bite"
|
||||
description="At El Rincón de Cintia, we believe that the best meals happen in the heart of the neighborhood. Our kitchen focuses on tradition, fresh seasonal ingredients, and the simple joy of sharing authentic Spanish flavors with our community."
|
||||
bulletPoints={[
|
||||
{ title: "Tradition", description: "Time-honored recipes passed down through generations." },
|
||||
{ title: "Local Ingredients", description: "Sourcing directly from our neighborhood suppliers." },
|
||||
{ title: "Hospitality", description: "A warm welcome every time you walk through our doors." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-seafood-table_23-2149410755.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tapas Tradicionales",
|
||||
price: "€6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-oil-greens-black_140725-104163.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pescado del Día",
|
||||
price: "€18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-bright-colorful-eatable-bouquets-seasonable-fruits-vegetables-original-compositions_549566-326.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Selección de Vinos",
|
||||
price: "€5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Postre de la Casa",
|
||||
price: "€7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-peach-blueberry-tart_23-2147920846.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vegetales de Temporada",
|
||||
price: "€9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-zucchini-rolls-with-cream-cheese-greens-tomato-table_141793-3815.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Carne a la Brasa",
|
||||
price: "€20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-vegetables-wooden-background_1220-4232.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestra Carta"
|
||||
description="Explore our selection of traditional and contemporary dishes crafted with love."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Tapas Tradicionales", price: "€6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-oil-greens-black_140725-104163.jpg" },
|
||||
{ id: "2", name: "Pescado del Día", price: "€18", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-bright-colorful-eatable-bouquets-seasonable-fruits-vegetables-original-compositions_549566-326.jpg" },
|
||||
{ id: "3", name: "Selección de Vinos", price: "€5", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg" },
|
||||
{ id: "4", name: "Postre de la Casa", price: "€7", imageSrc: "http://img.b2bpic.net/free-photo/homemade-peach-blueberry-tart_23-2147920846.jpg" },
|
||||
{ id: "5", name: "Vegetales de Temporada", price: "€9", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-zucchini-rolls-with-cream-cheese-greens-tomato-table_141793-3815.jpg" },
|
||||
{ id: "6", name: "Carne a la Brasa", price: "€20", imageSrc: "http://img.b2bpic.net/free-photo/different-vegetables-wooden-background_1220-4232.jpg" },
|
||||
]}
|
||||
title="Nuestra Carta"
|
||||
description="Explore our selection of traditional and contemporary dishes crafted with love."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena M.",
|
||||
role: "Neighbor",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Javier R.",
|
||||
role: "Foodie",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562545.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofía G.",
|
||||
role: "Visitor",
|
||||
company: "Travel Blog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-delicious-food_23-2149073429.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcos P.",
|
||||
role: "Regular",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucía D.",
|
||||
role: "Neighbor",
|
||||
company: "Community Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Locals Say"
|
||||
description="Don't just take our word for it—join our satisfied community of neighborhood food lovers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena M.", role: "Neighbor", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
|
||||
{ id: "2", name: "Javier R.", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562545.jpg" },
|
||||
{ id: "3", name: "Sofía G.", role: "Visitor", company: "Travel Blog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-delicious-food_23-2149073429.jpg" },
|
||||
{ id: "4", name: "Marcos P.", role: "Regular", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg" },
|
||||
{ id: "5", name: "Lucía D.", role: "Neighbor", company: "Community Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg" },
|
||||
]}
|
||||
title="What Our Locals Say"
|
||||
description="Don't just take our word for it—join our satisfied community of neighborhood food lovers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Reserve"
|
||||
title="Secure Your Table"
|
||||
description="Ready for an authentic dining experience? Reserve your table now or join our newsletter for special updates."
|
||||
inputPlaceholder="Enter your email for reservation updates"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Reserve"
|
||||
title="Secure Your Table"
|
||||
description="Ready for an authentic dining experience? Reserve your table now or join our newsletter for special updates."
|
||||
inputPlaceholder="Enter your email for reservation updates"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg"
|
||||
logoText="El Rincón de Cintia"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Tapas",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Main Dishes",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg"
|
||||
logoText="El Rincón de Cintia"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Tapas", href: "#menu" }, { label: "Main Dishes", href: "#menu" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user