Merge version_1 into main #2
455
src/app/page.tsx
455
src/app/page.tsx
@@ -29,338 +29,147 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Cardápio",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bella Massa"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Cardápio", id: "menu" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Bella Massa"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Tradição e Sabor na sua Mesa"
|
||||
description="Descubra o autêntico sabor da cozinha italiana com receitas passadas de geração em geração."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Cardápio",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-various-types-food_23-2149139471.jpg?_wi=1",
|
||||
imageAlt: "delicious italian pasta feast restaurant",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-pasta-with-vegetables_23-2148584799.jpg?_wi=1",
|
||||
imageAlt: "freshly cooked spaghetti sauce",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carrot-pasta-salad-with-feta_661915-147.jpg",
|
||||
imageAlt: "authentic italian cuisine plating",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-friends-eating-pasta-italian-restaurant_1303-24355.jpg",
|
||||
imageAlt: "restaurant kitchen fresh pasta",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frame-made-meat-roll-gnocchi-dish-tableware-vegetable-pieces_23-2148113659.jpg",
|
||||
imageAlt: "plate of parmegiana chicken",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farfalle-slices-tomato-black-pan-with-oil_114579-76544.jpg",
|
||||
imageAlt: "italian food close up photography",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Tradição e Sabor na sua Mesa"
|
||||
description="Descubra o autêntico sabor da cozinha italiana com receitas passadas de geração em geração."
|
||||
buttons={[{ text: "Ver Cardápio", href: "#menu" }]}
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-various-types-food_23-2149139471.jpg", imageAlt: "delicious italian pasta feast restaurant" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-pasta-with-vegetables_23-2148584799.jpg", imageAlt: "freshly cooked spaghetti sauce" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/carrot-pasta-salad-with-feta_661915-147.jpg", imageAlt: "authentic italian cuisine plating" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/girls-friends-eating-pasta-italian-restaurant_1303-24355.jpg", imageAlt: "restaurant kitchen fresh pasta" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/frame-made-meat-roll-gnocchi-dish-tableware-vegetable-pieces_23-2148113659.jpg", imageAlt: "plate of parmegiana chicken" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/farfalle-slices-tomato-black-pan-with-oil_114579-76544.jpg", imageAlt: "italian food close up photography" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Nossa História"
|
||||
title="Do nosso forno para o seu coração"
|
||||
description="Fundada com o propósito de levar conforto através da gastronomia, a Bella Massa se tornou referência em sabor e carinho."
|
||||
subdescription="Cada prato é uma expressão do nosso amor pela culinária italiana, feito com ingredientes selecionados e muita dedicação."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-women-summer-stylish-outfits-talking-eating-delicious-food-street-cafe_197531-18192.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="authentic italian family restaurant interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Nossa História"
|
||||
title="Do nosso forno para o seu coração"
|
||||
description="Fundada com o propósito de levar conforto através da gastronomia, a Bella Massa se tornou referência em sabor e carinho."
|
||||
subdescription="Cada prato é uma expressão do nosso amor pela culinária italiana, feito com ingredientes selecionados e muita dedicação."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-women-summer-stylish-outfits-talking-eating-delicious-food-street-cafe_197531-18192.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="authentic italian family restaurant interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Bife à Parmegiana",
|
||||
price: "R$ 42,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-seafood-table_23-2149410755.jpg",
|
||||
imageAlt: "freshly cooked spaghetti sauce",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Parmegiana de Frango",
|
||||
price: "R$ 36,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-portuguese-empadao-dish_23-2149862969.jpg",
|
||||
imageAlt: "delicious italian pasta feast restaurant",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fettuccine da Casa",
|
||||
price: "R$ 34,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-788.jpg",
|
||||
imageAlt: "authentic italian cuisine plating",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lasanha Bella Massa",
|
||||
price: "R$ 37,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985232.jpg",
|
||||
imageAlt: "restaurant kitchen fresh pasta",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Espaguete Sugo",
|
||||
price: "R$ 29,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-3216.jpg",
|
||||
imageAlt: "plate of parmegiana chicken",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Executivo Fit",
|
||||
price: "R$ 33,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-vegetablesbroccolitomatoespeppers_123827-21636.jpg",
|
||||
imageAlt: "italian food close up photography",
|
||||
},
|
||||
]}
|
||||
title="Nosso Cardápio"
|
||||
description="Escolhas irresistíveis feitas para encantar o seu paladar."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Bife à Parmegiana", price: "R$ 42,90", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-seafood-table_23-2149410755.jpg", imageAlt: "freshly cooked spaghetti sauce" },
|
||||
{ id: "p2", name: "Parmegiana de Frango", price: "R$ 36,90", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-portuguese-empadao-dish_23-2149862969.jpg", imageAlt: "delicious italian pasta feast restaurant" },
|
||||
{ id: "p3", name: "Fettuccine da Casa", price: "R$ 34,90", imageSrc: "http://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-788.jpg", imageAlt: "authentic italian cuisine plating" },
|
||||
{ id: "p4", name: "Lasanha Bella Massa", price: "R$ 37,90", imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985232.jpg", imageAlt: "restaurant kitchen fresh pasta" },
|
||||
{ id: "p5", name: "Espaguete Sugo", price: "R$ 29,90", imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-3216.jpg", imageAlt: "plate of parmegiana chicken" },
|
||||
{ id: "p6", name: "Executivo Fit", price: "R$ 33,90", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-vegetablesbroccolitomatoespeppers_123827-21636.jpg", imageAlt: "italian food close up photography" },
|
||||
]}
|
||||
title="Nosso Cardápio"
|
||||
description="Escolhas irresistíveis feitas para encantar o seu paladar."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ingredientes Frescos",
|
||||
description: "Selecionamos apenas produtos da estação.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-lasagne-garnished-with-tomato-sauce-grated-parmesan-served-with-red-wine_141793-1907.jpg",
|
||||
imageAlt: "Italian lasagne garnished with tomato sauce and grated parmesan served with red wine",
|
||||
},
|
||||
{
|
||||
title: "Receitas de Família",
|
||||
description: "Sabor autêntico passado por gerações.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-various-types-food_23-2149139471.jpg?_wi=2",
|
||||
imageAlt: "Italian lasagne garnished with tomato sauce and grated parmesan served with red wine",
|
||||
},
|
||||
{
|
||||
title: "Ambiente Acolhedor",
|
||||
description: "Perfeito para momentos especiais.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-pasta-with-vegetables_23-2148584799.jpg?_wi=2",
|
||||
imageAlt: "Italian lasagne garnished with tomato sauce and grated parmesan served with red wine",
|
||||
},
|
||||
]}
|
||||
title="Por que nos escolher?"
|
||||
description="Qualidade, tradição e experiência em cada detalhe."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Ingredientes Frescos", description: "Selecionamos apenas produtos da estação.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Receitas de Família", description: "Sabor autêntico passado por gerações.", bentoComponent: "reveal-icon", icon: BookOpen },
|
||||
{ title: "Ambiente Acolhedor", description: "Perfeito para momentos especiais.", bentoComponent: "reveal-icon", icon: Heart },
|
||||
]}
|
||||
title="Por que nos escolher?"
|
||||
description="Qualidade, tradição e experiência em cada detalhe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Pratos Servidos",
|
||||
items: [
|
||||
"Com qualidade",
|
||||
"Feitos na hora",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5+",
|
||||
title: "Anos de História",
|
||||
items: [
|
||||
"Tradição viva",
|
||||
"Sabor autêntico",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Clientes Satisfeitos",
|
||||
items: [
|
||||
"Pessoas felizes",
|
||||
"Experiência única",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Nossa Trajetória"
|
||||
description="Números que contam nossa paixão."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10k+", title: "Pratos Servidos", items: ["Com qualidade", "Feitos na hora"] },
|
||||
{ id: "m2", value: "5+", title: "Anos de História", items: ["Tradição viva", "Sabor autêntico"] },
|
||||
{ id: "m3", value: "98%", title: "Clientes Satisfeitos", items: ["Pessoas felizes", "Experiência única"] },
|
||||
]}
|
||||
title="Nossa Trajetória"
|
||||
description="Números que contam nossa paixão."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "Fã da casa",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
|
||||
imageAlt: "happy customer eating restaurant",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael",
|
||||
role: "Frequentador",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-talking-while-having-dessert-cafe_637285-9084.jpg",
|
||||
imageAlt: "satisfied customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily",
|
||||
role: "Amante de massas",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-eating-some-street-food_23-2148952874.jpg",
|
||||
imageAlt: "happy customer food portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
role: "Cliente fiel",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-eating-salmon-bowls_23-2150533947.jpg",
|
||||
imageAlt: "smiling customer dining bistro",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia",
|
||||
role: "Connoisseur",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg",
|
||||
imageAlt: "happy restaurant guest dining",
|
||||
},
|
||||
]}
|
||||
title="O que dizem de nós"
|
||||
description="Feedback de quem já provou nosso sabor."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah", role: "Fã da casa", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg", imageAlt: "happy customer eating restaurant" },
|
||||
{ id: "t2", name: "Michael", role: "Frequentador", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-talking-while-having-dessert-cafe_637285-9084.jpg", imageAlt: "satisfied customer dining restaurant" },
|
||||
{ id: "t3", name: "Emily", role: "Amante de massas", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-eating-some-street-food_23-2148952874.jpg", imageAlt: "happy customer food portrait" },
|
||||
{ id: "t4", name: "David", role: "Cliente fiel", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-eating-salmon-bowls_23-2150533947.jpg", imageAlt: "smiling customer dining bistro" },
|
||||
{ id: "t5", name: "Sofia", role: "Connoisseur", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg", imageAlt: "happy restaurant guest dining" },
|
||||
]}
|
||||
title="O que dizem de nós"
|
||||
description="Feedback de quem já provou nosso sabor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Vocês realizam entregas?",
|
||||
content: "Sim, fazemos entregas pelo delivery oficial.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Aceitam reservas?",
|
||||
content: "Aceitamos reservas para grupos acima de 6 pessoas.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Têm opções vegetarianas?",
|
||||
content: "Sim, temos massas deliciosas sem carne.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
sideDescription="Tudo o que você precisa saber sobre nosso atendimento."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Vocês realizam entregas?", content: "Sim, fazemos entregas pelo delivery oficial." },
|
||||
{ id: "q2", title: "Aceitam reservas?", content: "Aceitamos reservas para grupos acima de 6 pessoas." },
|
||||
{ id: "q3", title: "Têm opções vegetarianas?", content: "Sim, temos massas deliciosas sem carne." },
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
sideDescription="Tudo o que você precisa saber sobre nosso atendimento."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
text="Pronto para um jantar inesquecível? Estamos esperando por você."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar agora",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "cell-wave" }}
|
||||
text="Pronto para um jantar inesquecível? Estamos esperando por você."
|
||||
buttons={[{ text: "Reservar agora", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bella Massa"
|
||||
leftLink={{
|
||||
text: "Termos de Uso",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacidade",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bella Massa"
|
||||
leftLink={{ text: "Termos de Uso", href: "#" }}
|
||||
rightLink={{ text: "Privacidade", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user