Merge version_2 into main #4
178
src/app/page.tsx
178
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Menú", id: "menu"},
|
||||
{
|
||||
name: "Promociones", id: "promotions"},
|
||||
{
|
||||
name: "Contacto", id: "contact"},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Promociones", id: "promotions" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Heiwa Hōfu"
|
||||
/>
|
||||
@@ -46,59 +42,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Heiwa Hōfu Plaza Tepozan"
|
||||
description="El mejor ramen y sushi de Pachuca. Disfruta de una experiencia culinaria auténtica preparada con los ingredientes más frescos."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Juan Perez", handle: "@juanp", testimonial: "Excelente ramen, porciones grandes y buen servicio.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg?_wi=1"},
|
||||
{
|
||||
name: "Ana Lopez", handle: "@analp", testimonial: "Muy rico y accesible, excelente sushi.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5226.jpg?_wi=1"},
|
||||
{
|
||||
name: "Carlos Ruiz", handle: "@carlosr", testimonial: "La comida siempre fresca, un gran lugar.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg?_wi=1"},
|
||||
{
|
||||
name: "Maria Diaz", handle: "@mdiaz", testimonial: "Atención rápida y sabor inigualable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg?_wi=1"},
|
||||
{
|
||||
name: "Pedro Soto", handle: "@psoto", testimonial: "El lugar favorito de mi familia.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-sushi_23-2151344984.jpg?_wi=1"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver menú", href: "#menu"},
|
||||
{
|
||||
text: "Ordenar ahora", href: "#contact"},
|
||||
{ text: "Ver menú", href: "#menu" },
|
||||
{ text: "Ordenar ahora", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-hawaiian-poke-bowl_23-2148873844.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg", alt: "Diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg", alt: "Diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-noodles_23-2149005440.jpg", alt: "Diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg", alt: "Diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-eating-sushi-using-chopsticks_496169-314.jpg", alt: "Diner 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Auténtico"},
|
||||
{
|
||||
type: "text", text: "Artesanal"},
|
||||
{
|
||||
type: "text", text: "Frescura"},
|
||||
{
|
||||
type: "text", text: "Calidad"},
|
||||
{
|
||||
type: "text", text: "Tradición"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,22 +69,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Tonkotsu Ramen", price: "$180", variant: "Ramen", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks_23-2150606751.jpg"},
|
||||
{
|
||||
id: "2", name: "California Roll", price: "$120", variant: "Sushi", imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-nigiri-sushi_74190-5946.jpg"},
|
||||
{
|
||||
id: "3", name: "Gyoza Tradicional", price: "$90", variant: "Entradas", imageSrc: "http://img.b2bpic.net/free-photo/roasted-potato-pieces-with-ketchup-baked-paper_23-2148026833.jpg"},
|
||||
{
|
||||
id: "4", name: "Té Matcha", price: "$50", variant: "Té japonés", imageSrc: "http://img.b2bpic.net/free-photo/still-life-hot-water-composition_23-2149055834.jpg"},
|
||||
{
|
||||
id: "5", name: "Michelada Especial", price: "$85", variant: "Micheladas", imageSrc: "http://img.b2bpic.net/free-photo/spicy-michelada-beverage-arrangement_23-2149027798.jpg"},
|
||||
{
|
||||
id: "6", name: "Edamame", price: "$60", variant: "Entradas", imageSrc: "http://img.b2bpic.net/free-photo/fresh-tasty-edamame-beans-served-plate-ready-eat_1220-7667.jpg"},
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Ramen, sushi y especialidades japonesas preparadas con maestría."
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,28 +80,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", title: "2x1 en Sushi", price: "Martes", period: "de 1pm a 6pm", features: [
|
||||
"Sushi variado", "Ingredientes frescos"],
|
||||
button: {
|
||||
text: "Reservar"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-ignoring-woman-while-talking-phone_107420-65720.jpg", imageAlt: "japanese restaurant interior dark lighting"},
|
||||
{
|
||||
id: "p2", title: "Combo Ramen", price: "$220", period: "Todo el día", features: [
|
||||
"Ramen grande", "Bebida a elegir"],
|
||||
button: {
|
||||
text: "Ordenar"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-hawaiian-poke-bowl_23-2148873844.jpg?_wi=2", imageAlt: "japanese restaurant interior dark lighting"},
|
||||
{
|
||||
id: "p3", title: "Descuento Estudiantes", price: "15%", period: "Presentando credencial", features: [
|
||||
"Válido en cuenta total"],
|
||||
button: {
|
||||
text: "Ver más"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050369.jpg?_wi=2", imageAlt: "japanese restaurant interior dark lighting"},
|
||||
]}
|
||||
title="Promociones"
|
||||
description="Aprovecha nuestras ofertas especiales cada semana."
|
||||
plans={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,26 +91,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Juan Perez", handle: "@juan", testimonial: "Excelente ramen, porciones grandes.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2", name: "Ana Lopez", handle: "@ana", testimonial: "Muy rico y accesible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5226.jpg?_wi=2"},
|
||||
{
|
||||
id: "t3", name: "Luis Gomez", handle: "@luis", testimonial: "Comida siempre fresca.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg?_wi=2"},
|
||||
{
|
||||
id: "t4", name: "Maria Diaz", handle: "@maria", testimonial: "Buen ambiente para pasar el rato.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg?_wi=2"},
|
||||
{
|
||||
id: "t5", name: "Pedro Soto", handle: "@pedro", testimonial: "Excelente sushi y ramen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-sushi_23-2151344984.jpg?_wi=2"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Clientes satisfechos con nuestra calidad y servicio."
|
||||
showRating={true}
|
||||
testimonials={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -199,48 +103,16 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Nuestro Ambiente", description: "Diseño moderno y elegante.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160091.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Camera,
|
||||
text: "Espacios únicos"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Pasión por la cocina", description: "Preparación al momento.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39258.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: ChefHat,
|
||||
text: "Expertos en sushi"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Sabor auténtico", description: "La mejor calidad.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-colored-sushi-set-top-view_140725-5587.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Frescura garantizada"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Galería"
|
||||
description="Una mirada a nuestro espacio y platillos."
|
||||
features={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Contacto"
|
||||
title="Reserva tu mesa"
|
||||
description="Déjanos tus datos y nos pondremos en contacto contigo para confirmar tu reservación."
|
||||
@@ -248,23 +120,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterMedia
|
||||
logoText="Heiwa Hōfu"
|
||||
copyrightText="© 2025 Heiwa Hōfu Plaza Tepozan. Todos los derechos reservados."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "#", ariaLabel: "WhatsApp"},
|
||||
imageSrc="http://img.b2bpic.net/free-photo/raw-fresh-nigiri-sushi_74190-5946.jpg"
|
||||
columns={[
|
||||
{ title: "Navegación", items: [{ label: "Inicio", href: "#hero" }, { label: "Menú", href: "#menu" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Heiwa Hōfu Plaza Tepozan. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,11 +11,11 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #e63946;
|
||||
--card: #1a0d0d;
|
||||
--foreground: #fff5f5;
|
||||
--primary-cta: #8b1a1a;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #2a180a;
|
||||
--secondary-cta-text: #0a0a0a;
|
||||
--accent: #b82b40;
|
||||
--background-accent: #2a180a;
|
||||
|
||||
Reference in New Issue
Block a user