Update src/pages/HomePage.tsx
This commit is contained in:
@@ -5,261 +5,138 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
|
||||
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
|
||||
import { Star, Users } from "lucide-react";
|
||||
import { Star, Users, ChefHat } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitMediaGrid
|
||||
tag="El buffet definitivo en Figueres"
|
||||
title="Experiencia gastronómica ilimitada"
|
||||
description="Descubre una selección única de 165 platos de 4 cocinas del mundo en un ambiente acogedor."
|
||||
primaryButton={{
|
||||
text: "Reservar mesa",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Ver menú",
|
||||
href: "#menu",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149728021.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sushi-composition-with-copyspace_23-2148132926.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="El buffet definitivo en Figueres"
|
||||
title="Experiencia gastronómica ilimitada"
|
||||
description="Descubre una selección única de 165 platos de 4 cocinas del mundo en un ambiente acogedor."
|
||||
primaryButton={{
|
||||
text: "Reservar mesa", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Ver menú", href: "#menu"}}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149728021.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sushi-composition-with-copyspace_23-2148132926.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Nuestra Propuesta"
|
||||
quote="Más que un buffet, una cocina del mundo diseñada para satisfacer todos los gustos con ingredientes frescos y calidad superior."
|
||||
author="Chef Ejecutivo"
|
||||
role="Buffet Figueres"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728002.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Nuestra Propuesta"
|
||||
quote="Más que un buffet, una cocina del mundo diseñada para satisfacer todos los gustos con ingredientes frescos y calidad superior."
|
||||
author="Chef Ejecutivo"
|
||||
role="Buffet Figueres"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728002.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesImageBento
|
||||
tag="Menú Destacado"
|
||||
title="Categorías de nuestra cocina"
|
||||
description="Explora nuestras 4 cocinas principales, desde lo tradicional hasta lo vanguardista."
|
||||
items={[
|
||||
{
|
||||
title: "Sushi & Nigiri",
|
||||
description: "Frescura del mar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-classic-japanese-sushi-with-red-caviar-bamboo-leaf-served-with-ginger-wasabi-sauce-plate_141793-11791.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Wok Asiático",
|
||||
description: "Salteados al momento",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stir-fried-noodles-with-shrimps-soy-sauce-spring-onion-plate_141793-3826.jpg",
|
||||
},
|
||||
{
|
||||
title: "Mediterráneo",
|
||||
description: "Sabor local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-with-cheese-grilled-vegetables_141793-1149.jpg",
|
||||
},
|
||||
{
|
||||
title: "Parrilla",
|
||||
description: "Carnes seleccionadas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-table_140725-9674.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sashimi",
|
||||
description: "Corte de alta calidad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-sashimi-set_1203-9854.jpg",
|
||||
},
|
||||
{
|
||||
title: "Postres",
|
||||
description: "Final dulce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-creamy-cupcake-purple-plate_114579-52049.jpg",
|
||||
},
|
||||
{
|
||||
title: "Bebidas",
|
||||
description: "Cócteles y más",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-with-tea-fruits_140725-57252.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Menú Destacado"
|
||||
title="Categorías de nuestra cocina"
|
||||
description="Explora nuestras 4 cocinas principales, desde lo tradicional hasta lo vanguardista."
|
||||
items={[
|
||||
{ title: "Sushi & Nigiri", description: "Frescura del mar", imageSrc: "http://img.b2bpic.net/free-photo/top-view-classic-japanese-sushi-with-red-caviar-bamboo-leaf-served-with-ginger-wasabi-sauce-plate_141793-11791.jpg" },
|
||||
{ title: "Wok Asiático", description: "Salteados al momento", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stir-fried-noodles-with-shrimps-soy-sauce-spring-onion-plate_141793-3826.jpg" },
|
||||
{ title: "Mediterráneo", description: "Sabor local", imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-with-cheese-grilled-vegetables_141793-1149.jpg" },
|
||||
{ title: "Parrilla", description: "Carnes seleccionadas", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-table_140725-9674.jpg" },
|
||||
{ title: "Sashimi", description: "Corte de alta calidad", imageSrc: "http://img.b2bpic.net/free-photo/mixed-sashimi-set_1203-9854.jpg" },
|
||||
{ title: "Postres", description: "Final dulce", imageSrc: "http://img.b2bpic.net/free-photo/sweet-creamy-cupcake-purple-plate_114579-52049.jpg" },
|
||||
{ title: "Bebidas", description: "Cócteles y más", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-with-tea-fruits_140725-57252.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<FeaturesBento
|
||||
tag="Ambiente"
|
||||
title="Vive la experiencia"
|
||||
description="Disfruta de un espacio diseñado para el confort y el disfrute."
|
||||
features={[
|
||||
{
|
||||
title: "Nuestras instalaciones",
|
||||
description: "Amplio salón para eventos.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dipping-soy-sauce_23-2148142529.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-asian-dumplings-with-meat-vegetables-served-with-sauce-plate-rustic_141793-11560.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-lemon-sauce-greens_141793-1197.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149728021.jpg?_wi=2",
|
||||
imageAlt: "fresh sushi nigiri set on wood",
|
||||
},
|
||||
{
|
||||
title: "Calidad certificada",
|
||||
description: "Normativas cumplidas",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Estándares",
|
||||
subheading: "Nuestros compromisos",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Limpieza diaria",
|
||||
detail: "Certificado",
|
||||
},
|
||||
{
|
||||
label: "Ingredientes frescos",
|
||||
detail: "Locales",
|
||||
},
|
||||
{
|
||||
label: "Seguridad alimentaria",
|
||||
detail: "Acreditado",
|
||||
},
|
||||
],
|
||||
completedLabel: "Certificado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728002.jpg?_wi=2",
|
||||
imageAlt: "fresh sushi nigiri set on wood",
|
||||
},
|
||||
{
|
||||
title: "Opiniones en tiempo real",
|
||||
description: "Lo que dicen de nosotros",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google",
|
||||
value: "4.1",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Reseñas",
|
||||
value: "4.7k",
|
||||
},
|
||||
{
|
||||
icon: ChefHat,
|
||||
label: "Platos",
|
||||
value: "165",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-classic-japanese-sushi-with-red-caviar-bamboo-leaf-served-with-ginger-wasabi-sauce-plate_141793-11791.jpg?_wi=2",
|
||||
imageAlt: "fresh sushi nigiri set on wood",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ambiente"
|
||||
title="Vive la experiencia"
|
||||
description="Disfruta de un espacio diseñado para el confort y el disfrute."
|
||||
features={[
|
||||
{
|
||||
title: "Nuestras instalaciones", description: "Amplio salón para eventos.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dipping-soy-sauce_23-2148142529.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-asian-dumplings-with-meat-vegetables-served-with-sauce-plate-rustic_141793-11560.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-lemon-sauce-greens_141793-1197.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Calidad certificada", description: "Normativas cumplidas", bentoComponent: "checklist-timeline", heading: "Estándares", subheading: "Nuestros compromisos", checklistItems: [
|
||||
{ label: "Limpieza diaria", detail: "Certificado" },
|
||||
{ label: "Ingredientes frescos", detail: "Locales" },
|
||||
{ label: "Seguridad alimentaria", detail: "Acreditado" }
|
||||
],
|
||||
completedLabel: "Certificado"
|
||||
},
|
||||
{
|
||||
title: "Opiniones en tiempo real", description: "Lo que dicen de nosotros", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: Star, label: "Google", value: "4.1" },
|
||||
{ icon: Users, label: "Reseñas", value: "4.7k" },
|
||||
{ icon: ChefHat, label: "Platos", value: "165" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Cifras de éxito"
|
||||
title="Confianza de nuestros clientes"
|
||||
metrics={[
|
||||
{
|
||||
value: "165",
|
||||
description: "Platos disponibles",
|
||||
},
|
||||
{
|
||||
value: "4",
|
||||
description: "Cocinas mundiales",
|
||||
},
|
||||
{
|
||||
value: "4.1★",
|
||||
description: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "4.7k+",
|
||||
description: "Opiniones verificadas",
|
||||
},
|
||||
]}
|
||||
description="Nos avalan años de experiencia y la preferencia de miles de comensales."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Cifras de éxito"
|
||||
title="Confianza de nuestros clientes"
|
||||
metrics={[
|
||||
{ value: "165", description: "Platos disponibles" },
|
||||
{ value: "4", description: "Cocinas mundiales" },
|
||||
{ value: "4.1★", description: "Google Rating" },
|
||||
{ value: "4.7k+", description: "Opiniones verificadas" }
|
||||
]}
|
||||
description="Nos avalan años de experiencia y la preferencia de miles de comensales."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Reseñas"
|
||||
title="Lo que dicen nuestros clientes"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana R.",
|
||||
role: "Cliente habitual",
|
||||
quote: "La calidad del sushi es increíble, siempre vuelvo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marc G.",
|
||||
role: "Turista",
|
||||
quote: "Excelente variedad, el mejor buffet de Figueres.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285298.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
role: "Familiar",
|
||||
quote: "Ideal para ir con niños, todo el mundo encuentra algo que le guste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carlos L.",
|
||||
role: "Foodie",
|
||||
quote: "La sección de parrilla es espectacular, muy buena carne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-eating-delicious-pizza_23-2150317016.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia M.",
|
||||
role: "Residente",
|
||||
quote: "Muy buena relación calidad-precio y trato amable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
||||
},
|
||||
]}
|
||||
description="Nuestros clientes son nuestra mejor carta de presentación."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Reseñas"
|
||||
title="Lo que dicen nuestros clientes"
|
||||
testimonials={[
|
||||
{ name: "Ana R.", role: "Cliente habitual", quote: "La calidad del sushi es increíble, siempre vuelvo.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg" },
|
||||
{ name: "Marc G.", role: "Turista", quote: "Excelente variedad, el mejor buffet de Figueres.", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285298.jpg" },
|
||||
{ name: "Elena P.", role: "Familiar", quote: "Ideal para ir con niños, todo el mundo encuentra algo que le guste.", imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg" },
|
||||
{ name: "Carlos L.", role: "Foodie", quote: "La sección de parrilla es espectacular, muy buena carne.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-eating-delicious-pizza_23-2150317016.jpg" },
|
||||
{ name: "Sofia M.", role: "Residente", quote: "Muy buena relación calidad-precio y trato amable.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg" }
|
||||
]}
|
||||
description="Nuestros clientes son nuestra mejor carta de presentación."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contacto"
|
||||
text="Reserva tu mesa hoy mismo o haz tu pedido para llevar y vive la experiencia."
|
||||
primaryButton={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/34600000000",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Llamar ahora",
|
||||
href: "tel:+34972000000",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contacto"
|
||||
text="Reserva tu mesa hoy mismo o haz tu pedido para llevar y vive la experiencia."
|
||||
primaryButton={{ text: "WhatsApp", href: "https://wa.me/34600000000" }}
|
||||
secondaryButton={{ text: "Llamar ahora", href: "tel:+34972000000" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user