Update src/app/page.tsx
This commit is contained in:
384
src/app/page.tsx
384
src/app/page.tsx
@@ -14,279 +14,133 @@ import { Award } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Sucursales",
|
||||
id: "#locations",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "#testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Sushi Ya!"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Nosotros", id: "#about" },
|
||||
{ name: "Sucursales", id: "#locations" },
|
||||
{ name: "Opiniones", id: "#testimonials" }
|
||||
]}
|
||||
brandName="Sushi Ya!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Sushi Ya! El sabor que te atrapa."
|
||||
description="Experimenta la auténtica esencia del sushi premium en Santo Domingo. Frescura, calidad y el arte japonés en cada bocado."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Menú",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Pedir Ahora",
|
||||
href: "https://ubereats.com",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-sushi-maki-rolls-with-salmon-avocado-dark-wet-slate_84443-82575.jpg"
|
||||
imageAlt="Sushi Premium Gourmet"
|
||||
mediaAnimation="blur-reveal"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Arroyo Hondo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "La Enriquillo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Abiertos todos los días",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ingredientes de temporada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Delivery disponible",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/eating-sushi-workplace_1098-16630.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Más de 500+ clientes felices"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sushi Ya! El sabor que te atrapa."
|
||||
description="Experimenta la auténtica esencia del sushi premium en Santo Domingo. Frescura, calidad y el arte japonés en cada bocado."
|
||||
buttons={[
|
||||
{ text: "Ver Menú", href: "#menu" },
|
||||
{ text: "Pedir Ahora", href: "https://ubereats.com" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-sushi-maki-rolls-with-salmon-avocado-dark-wet-slate_84443-82575.jpg"
|
||||
imageAlt="Sushi Premium Gourmet"
|
||||
mediaAnimation="blur-reveal"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Arroyo Hondo" },
|
||||
{ type: "text", text: "La Enriquillo" },
|
||||
{ type: "text", text: "Abiertos todos los días" },
|
||||
{ type: "text", text: "Ingredientes de temporada" },
|
||||
{ type: "text", text: "Delivery disponible" }
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/eating-sushi-workplace_1098-16630.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg", alt: "Diner 5" }
|
||||
]}
|
||||
avatarText="Más de 500+ clientes felices"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Nuestra Historia"
|
||||
title="Más que Sushi, una experiencia."
|
||||
description="En Sushi Ya! no solo hacemos sushi; creamos momentos. Seleccionamos los ingredientes más frescos para que cada pieza cuente una historia de calidad y pasión japonesa."
|
||||
subdescription="Comprometidos con la excelencia desde nuestra apertura."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-cooks-healthy-meal-rustic-table-decorate-with-mint-leaf-two-raw-pieces-salmon-white-wine-sause-with-spices-herbs-presented-marble-deck-prepared-grill_346278-812.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Nuestra Historia"
|
||||
title="Más que Sushi, una experiencia."
|
||||
description="En Sushi Ya! no solo hacemos sushi; creamos momentos. Seleccionamos los ingredientes más frescos para que cada pieza cuente una historia de calidad y pasión japonesa."
|
||||
subdescription="Comprometidos con la excelencia desde nuestra apertura."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-cooks-healthy-meal-rustic-table-decorate-with-mint-leaf-two-raw-pieces-salmon-white-wine-sause-with-spices-herbs-presented-marble-deck-prepared-grill_346278-812.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Roll Tokyo Special",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-variety-sushi-rolls_23-2148631239.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Nigiri Salmón Fresco",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi_1203-3679.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "California Roll Classic",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stuffed-aubergine-rolls-white-oval-plate-turmeric-bowl-wooden-serving-board-adjika-grey-background_140725-111053.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dragon Roll Premium",
|
||||
price: "$520",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-variety-sushi-rolls_23-2148631239.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sashimi Mixto",
|
||||
price: "$650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi_1203-3679.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ebi Tempura Roll",
|
||||
price: "$480",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stuffed-aubergine-rolls-white-oval-plate-turmeric-bowl-wooden-serving-board-adjika-grey-background_140725-111053.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Selección premium de rollos, nigiris y sashimis."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Roll Tokyo Special", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-variety-sushi-rolls_23-2148631239.jpg" },
|
||||
{ id: "p2", name: "Nigiri Salmón Fresco", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/sushi_1203-3679.jpg" },
|
||||
{ id: "p3", name: "California Roll Classic", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stuffed-aubergine-rolls-white-oval-plate-turmeric-bowl-wooden-serving-board-adjika-grey-background_140725-111053.jpg" },
|
||||
{ id: "p4", name: "Dragon Roll Premium", price: "$520", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-variety-sushi-rolls_23-2148631239.jpg" },
|
||||
{ id: "p5", name: "Sashimi Mixto", price: "$650", imageSrc: "http://img.b2bpic.net/free-photo/sushi_1203-3679.jpg" },
|
||||
{ id: "p6", name: "Ebi Tempura Roll", price: "$480", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stuffed-aubergine-rolls-white-oval-plate-turmeric-bowl-wooden-serving-board-adjika-grey-background_140725-111053.jpg" }
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Selección premium de rollos, nigiris y sashimis."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Carlos M.",
|
||||
handle: "@carlosm",
|
||||
testimonial: "El mejor sushi de la zona, súper fresco.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Laura G.",
|
||||
handle: "@laurag",
|
||||
testimonial: "La atención y la calidad son impecables.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pedro R.",
|
||||
handle: "@pedror",
|
||||
testimonial: "Sushi Ya es un must cada semana.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eating-sushi-workplace_1098-16630.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ana S.",
|
||||
handle: "@anas",
|
||||
testimonial: "Súper rápido y delicioso, recomendado 100%.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Juan L.",
|
||||
handle: "@juanl",
|
||||
testimonial: "La frescura se nota en cada bocado.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La calidad nos precede. Mira por qué somos los favoritos."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Carlos M.", handle: "@carlosm", testimonial: "El mejor sushi de la zona, súper fresco.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg" },
|
||||
{ id: "t2", name: "Laura G.", handle: "@laurag", testimonial: "La atención y la calidad son impecables.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg" },
|
||||
{ id: "t3", name: "Pedro R.", handle: "@pedror", testimonial: "Sushi Ya es un must cada semana.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/eating-sushi-workplace_1098-16630.jpg" },
|
||||
{ id: "t4", name: "Ana S.", handle: "@anas", testimonial: "Súper rápido y delicioso, recomendado 100%.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg" },
|
||||
{ id: "t5", name: "Juan L.", handle: "@juanl", testimonial: "La frescura se nota en cada bocado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La calidad nos precede. Mira por qué somos los favoritos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="locations" data-section="locations">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Arroyo Hondo",
|
||||
content: "Estamos ubicados en la calle principal, abiertos de 12pm a 11pm.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "La Enriquillo",
|
||||
content: "Visítanos en Plaza Enriquillo, horario extendido hasta la medianoche.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Sucursales"
|
||||
sideDescription="Visítanos en nuestras dos ubicaciones y disfruta del mejor sushi."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="locations" data-section="locations">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Arroyo Hondo", content: "Estamos ubicados en la calle principal, abiertos de 12pm a 11pm." },
|
||||
{ id: "f2", title: "La Enriquillo", content: "Visítanos en Plaza Enriquillo, horario extendido hasta la medianoche." }
|
||||
]}
|
||||
sideTitle="Sucursales"
|
||||
sideDescription="Visítanos en nuestras dos ubicaciones y disfruta del mejor sushi."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menú",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Sucursales",
|
||||
href: "#locations",
|
||||
},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pedidos UberEats",
|
||||
href: "https://ubereats.com",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sushi Ya!"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Menú", href: "#menu" }, { label: "Sucursales", href: "#locations" }, { label: "Nosotros", href: "#about" }] },
|
||||
{ items: [{ label: "Pedidos UberEats", href: "https://ubereats.com" }, { label: "Instagram", href: "#" }, { label: "Privacidad", href: "#" }] }
|
||||
]}
|
||||
logoText="Sushi Ya!"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user