Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6b05ae9852 | |||
| 896d8a90eb |
114
src/app/page.tsx
114
src/app/page.tsx
@@ -14,36 +14,28 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dito Preto"
|
||||
/>
|
||||
@@ -52,15 +44,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Authentic Flavors, Unforgettable Moments"
|
||||
description="Experience refined Portuguese cuisine in an intimate setting. Reserve your table and discover why Dito Preto is the destination for discerning diners."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -70,22 +59,16 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description="Located in the heart of São José do Alegre, Dito Preto combines traditional Portuguese techniques with local, high-quality ingredients. Our intimate space is designed for moments that matter, whether it's a quiet romantic dinner or a celebratory family gathering."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artisanal Cuisine",
|
||||
description: "Classic dishes reimagined with fresh, seasonal produce.",
|
||||
},
|
||||
title: "Artisanal Cuisine", description: "Classic dishes reimagined with fresh, seasonal produce."},
|
||||
{
|
||||
title: "Warm Ambience",
|
||||
description: "An inviting setting crafted for relaxation and connection.",
|
||||
},
|
||||
title: "Warm Ambience", description: "An inviting setting crafted for relaxation and connection."},
|
||||
{
|
||||
title: "Curated Selection",
|
||||
description: "Expertly paired wines and local spirits to enhance every bite.",
|
||||
},
|
||||
title: "Curated Selection", description: "Expertly paired wines and local spirits to enhance every bite."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-eats-meat-fajitos-pan_141793-5189.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -97,26 +80,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bacalhau à Brás",
|
||||
price: "R$ 55,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-assorted-meat-platter-cold-boiled-pork-meat-roulade-basdirma-tomato-greens-plate_141793-3594.jpg",
|
||||
},
|
||||
id: "1", name: "Bacalhau à Brás", price: "R$ 55,00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-assorted-meat-platter-cold-boiled-pork-meat-roulade-basdirma-tomato-greens-plate_141793-3594.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Slow-Roasted Ribs",
|
||||
price: "R$ 60,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-bowl-water_1252-814.jpg",
|
||||
},
|
||||
id: "2", name: "Slow-Roasted Ribs", price: "R$ 60,00", imageSrc: "http://img.b2bpic.net/free-photo/wooden-bowl-water_1252-814.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pastel de Nata",
|
||||
price: "R$ 15,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-with-blueberry-tarts-coffee_23-2148689765.jpg",
|
||||
},
|
||||
id: "3", name: "Pastel de Nata", price: "R$ 15,00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-with-blueberry-tarts-coffee_23-2148689765.jpg"},
|
||||
]}
|
||||
title="Our Signature Selections"
|
||||
description="Explore our curated menu featuring traditional favorites and seasonal masterpieces prepared by our dedicated team."
|
||||
@@ -125,15 +96,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
testimonial="The atmosphere at Dito Preto is simply unmatched. It feels like stepping into a warm home where the food is always extraordinary."
|
||||
rating={5}
|
||||
author="Maria Silva"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
alt: "Maria Silva",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Maria Silva"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -142,16 +111,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to experience authentic flavors? We are open from Friday to Sunday, starting at 10:00 AM. Book your table today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Reserve: (35) 3645-1229",
|
||||
href: "tel:+553536451229",
|
||||
},
|
||||
text: "Call to Reserve: (35) 3645-1229", href: "tel:+553536451229"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,37 +128,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Address: R. Crescêncio Ribeiro, 181",
|
||||
href: "#",
|
||||
},
|
||||
label: "Address: R. Crescêncio Ribeiro, 181", href: "#"},
|
||||
{
|
||||
label: "São José do Alegre - MG",
|
||||
href: "#",
|
||||
},
|
||||
label: "São José do Alegre - MG", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Opening Hours",
|
||||
href: "#",
|
||||
},
|
||||
label: "Opening Hours", href: "#"},
|
||||
{
|
||||
label: "Fri-Sun: 10:00 AM onwards",
|
||||
href: "#",
|
||||
},
|
||||
label: "Fri-Sun: 10:00 AM onwards", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reservations", href: "#contact"},
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Catering", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -202,4 +156,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user