Update src/app/page.tsx
This commit is contained in:
165
src/app/page.tsx
165
src/app/page.tsx
@@ -5,120 +5,85 @@ import ReactLenis from "lenis/react";
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
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 { Droplet } from "lucide-react";
|
||||
import { Martini, Utensils, Zap, ChefHat } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Menú", id: "menu"},
|
||||
{
|
||||
name: "Eventos", id: "eventos"},
|
||||
{
|
||||
name: "Contacto", id: "contacto"},
|
||||
]}
|
||||
brandName="Barra Piantini"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Eventos", id: "eventos" },
|
||||
]}
|
||||
brandName="Barra Piantini"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
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."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plate-with-boiled-egg-wild-garlic-flowers_166373-668.jpg", alt: "Plato Gourmet"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Menú", href: "#menu"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "radial-gradient" }}
|
||||
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."
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/gourmet-meat-dish-with-vegetables_23-2148737651.jpg", alt: "Plato Gourmet" }]}
|
||||
buttons={[{ text: "Ver Menú", href: "#menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Entradas Gourmet", price: "Desde $15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312228.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: "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 de Autor", price: "Desde $18", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-green-salad-with-avacado-restaurant_140725-10818.jpg"},
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Selección curada de sabores urbanos de alta cocina."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
title="Nuestro Menú"
|
||||
description="Selección curada de sabores urbanos de alta cocina."
|
||||
animationType="blur-reveal"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
textboxLayout="split"
|
||||
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", 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: "4", name: "Coctelería", price: "RD$ 650", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-cocktail-bar_140725-8791.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="eventos" data-section="eventos">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Exclusividad"
|
||||
title="Eventos Privados"
|
||||
description="Celebre sus momentos especiales en nuestro salón privado, diseñado para la máxima elegancia y confort."
|
||||
subdescription="Capacidad personalizada y atención de clase mundial para grupos exclusivos."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamp-bulb-decorative-hanging-interior_53876-23376.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Droplet}
|
||||
imageAlt="Salón privado elegante"
|
||||
/>
|
||||
</div>
|
||||
<div id="eventos" data-section="eventos">
|
||||
<TestimonialAboutCard
|
||||
tag="Exclusividad"
|
||||
title="Eventos Privados"
|
||||
description="Creamos experiencias inolvidables para sus celebraciones más importantes en nuestro salón privado."
|
||||
subdescription="Servicio de banquetes personalizado, atención de clase mundial y un ambiente diseñado para la distinción."
|
||||
icon={Martini}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-private-dining-setup_140725-9981.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Barra Piantini"
|
||||
columns={[
|
||||
{
|
||||
title: "Ubicación", items: [
|
||||
{
|
||||
label: "Piantini, Santo Domingo", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Barra Piantini"
|
||||
columns={[
|
||||
{ title: "Horario", items: [{ label: "Lun-Dom: 12pm - 12am", href: "#" }] },
|
||||
{ title: "Contacto", items: [{ label: "WhatsApp Reservas", href: "https://wa.me/18091234567" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Barra Piantini. Gastronomía Urbana."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user