bender/7a52cc3a-d239-45c2-8b02-e4b44a2584b9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-20 18:39:46 +00:00
parent 100495262c
commit a4e1c58d90
1 changed files with 157 additions and 366 deletions
Download Patch File Download Diff File Expand all files Collapse all files

523
src/app/page.tsx
View File

@@ -28,380 +28,171 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Sobre nosotros",
id: "about",
},
{
name: "Menú",
id: "menu",
},
{
name: "Opiniones",
id: "testimonials",
},
{
name: "Contacto",
id: "location",
},
]}
brandName="Pad Thai Sant Cugat"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Sobre nosotros", id: "about" },
{ name: "Menú", id: "menu" },
{ name: "Opiniones", id: "testimonials" },
{ name: "Contacto", id: "location" },
]}
brandName="Pad Thai Sant Cugat"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="PAD THAI SANT CUGAT"
description="Auténtica cocina tailandesa en el corazón de Sant Cugat. Una experiencia gastronómica íntima y vibrante."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-food_23-2148896948.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-soaked-fish-sauce-thai-food_1150-22764.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-vegetable-salad-inside-plate-dark-grey-background_140725-58413.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/padthai-shrimp-black-bowl-with-eggs-seasoning-wooden-table_1150-21105.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-fresh-shrimp-pan_1150-22366.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-leaf-dolma-with-seasonings-white-surface_140725-75168.jpg",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/noodles-spicy-wooden-tray-with-ingredients-black-cement-surface_1150-19788.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/spicy-papaya-salad_1203-3541.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chef-holds-two-frying-pans-with-burning-fire_140725-4961.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cook-is-fry-vegetables-with-spices-sauce-wok-flame-cooking-process-asian-restaurant_613910-5938.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cook-folding-vegetables-frying-pan_23-2148253440.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fish-salad-with-lime-chili-lemongrass-onions-red-onions-parsley-kaffir-lime-leaves-plate_1150-27120.jpg",
},
]}
buttons={[
{
text: "Ver carta",
href: "#menu",
},
{
text: "Reservar mesa",
href: "#location",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
alt: "Diner portrait",
},
{
src: "http://img.b2bpic.net/free-photo/indoor-shot-pleased-adorable-dark-skinned-african-american-female-sits-comfortable-couch-holds-soft-cushion_273609-3094.jpg",
alt: "Diner portrait",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67527.jpg",
alt: "Diner portrait",
},
{
src: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg",
alt: "Diner portrait",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2148899052.jpg",
alt: "Diner portrait",
},
]}
avatarText="Más de 500 clientes satisfechos este mes"
marqueeItems={[
{
type: "text",
text: "Auténtico Pad Thai",
},
{
type: "text",
text: "Ingredientes Frescos",
},
{
type: "text",
text: "Cocina Tradicional",
},
{
type: "text",
text: "Ambiente Familiar",
},
{
type: "text",
text: "Sabor de Bangkok",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="PAD THAI SANT CUGAT"
description="Auténtica cocina tailandesa en el corazón de Sant Cugat. Una experiencia gastronómica íntima y vibrante."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-food_23-2148896948.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-soaked-fish-sauce-thai-food_1150-22764.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-vegetable-salad-inside-plate-dark-grey-background_140725-58413.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/padthai-shrimp-black-bowl-with-eggs-seasoning-wooden-table_1150-21105.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-fresh-shrimp-pan_1150-22366.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-leaf-dolma-with-seasonings-white-surface_140725-75168.jpg" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/noodles-spicy-wooden-tray-with-ingredients-black-cement-surface_1150-19788.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/spicy-papaya-salad_1203-3541.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-holds-two-frying-pans-with-burning-fire_140725-4961.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cook-is-fry-vegetables-with-spices-sauce-wok-flame-cooking-process-asian-restaurant_613910-5938.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cook-folding-vegetables-frying-pan_23-2148253440.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fish-salad-with-lime-chili-lemongrass-onions-red-onions-parsley-kaffir-lime-leaves-plate_1150-27120.jpg" },
]}
buttons={[
{ text: "Ver carta", href: "#menu" },
{ text: "Reservar mesa", href: "#location" },
]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg", alt: "Diner portrait" },
{ src: "http://img.b2bpic.net/free-photo/indoor-shot-pleased-adorable-dark-skinned-african-american-female-sits-comfortable-couch-holds-soft-cushion_273609-3094.jpg", alt: "Diner portrait" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67527.jpg", alt: "Diner portrait" },
{ src: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg", alt: "Diner portrait" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2148899052.jpg", alt: "Diner portrait" },
]}
avatarText="Más de 500 clientes satisfechos este mes"
marqueeItems={[
{ type: "text", text: "Auténtico Pad Thai" },
{ type: "text", text: "Ingredientes Frescos" },
{ type: "text", text: "Cocina Tradicional" },
{ type: "text", text: "Ambiente Familiar" },
{ type: "text", text: "Sabor de Bangkok" },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="El alma de Tailandia"
description="En Pad Thai Sant Cugat, transformamos ingredientes frescos en experiencias inolvidables. Nuestro restaurante, pequeño y acogedor, está liderado por mujeres apasionadas por la tradición y el sabor auténtico de Bangkok."
bulletPoints={[
{
title: "Tradición Auténtica",
description: "Recetas heredadas con sabores reales.",
},
{
title: "Espacio Íntimo",
description: "Un rincón acogedor para disfrutar en calma.",
},
{
title: "Servicio Cercano",
description: "Atención personalizada con alma tailandesa.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant-sitting-table-with-juice-salad_627829-2013.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="El alma de Tailandia"
description="En Pad Thai Sant Cugat, transformamos ingredientes frescos en experiencias inolvidables. Nuestro restaurante, pequeño y acogedor, está liderado por mujeres apasionadas por la tradición y el sabor auténtico de Bangkok."
bulletPoints={[
{ title: "Tradición Auténtica", description: "Recetas heredadas con sabores reales." },
{ title: "Espacio Íntimo", description: "Un rincón acogedor para disfrutar en calma." },
{ title: "Servicio Cercano", description: "Atención personalizada con alma tailandesa." },
]}
imageSrc="http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant-sitting-table-with-juice-salad_627829-2013.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Pad Thai Shrimp",
price: "14.50 €",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23926.jpg",
},
{
id: "p2",
name: "Curry Rojo",
price: "13.90 €",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-asian-food-plate_23-2148771224.jpg",
},
{
id: "p3",
name: "Curry Verde",
price: "13.90 €",
imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-fresh-shrimp-white-plate_1150-22374.jpg",
},
{
id: "p4",
name: "Kai Sate",
price: "9.50 €",
imageSrc: "http://img.b2bpic.net/free-photo/green-curry-bowl-spices-wooden-table_1150-21347.jpg",
},
{
id: "p5",
name: "Noodles Picantes",
price: "12.50 €",
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-paste-stick_1339-6837.jpg",
},
{
id: "p6",
name: "Popiah Sod",
price: "8.90 €",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plate-with-shrimps-skewers_23-2148632634.jpg",
},
]}
title="Nuestros Especiales"
description="Platos seleccionados por nuestra cocina para transportarte directamente a las calles de Tailandia."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Pad Thai Shrimp", price: "14.50 €", imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23926.jpg" },
{ id: "p2", name: "Curry Rojo", price: "13.90 €", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-asian-food-plate_23-2148771224.jpg" },
{ id: "p3", name: "Curry Verde", price: "13.90 €", imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-fresh-shrimp-white-plate_1150-22374.jpg" },
{ id: "p4", name: "Kai Sate", price: "9.50 €", imageSrc: "http://img.b2bpic.net/free-photo/green-curry-bowl-spices-wooden-table_1150-21347.jpg" },
{ id: "p5", name: "Noodles Picantes", price: "12.50 €", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-paste-stick_1339-6837.jpg" },
{ id: "p6", name: "Popiah Sod", price: "8.90 €", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plate-with-shrimps-skewers_23-2148632634.jpg" },
]}
title="Nuestros Especiales"
description="Platos seleccionados por nuestra cocina para transportarte directamente a las calles de Tailandia."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardTwentyNine
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
features={[
{
title: "Ambiente íntimo",
description: "Diseño acogedor.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-numbers-table_140725-803.jpg",
buttonText: "Reservar",
},
{
title: "Sabores reales",
description: "Frescura garantizada.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-chinese-new-year-reunion-dinner-table-arrangement_23-2151072495.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg",
buttonText: "Pedir",
},
{
title: "Servicio excepcional",
description: "Cuidado en detalle.",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-cup-black-tea_140725-3381.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/organized-table-with-cushions-around_1122-1388.jpg",
buttonText: "Contacto",
},
]}
title="Experiencia Gastronómica"
description="El ambiente perfecto para disfrutar con los sentidos."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardTwentyNine
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
animationType="slide-up"
features={[
{
title: "Ambiente íntimo", description: "Diseño acogedor.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-numbers-table_140725-803.jpg", buttonText: "Reservar"},
{
title: "Sabores reales", description: "Frescura garantizada.", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-chinese-new-year-reunion-dinner-table-arrangement_23-2151072495.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg", buttonText: "Pedir"},
{
title: "Servicio excepcional", description: "Cuidado en detalle.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-cup-black-tea_140725-3381.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/organized-table-with-cushions-around_1122-1388.jpg", buttonText: "Contacto"},
]}
title="Experiencia Gastronómica"
description="El ambiente perfecto para disfrutar con los sentidos."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Laura G.",
handle: "@laurag",
testimonial: "Comida tailandesa de verdad. Increíble sabor.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg",
},
{
id: "t2",
name: "Marc P.",
handle: "@marcp",
testimonial: "Todo lo hacen exquisito. Repetiremos siempre.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-enjoying-croissant_1170-631.jpg",
},
{
id: "t3",
name: "Elena R.",
handle: "@elenar",
testimonial: "Lugar pequeño y acogedor, me encanta.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491811.jpg",
},
{
id: "t4",
name: "Jordi V.",
handle: "@jordiv",
testimonial: "Servicio excelente y muy amable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4453.jpg",
},
{
id: "t5",
name: "Sara B.",
handle: "@sarab",
testimonial: "La mejor opción tailandesa en Sant Cugat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-influencer-recording-nutrition-food_23-2148135481.jpg",
},
]}
showRating={true}
title="Lo que dicen nuestros clientes"
description="⭐ 4.7 / 5 basado en +600 reseñas"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
showRating={true}
testimonials={[
{ id: "t1", name: "Laura G.", handle: "@laurag", testimonial: "Comida tailandesa de verdad. Increíble sabor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg" },
{ id: "t2", name: "Marc P.", handle: "@marcp", testimonial: "Todo lo hacen exquisito. Repetiremos siempre.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-enjoying-croissant_1170-631.jpg" },
{ id: "t3", name: "Elena R.", handle: "@elenar", testimonial: "Lugar pequeño y acogedor, me encanta.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491811.jpg" },
{ id: "t4", name: "Jordi V.", handle: "@jordiv", testimonial: "Servicio excelente y muy amable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4453.jpg" },
{ id: "t5", name: "Sara B.", handle: "@sarab", testimonial: "La mejor opción tailandesa en Sant Cugat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-influencer-recording-nutrition-food_23-2148135481.jpg" },
]}
title="Lo que dicen nuestros clientes"
description="⭐ 4.7 / 5 basado en +600 reseñas"
/>
</div>
<div id="services" data-section="services">
<MetricCardOne
animationType="scale-rotate"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "Local",
title: "Comer allí",
description: "Ambiente íntimo.",
icon: Utensils,
},
{
id: "m2",
value: "Takeaway",
title: "Para llevar",
description: "Sabores al instante.",
icon: ShoppingBag,
},
{
id: "m3",
value: "Delivery",
title: "A domicilio",
description: "Llegamos a tu casa.",
icon: Star,
},
]}
title="Nuestros Servicios"
description="Disfruta cómo tú quieras."
/>
</div>
<div id="services" data-section="services">
<MetricCardOne
animationType="scale-rotate"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "Local", title: "Comer allí", description: "Ambiente íntimo.", icon: Utensils },
{ id: "m2", value: "Takeaway", title: "Para llevar", description: "Sabores al instante.", icon: ShoppingBag },
{ id: "m3", value: "Delivery", title: "A domicilio", description: "Llegamos a tu casa.", icon: Star },
]}
title="Nuestros Servicios"
description="Disfruta cómo tú quieras."
/>
</div>
<div id="location" data-section="location">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contacto"
title="Visítanos en Sant Cugat"
description="Carrer de Viñolas, 7, Sant Cugat. Abierto hasta las 22:30. Precio medio 20-30€ por persona. Teléfono: 682 52 90 35."
/>
</div>
<div id="location" data-section="location">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contacto"
title="Visítanos en Sant Cugat"
description="Carrer de Viñolas, 7, Sant Cugat. Abierto hasta las 22:30. Precio medio 20-30€ por persona. Teléfono: 682 52 90 35."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Horarios",
items: [
{
label: "Abierto hasta 22:30",
href: "#",
},
{
label: "Cerrado 22-28 Dic",
href: "#",
},
],
},
{
title: "Contacto",
items: [
{
label: "682 52 90 35",
href: "tel:682529035",
},
{
label: "Instagram",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Pad Thai Sant Cugat"
bottomRightText="Hecho con ❤ por Pad Thai"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Horarios", items: [{ label: "Abierto hasta 22:30", href: "#" }, { label: "Cerrado 22-28 Dic", href: "#" }] },
{ title: "Contacto", items: [{ label: "682 52 90 35", href: "tel:682529035" }, { label: "Instagram", href: "#" }] }
]}
bottomLeftText="© 2024 Pad Thai Sant Cugat"
bottomRightText="Hecho con ❤ por Pad Thai"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}