Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 20c73dc283 | |||
| b0e672a974 | |||
| f3e91385a0 | |||
| a964ee24e7 | |||
| d247adcda5 |
167
src/app/page.tsx
167
src/app/page.tsx
@@ -5,120 +5,87 @@ import ReactLenis from "lenis/react";
|
|||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
import { Droplet } from "lucide-react";
|
import { Martini, Utensils, Zap, ChefHat } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-stagger"
|
defaultButtonVariant="hover-magnetic"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="rounded"
|
borderRadius="pill"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="medium"
|
sizing="mediumLargeSizeLargeTitles"
|
||||||
background="circleGradient"
|
background="none"
|
||||||
cardStyle="glass-elevated"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="gradient"
|
primaryButtonStyle="diagonal-gradient"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="normal"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Inicio", id: "hero" },
|
||||||
name: "Inicio", id: "hero"},
|
{ name: "Menú", id: "menu" },
|
||||||
{
|
{ name: "Eventos", id: "eventos" },
|
||||||
name: "Menú", id: "menu"},
|
]}
|
||||||
{
|
brandName="Barra Piantini"
|
||||||
name: "Eventos", id: "eventos"},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Contacto", id: "contacto"},
|
|
||||||
]}
|
|
||||||
brandName="Barra Piantini"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient"}}
|
title="La Experiencia Culinaria de Piantini"
|
||||||
title="La Experiencia Culinaria de Piantini"
|
description="Gastronomía urbana refinada en el corazón de la ciudad. Una atmósfera donde cada plato cuenta una historia de lujo y sabor."
|
||||||
description="Gastronomía urbana refinada en el corazón de la ciudad. Una atmósfera donde cada plato cuenta una historia."
|
avatars={[{ src: "http://img.b2bpic.net/free-photo/gourmet-meat-dish-with-vegetables_23-2148737651.jpg", alt: "Plato Gourmet" }]}
|
||||||
avatars={[
|
buttons={[{ text: "Ver Menú", href: "#menu" }]}
|
||||||
{
|
/>
|
||||||
src: "http://img.b2bpic.net/free-photo/plate-with-boiled-egg-wild-garlic-flowers_166373-668.jpg", alt: "Plato Gourmet"},
|
</div>
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Ver Menú", href: "#menu"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardOne
|
<ProductCardThree
|
||||||
animationType="slide-up"
|
title="Nuestro Menú"
|
||||||
textboxLayout="split"
|
description="Selección curada de sabores urbanos de alta cocina."
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
animationType="blur-reveal"
|
||||||
useInvertedBackground={true}
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
products={[
|
textboxLayout="split"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
id: "1", name: "Entradas Gourmet", price: "Desde $15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312228.jpg"},
|
products={[
|
||||||
{
|
{ id: "1", name: "Entradas", price: "RD$ 850", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-appetizer-plate_140725-2561.jpg" },
|
||||||
id: "2", name: "Pastas Artesanales", price: "Desde $22", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-corn-nuts-prunes-tomatoes_140725-3518.jpg"},
|
{ id: "2", name: "Pastas", price: "RD$ 1,200", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-pasta-dish_140725-3214.jpg" },
|
||||||
{
|
{ id: "3", name: "Cortes", price: "RD$ 2,800", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-plating_140725-5421.jpg" },
|
||||||
id: "3", name: "Cortes de Autor", price: "Desde $45", imageSrc: "http://img.b2bpic.net/free-photo/beef-cutlet-served-with-spaghetti-cream-sauce_140725-1485.jpg"},
|
{ id: "4", name: "Coctelería", price: "RD$ 650", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-cocktail-bar_140725-8791.jpg" }
|
||||||
{
|
]}
|
||||||
id: "4", name: "Coctelería de Autor", price: "Desde $18", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-green-salad-with-avacado-restaurant_140725-10818.jpg"},
|
/>
|
||||||
]}
|
</div>
|
||||||
title="Nuestro Menú"
|
|
||||||
description="Selección curada de sabores urbanos de alta cocina."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="eventos" data-section="eventos">
|
<div id="eventos" data-section="eventos">
|
||||||
<TestimonialAboutCard
|
<TestimonialAboutCard
|
||||||
useInvertedBackground={false}
|
tag="Exclusividad"
|
||||||
tag="Exclusividad"
|
title="Eventos Privados"
|
||||||
title="Eventos Privados"
|
description="Creamos experiencias inolvidables para sus celebraciones más importantes en nuestro salón privado."
|
||||||
description="Celebre sus momentos especiales en nuestro salón privado, diseñado para la máxima elegancia y confort."
|
subdescription="Servicio de banquetes personalizado, atención de clase mundial y un ambiente diseñado para la distinción."
|
||||||
subdescription="Capacidad personalizada y atención de clase mundial para grupos exclusivos."
|
icon={Martini}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamp-bulb-decorative-hanging-interior_53876-23376.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/elegant-private-dining-setup_140725-9981.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
icon={Droplet}
|
useInvertedBackground={false}
|
||||||
imageAlt="Salón privado elegante"
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Barra Piantini"
|
logoText="Barra Piantini"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Horario", items: [{ label: "Lun-Dom: 12pm - 12am", href: "#" }] },
|
||||||
title: "Ubicación", items: [
|
{ title: "Contacto", items: [{ label: "WhatsApp Reservas", href: "https://wa.me/18091234567" }] }
|
||||||
{
|
]}
|
||||||
label: "Piantini, Santo Domingo", href: "#"},
|
copyrightText="© 2025 Barra Piantini. Gastronomía Urbana."
|
||||||
],
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
title: "Horarios", items: [
|
|
||||||
{
|
|
||||||
label: "Lun-Dom: 12pm - 12am", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Contacto", items: [
|
|
||||||
{
|
|
||||||
label: "WhatsApp Reservas", href: "https://wa.me/18090000000"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
copyrightText="© 2025 Barra Piantini. Todos los derechos reservados."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user