156 lines
8.5 KiB
TypeScript
156 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Award, MapPin, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
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: "Nuestra Historia", id: "about" },
|
|
{ name: "Menú", id: "products" },
|
|
{ name: "Reservar", id: "contact" },
|
|
]}
|
|
brandName="Shanghai"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
logoText="Shanghai Restaurante"
|
|
description="La auténtica cocina de Shanghái, en el corazón de Carrasco. Un refugio donde el aroma a especias y el trato personal de nuestros dueños te harán sentir como en casa, frente a nuestra plaza."
|
|
buttons={[
|
|
{ text: "Reservá tu mesa", href: "#contact" },
|
|
{ text: "Ver los platos", href: "#products" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-woman-sitting-windowsill-with-lovely-dog_651396-2380.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"\"El mejor restaurante chino del Uruguay.\" — Luc Z.", "\"Los baos… WOW. Pídanlos.\" — Verónica A.", "\"Comida auténtica y deliciosa, atención increíble.\" — Mahani M.", "\"La atención es tan cálida como su cocina.\" — Jorge P.", "\"Un rincón de Shanghái frente a la plaza.\" — Elena M."]}
|
|
title="4.8★ calificación promedio"
|
|
description="Nuestros comensales coinciden: somos el corazón de la auténtica comida china en Montevideo."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Nuestra esencia"
|
|
metrics={[
|
|
{ icon: Award, label: "Atención", value: "Personalizada" },
|
|
{ icon: Utensils, label: "Cocina", value: "Auténtica" },
|
|
{ icon: MapPin, label: "Entorno", value: "Carrasco" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Fideos con aceite de puerro", price: "Umami", imageSrc: "http://img.b2bpic.net/free-photo/spinach-eggs-ramen-soup-with-soy-sauce_23-2148486537.jpg" },
|
|
{ id: "p2", name: "Baos Artesanales", price: "Reconfortante", imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428722.jpg" },
|
|
{ id: "p3", name: "Dumplings / Shaomai", price: "Tradición", imageSrc: "http://img.b2bpic.net/free-photo/food-arrangement-still-life-high-angle_23-2149325287.jpg" },
|
|
{ id: "p4", name: "Panceta de Cerdo", price: "Intenso", imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151053741.jpg" },
|
|
{ id: "p5", name: "Pollo Gong Bao", price: "Especiado", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-ragout-grilled-chicken-breast-with-onion-carrot-bell-pepper-vegetable-salad-rice-garnish-plate_141793-4845.jpg" },
|
|
{ id: "p6", name: "Arrolladitos Primavera", price: "Crujiente", imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-roll-with-ham-cheese-spinach-vegetable_1203-7467.jpg" },
|
|
]}
|
|
title="Nuestros Destacados"
|
|
description="La carta tiene fotos — fácil de leer, difícil de elegir."
|
|
buttons={[{ text: "Ver menú completo", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="inline-image"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Tranquilo y acogedor", description: "Descansá de la ciudad en un ambiente sin artificios, ideal para charlas pausadas.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-asian-noodle-soup-with-vegetables-served-bowl-closeup_1220-7055.jpg" },
|
|
{ title: "Frente a la plaza", description: "Nuestro entorno frente a la plaza invita a quedarse y disfrutar de una experiencia completa.", imageSrc: "http://img.b2bpic.net/free-photo/marshmallows-vintage-box_501050-6.jpg" },
|
|
{ title: "Atención personalizada", description: "Nuestros dueños están presentes en cada mesa, adaptando los sabores a tu gusto personal.", imageSrc: "http://img.b2bpic.net/free-photo/steamed-shrimp-dumplings-dim-sum_1339-7809.jpg" },
|
|
]}
|
|
title="Tu refugio en Carrasco"
|
|
description="Un espacio diseñado para disfrutar de la buena mesa."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Paula Caviglia", role: "Cliente frecuente", testimonial: "Los fideos en sopa y los shaomai son increíbles, las porciones muy abundantes. ¡Vayan que no se van a arrepentir!", imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg" },
|
|
{ id: "t2", name: "Diego Giménez", role: "Cliente frecuente", testimonial: "Los arrolladitos y los dumplings son un éxito. El ambiente es super tranquilo y la atención es espectacular.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-smartphone_23-2149366422.jpg" },
|
|
{ id: "t3", name: "Ale Forcade", role: "Cliente frecuente", testimonial: "El pollo Gong Bao, el cerdo agridulce y el chao mian de mariscos... todo estuvo delicioso. Altamente recomendado.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-table_23-2149708125.jpg" },
|
|
{ id: "t4", name: "Luc Z.", role: "Crítico gastronómico", testimonial: "El mejor restaurante chino del Uruguay. Sabores auténticos y servicio excelente.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg" },
|
|
{ id: "t5", name: "Mahani M.", role: "Cliente feliz", testimonial: "Un lugar realmente auténtico, con una atención que se siente personal y dedicada.", imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
|
|
]}
|
|
title="Lo que dicen nuestros amigos"
|
|
description="Historias reales de nuestros clientes en Carrasco."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
title="Tu mesa te espera"
|
|
description="Completá tus datos y reservá tu momento auténtico con nosotros en Carrasco."
|
|
tag="Reservas"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Info", items: [{ label: "Carrasco, Montevideo", href: "#" }, { label: "Horarios: Lun-Dom", href: "#" }] },
|
|
{ title: "Contacto", items: [{ label: "WhatsApp", href: "https://wa.me/59899000000" }, { label: "Google Maps", href: "#" }] },
|
|
]}
|
|
logoText="Shanghai Restaurante"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|