Update src/app/page.tsx
This commit is contained in:
284
src/app/page.tsx
284
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Espaço Burguer"
|
||||
/>
|
||||
@@ -59,72 +44,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sabores Artesanais em Brasília"
|
||||
description="O melhor hambúrguer artesanal, preparado com ingredientes frescos e amor. Venha viver uma experiência gastronômica inesquecível no Espaço Burguer."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.3",
|
||||
label: "Avaliação Média",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Artesanal",
|
||||
},
|
||||
{
|
||||
value: "Fresh",
|
||||
label: "Ingredientes",
|
||||
},
|
||||
{ value: "4.3", label: "Avaliação Média" },
|
||||
{ value: "100%", label: "Artesanal" },
|
||||
{ value: "Fresh", label: "Ingredientes" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868210.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868210.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-hanging-out_23-2149061597.jpg",
|
||||
alt: "happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
|
||||
alt: "happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-people-enyoing-dinner-party_23-2150717869.jpg",
|
||||
alt: "happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
|
||||
alt: "happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg",
|
||||
alt: "happy customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-friends-hanging-out_23-2149061597.jpg", alt: "happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg", alt: "happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-people-enyoing-dinner-party_23-2150717869.jpg", alt: "happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg", alt: "happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg", alt: "happy customer" },
|
||||
]}
|
||||
avatarText="Mais de 5.000 clientes satisfeitos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Carnes Nobres",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pães Artesanais",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Delivery Ágil",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Acolhedor",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualidade Garantida",
|
||||
},
|
||||
{ type: "text", text: "Carnes Nobres" },
|
||||
{ type: "text", text: "Pães Artesanais" },
|
||||
{ type: "text", text: "Delivery Ágil" },
|
||||
{ type: "text", text: "Ambiente Acolhedor" },
|
||||
{ type: "text", text: "Qualidade Garantida" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,7 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Uma Experiência Única"
|
||||
description="No Espaço Burguer, acreditamos que o hambúrguer vai muito além de um simples lanche. Combinamos técnicas artesanais com o frescor dos melhores ingredientes para criar verdadeiras obras de arte no seu prato."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-black-burger-with-disposable-gloves-human-hand-french-fries-wooden-tray-restaurant_176474-3013.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-black-burger-with-disposable-gloves-human-hand-french-fries-wooden-tray-restaurant_176474-3013.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,28 +89,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ingredientes Frescos",
|
||||
description: "Selecionamos apenas produtos da estação e carnes de procedência garantida.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-burger-meat-wooden-table_23-2148290722.jpg?_wi=1",
|
||||
title: "Ingredientes Frescos", description: "Selecionamos apenas produtos da estação e carnes de procedência garantida.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-burger-meat-wooden-table_23-2148290722.jpg", imageAlt: "fresh burger ingredients organic"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Carnes Nobres",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Pães Artesanais",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Molhos Exclusivos",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Carnes Nobres" },
|
||||
{ icon: CheckCircle, text: "Pães Artesanais" },
|
||||
{ icon: CheckCircle, text: "Molhos Exclusivos" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868210.jpg?_wi=2",
|
||||
imageAlt: "fresh burger ingredients organic",
|
||||
},
|
||||
]}
|
||||
title="Diferenciais do Espaço"
|
||||
@@ -182,47 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Clássico Artesanal",
|
||||
price: "R$ 40",
|
||||
variant: "Carne bovina, cheddar, alface e tomate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-american-hamburger_23-2147783582.jpg",
|
||||
},
|
||||
id: "1", name: "Clássico Artesanal", price: "R$ 40", variant: "Carne bovina, cheddar, alface e tomate", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-american-hamburger_23-2147783582.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bacon Explosion",
|
||||
price: "R$ 45",
|
||||
variant: "Bacon crocante, barbecue e cheddar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparation-delicious-burger-arrangement_23-2148868250.jpg",
|
||||
},
|
||||
id: "2", name: "Bacon Explosion", price: "R$ 45", variant: "Bacon crocante, barbecue e cheddar", imageSrc: "http://img.b2bpic.net/free-photo/preparation-delicious-burger-arrangement_23-2148868250.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chicken Gourmet",
|
||||
price: "R$ 42",
|
||||
variant: "Frango crocante, maionese temperada",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1358.jpg",
|
||||
},
|
||||
id: "3", name: "Chicken Gourmet", price: "R$ 42", variant: "Frango crocante, maionese temperada", imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1358.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Veggie Delight",
|
||||
price: "R$ 40",
|
||||
variant: "Burger de grão de bico, queijo branco",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg",
|
||||
},
|
||||
id: "4", name: "Veggie Delight", price: "R$ 40", variant: "Burger de grão de bico, queijo branco", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Smash Supreme",
|
||||
price: "R$ 48",
|
||||
variant: "Dois smash burgers, cheddar duplo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-doner-plate-served-with-french-fries_141793-2223.jpg",
|
||||
},
|
||||
id: "5", name: "Smash Supreme", price: "R$ 48", variant: "Dois smash burgers, cheddar duplo", imageSrc: "http://img.b2bpic.net/free-photo/chicken-doner-plate-served-with-french-fries_141793-2223.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mushroom Swiss",
|
||||
price: "R$ 50",
|
||||
variant: "Cogumelos refogados e suíço",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-burger-presentation_23-2151910910.jpg",
|
||||
},
|
||||
id: "6", name: "Mushroom Swiss", price: "R$ 50", variant: "Cogumelos refogados e suíço", imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-burger-presentation_23-2151910910.jpg"},
|
||||
]}
|
||||
title="Cardápio Especial"
|
||||
description="Escolha o seu favorito e venha experimentar o melhor hambúrguer da região."
|
||||
@@ -235,60 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elaine Oliveira",
|
||||
date: "4 anos atrás",
|
||||
title: "Cliente Satisfeita",
|
||||
quote: "Ótima pedida hambúrguer artesanal!",
|
||||
tag: "Excelente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-stylish-bearded-man-speaks-smart-phone_273609-8930.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868210.jpg?_wi=3",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "1", name: "Elaine Oliveira", date: "4 anos atrás", title: "Cliente Satisfeita", quote: "Ótima pedida hambúrguer artesanal!", tag: "Excelente", avatarSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-stylish-bearded-man-speaks-smart-phone_273609-8930.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868210.jpg", imageAlt: "happy customer eating burger"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cliente 2",
|
||||
date: "6 meses atrás",
|
||||
title: "Muito Bom",
|
||||
quote: "Ambiente muito agradável e comida de ótima qualidade.",
|
||||
tag: "Recomendado",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-black-burger-with-disposable-gloves-human-hand-french-fries-wooden-tray-restaurant_176474-3013.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "2", name: "Cliente 2", date: "6 meses atrás", title: "Muito Bom", quote: "Ambiente muito agradável e comida de ótima qualidade.", tag: "Recomendado", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-black-burger-with-disposable-gloves-human-hand-french-fries-wooden-tray-restaurant_176474-3013.jpg", imageAlt: "happy customer eating burger"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cliente 3",
|
||||
date: "1 ano atrás",
|
||||
title: "Incrível",
|
||||
quote: "Hambúrgueres artesanais perfeitos, sem falar nos sorvetes!",
|
||||
tag: "Top",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling-broa_1258-139634.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-burger-meat-wooden-table_23-2148290722.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "3", name: "Cliente 3", date: "1 ano atrás", title: "Incrível", quote: "Hambúrgueres artesanais perfeitos, sem falar nos sorvetes!", tag: "Top", avatarSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling-broa_1258-139634.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-burger-meat-wooden-table_23-2148290722.jpg", imageAlt: "happy customer eating burger"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cliente 4",
|
||||
date: "2 anos atrás",
|
||||
title: "Saboroso",
|
||||
quote: "Qualidade nota 10, atendimento muito atencioso.",
|
||||
tag: "Gourmet",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-banana-slices_23-2150241106.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "4", name: "Cliente 4", date: "2 anos atrás", title: "Saboroso", quote: "Qualidade nota 10, atendimento muito atencioso.", tag: "Gourmet", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-banana-slices_23-2150241106.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg", imageAlt: "happy customer eating burger"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cliente 5",
|
||||
date: "3 anos atrás",
|
||||
title: "Melhor da Cidade",
|
||||
quote: "Simplesmente fantástico, vale cada centavo.",
|
||||
tag: "Imperdível",
|
||||
avatarSrc: "http://img.b2bpic.net/free-vector/healthy-food-logos_23-2148158234.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ch4ux8",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "5", name: "Cliente 5", date: "3 anos atrás", title: "Melhor da Cidade", quote: "Simplesmente fantástico, vale cada centavo.", tag: "Imperdível", avatarSrc: "http://img.b2bpic.net/free-vector/healthy-food-logos_23-2148158234.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ch4ux8", imageAlt: "happy customer eating burger"},
|
||||
]}
|
||||
title="O Que Dizem Nossos Clientes"
|
||||
description="A satisfação de quem prova o nosso hambúrguer é o que nos motiva."
|
||||
@@ -300,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Vocês realizam entregas?",
|
||||
content: "Sim, realizamos entregas em toda a região via delivery.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Qual o horário de funcionamento?",
|
||||
content: "Funcionamos todos os dias até as 00:00.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Aceitam cartões?",
|
||||
content: "Aceitamos todos os principais cartões de crédito e débito.",
|
||||
},
|
||||
{ id: "1", title: "Vocês realizam entregas?", content: "Sim, realizamos entregas em toda a região via delivery." },
|
||||
{ id: "2", title: "Qual o horário de funcionamento?", content: "Funcionamos todos os dias até as 00:00." },
|
||||
{ id: "3", title: "Aceitam cartões?", content: "Aceitamos todos os principais cartões de crédito e débito." },
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Aqui estão as respostas para as perguntas que recebemos com mais frequência."
|
||||
@@ -327,14 +171,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Espaço Burguer",
|
||||
"Qualidade Garantida",
|
||||
"Carnes Selecionadas",
|
||||
"Pão Artesanal",
|
||||
"Delivery Rápido",
|
||||
"Sorvetes",
|
||||
"Atendimento Premium",
|
||||
]}
|
||||
"Espaço Burguer", "Qualidade Garantida", "Carnes Selecionadas", "Pão Artesanal", "Delivery Rápido", "Sorvetes", "Atendimento Premium"]}
|
||||
title="Nossos Selos de Qualidade"
|
||||
description="Orgulho em oferecer o melhor para nossos clientes."
|
||||
/>
|
||||
@@ -343,16 +180,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Venha nos visitar ou faça seu pedido agora pelo nosso WhatsApp! Estamos abertos diariamente até meia-noite."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chamar no WhatsApp",
|
||||
href: "https://wa.me/5561985667318",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Chamar no WhatsApp", href: "https://wa.me/5561985667318" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -361,32 +191,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/burger-with-meat-white-fried-cheese_140725-2355.jpg"
|
||||
logoText="Espaço Burguer"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Cardápio",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "(61) 98566-7318",
|
||||
href: "tel:+5561985667318",
|
||||
},
|
||||
{
|
||||
label: "Localização",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Cardápio", href: "#menu" }, { label: "Sobre", href: "#about" }] },
|
||||
{ title: "Contato", items: [{ label: "(61) 98566-7318", href: "tel:+5561985667318" }, { label: "Localização", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user