194 lines
14 KiB
TypeScript
194 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
const assetMap = [
|
|
{"id":"hero-burger-parmegiana","url":"http://img.b2bpic.net/free-photo/juicy-bacon-cheeseburger_23-2151950562.jpg","alt":"delicious burger with melting cheese sauce"},
|
|
{"id":"about-renato-team","url":"http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409809.jpg","alt":"restaurant owner chef team kitchen"},
|
|
{"id":"menu-burger-classic","url":"http://img.b2bpic.net/free-photo/vegetarian-burger-plate-green-background_501050-80.jpg","alt":"classic gourmet burger plate"},
|
|
{"id":"menu-parmegiana","url":"http://img.b2bpic.net/free-photo/top-view-salad-with-chicken-pieces-fresh-vegetables-dark-desk_140725-14566.jpg","alt":"chicken parmegiana melting mozzarella"},
|
|
{"id":"menu-batata-frita","url":"http://img.b2bpic.net/free-photo/chips-decoration_23-2147695728.jpg","alt":"crispy golden french fries basket"},
|
|
{"id":"menu-chicken-sandwich","url":"http://img.b2bpic.net/free-photo/picnic-basket-with-delicious-chicken-baguette-sandwich_1147-503.jpg","alt":"grilled chicken sandwich fresh bread"},
|
|
{"id":"menu-onion-rings","url":"http://img.b2bpic.net/free-photo/top-view-arrangement-with-fries-onion-rings_23-2148308838.jpg","alt":"crispy onion rings appetizer"},
|
|
{"id":"menu-milkshake","url":"http://img.b2bpic.net/free-photo/high-angle-milkshake-with-strawberries-straws_23-2148707789.jpg","alt":"chocolate milkshake dessert drink"},
|
|
{"id":"testimonial-avatar-1","url":"http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-116351.jpg","alt":"female customer happy smile"},
|
|
{"id":"testimonial-avatar-2","url":"http://img.b2bpic.net/free-photo/handsome-employee-smiling-medium-shot_23-2148508900.jpg","alt":"male customer satisfied expression"},
|
|
{"id":"testimonial-avatar-3","url":"http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3521.jpg","alt":"happy person smiling restaurant"},
|
|
{"id":"testimonial-avatar-4","url":"http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg","alt":"middle aged woman smiling content"},
|
|
{"id":"testimonial-avatar-5","url":"http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-smiling-broadly-showing-teeth_141793-55127.jpg","alt":"young man thumbs up happy"},
|
|
{"id":"gallery-food-1","url":"http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510914.jpg","alt":"artisan pizza restaurant kitchen"},
|
|
{"id":"gallery-food-2","url":"http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3435.jpg","alt":"restaurant interior cozy dining area"},
|
|
{"id":"gallery-food-3","url":"http://img.b2bpic.net/free-photo/top-view-fresh-greens-with-tomatoes-cucumbers-light-background_140725-137027.jpg","alt":"fresh ingredients vegetables herbs"},
|
|
{"id":"gallery-food-4","url":"http://img.b2bpic.net/free-photo/party-background-celebration-food-beverage_1203-4478.jpg","alt":"espresso coffee latte art"},
|
|
{"id":"gallery-food-5","url":"http://img.b2bpic.net/free-photo/view-3d-burger-meal-with-french-fries_23-2150914717.jpg","alt":"burger combo fries soda"},
|
|
{"id":"gallery-food-6","url":"http://img.b2bpic.net/free-photo/furnitures-with-empty-chair-table_1203-9374.jpg","alt":"outdoor dining patio seating"},
|
|
{"id":"footer-restaurant-interior","url":"http://img.b2bpic.net/free-photo/digital-lavender-style-interior-design_23-2151561232.jpg","alt":"warm inviting restaurant interior"}
|
|
];
|
|
|
|
function resolveAssetUrl(id) {
|
|
const asset = assetMap.find(a => a.id === id);
|
|
return asset ? asset.url : ""; // Fallback to empty string if not found, as per instructions
|
|
}
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant={"shift-hover"}
|
|
defaultTextAnimation={"entrance-slide"}
|
|
borderRadius={"rounded"}
|
|
contentWidth={"mediumSmall"}
|
|
sizing={"largeSmallSizeMediumTitles"}
|
|
background={"aurora"}
|
|
cardStyle={"outline"}
|
|
primaryButtonStyle={"primary-glow"}
|
|
secondaryButtonStyle={"solid"}
|
|
headingFontWeight={"medium"}
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Barello Burguer"
|
|
navItems={[
|
|
{ name: "Início", id: "#hero" },
|
|
{ name: "Sobre", id: "#about" },
|
|
{ name: "Cardápio", id: "#menu" },
|
|
{ name: "Perguntas Frequentes", id: "#faq" },
|
|
{ name: "Avaliações", id: "#testimonials" },
|
|
{ name: "Galeria", id: "#gallery" },
|
|
{ name: "Contato", id: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Barello Burguer — Sabor de Verdade na Vila Leopoldina"
|
|
description="Hambúrgueres artesanais, parmegianas irresistíveis e atendimento nota 1000. Venha descobrir por que somos o favorito do bairro."
|
|
background={{"variant":"radial-gradient"}}
|
|
buttons={[
|
|
{ text: "Peça pelo WhatsApp", href: "https://wa.me/551138345552" },
|
|
{ text: "Ver Cardápio", href: "#menu" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
imageSrc={resolveAssetUrl("hero-burger-parmegiana")}
|
|
imageAlt="Delicious burger and parmegiana"
|
|
imagePosition="right"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Quem Somos"
|
|
description="O Barello Burguer nasceu da paixão por lanches de verdade — aqueles feitos com carne de qualidade, pão macio e molhos que fazem você fechar os olhos na primeira mordida.\
|
|
No coração da Vila Leopoldina, o Renato e sua equipe recebem cada cliente como visita especial. Aqui o atendimento é nota 1000 e a comida chega rápida e gostosa."
|
|
imageSrc={resolveAssetUrl("about-renato-team")}
|
|
imageAlt="Renato and Barello Burguer team in the kitchen"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
title="Cardápio e Destaques"
|
|
description="Descubra nossos pratos mais pedidos e as especialidades que fazem o Barello Burguer ser único."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "burger-classico", name: "Hambúrguer Clássico Barello", price: "R$ 35,00", variant: "Blend artesanal, pão brioche, alface, tomate e molho especial da casa.", imageSrc: resolveAssetUrl("menu-burger-classic"), imageAlt: "Hambúrguer Clássico Barello" },
|
|
{ id: "parmegiana", name: "Parmegiana", price: "R$ 48,00", variant: "O prato mais pedido da casa. Frango empanado, molho sugo caseiro, mussarela derretida. Um clássico do jeito certo.", imageSrc: resolveAssetUrl("menu-parmegiana"), imageAlt: "Parmegiana" },
|
|
{ id: "batata-frita", name: "Batata Frita", price: "R$ 18,00", variant: "Crocinte por fora, macia por dentro. O acompanhamento que todo mundo pede.", imageSrc: resolveAssetUrl("menu-batata-frita"), imageAlt: "Batata Frita" },
|
|
{ id: "chicken-sandwich", name: "Sanduíche de Frango Crocante", price: "R$ 32,00", variant: "Peito de frango crocante, maionese de ervas e pão rústico.", imageSrc: resolveAssetUrl("menu-chicken-sandwich"), imageAlt: "Chicken Sandwich" },
|
|
{ id: "onion-rings", name: "Anéis de Cebola", price: "R$ 22,00", variant: "Porção generosa de anéis de cebola dourados e crocantes.", imageSrc: resolveAssetUrl("menu-onion-rings"), imageAlt: "Anéis de Cebola" },
|
|
{ id: "milkshake", name: "Milkshake Especial", price: "R$ 25,00", variant: "Experimente nossos sabores de milkshake, a combinação perfeita.", imageSrc: resolveAssetUrl("menu-milkshake"), imageAlt: "Milkshake Especial" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Perguntas Frequentes"
|
|
description="Respostas para suas dúvidas sobre o Barello Burguer."
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "faq-1", title: "Quais são os horários de funcionamento?", content: "Estamos abertos de terça a domingo, até as 23h00. Para horários de segunda-feira, por favor, entre em contato conosco." },
|
|
{ id: "faq-2", title: "Vocês fazem entrega?", content: "Sim, oferecemos serviço de delivery. Você pode fazer seu pedido diretamente pelo nosso WhatsApp." },
|
|
{ id: "faq-3", title: "Aceitam reservas?", content: "Para grupos maiores ou eventos especiais, recomendamos entrar em contato com o proprietário Renato para verificar a disponibilidade." }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
description="Com uma avaliação de 4,3/5 no Google, baseada em 494 avaliações, a satisfação dos nossos clientes é a nossa prioridade."
|
|
testimonial="Simplesmente maravilhoso, atendimento nota 1000 e a comida espetacular. Indico de olhos fechados, experimentem o parmegiana! O atendimento é maravilhoso do começo ao fim. O proprietário Renato é uma gentileza em pessoa. O cardápio é diversificado, atendimento super atencioso e a comida vem rápido. Dá para agradar toda a família ou grupo de amigos."
|
|
rating={5}
|
|
author="Nossos Clientes Satisfeitos"
|
|
avatars={[
|
|
{ src: resolveAssetUrl("testimonial-avatar-1"), alt: "Sarah Johnson" },
|
|
{ src: resolveAssetUrl("testimonial-avatar-2"), alt: "Michael Chen" },
|
|
{ src: resolveAssetUrl("testimonial-avatar-3"), alt: "Emily Rodriguez" },
|
|
{ src: resolveAssetUrl("testimonial-avatar-4"), alt: "David Kim" },
|
|
{ src: resolveAssetUrl("testimonial-avatar-5"), alt: "Maria Silva" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
title="Siga o Barello"
|
|
description="Explore nossa galeria de fotos e acompanhe nossas delícias no Instagram."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "gallery-item-1", name: "Prato do Dia", price: "N/A", variant: "Especial do chef", imageSrc: resolveAssetUrl("gallery-food-1"), imageAlt: "Prato do Dia" },
|
|
{ id: "gallery-item-2", name: "Ambiente Aconchegante", price: "N/A", variant: "Nosso espaço para você", imageSrc: resolveAssetUrl("gallery-food-2"), imageAlt: "Ambiente Aconchegante" },
|
|
{ id: "gallery-item-3", name: "Ingredientes Frescos", price: "N/A", variant: "Qualidade em cada detalhe", imageSrc: resolveAssetUrl("gallery-food-3"), imageAlt: "Ingredientes Frescos" },
|
|
{ id: "gallery-item-4", name: "Café Perfeito", price: "N/A", variant: "Para começar o dia", imageSrc: resolveAssetUrl("gallery-food-4"), imageAlt: "Café Perfeito" },
|
|
{ id: "gallery-item-5", name: "Combos Irresistíveis", price: "N/A", variant: "Para todos os gostos", imageSrc: resolveAssetUrl("gallery-food-5"), imageAlt: "Combos Irresistíveis" },
|
|
{ id: "gallery-item-6", name: "Experiência Barello", price: "N/A", variant: "Momentos inesquecíveis", imageSrc: resolveAssetUrl("gallery-food-6"), imageAlt: "Experiência Barello" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
description="Estamos localizados no coração da Vila Leopoldina. Esperamos por você!"
|
|
text="R. Columbus, 361 — Vila Leopoldina, São Paulo — SP, CEP: 05304-010.\
|
|
Horários: Terça a Domingo: até 23h00. Segunda-feira: verificar com o proprietário.\
|
|
Contato: (11) 3834-5552"
|
|
buttons={[
|
|
{ text: "Chamar no WhatsApp", href: "https://wa.me/551138345552" },
|
|
{ text: "Ver no Mapa", href: "https://maps.app.goo.gl/YourRestaurantLocation" }
|
|
]}
|
|
background={{"variant":"plain"}}
|
|
animationType="entrance-slide"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
logoText="Barello Burguer"
|
|
imageSrc={resolveAssetUrl("footer-restaurant-interior")}
|
|
imageAlt="Barello Burguer Restaurant Interior"
|
|
columns={[
|
|
{ title: "Navegação", items: [{ label: "Início", href: "#hero" }, { label: "Sobre", href: "#about" }, { label: "Cardápio", href: "#menu" }, { label: "Avaliações", href: "#testimonials" }] },
|
|
{ title: "Contato", items: [{ label: "Endereço", href: "https://maps.app.goo.gl/YourRestaurantLocation" }, { label: "Telefone", href: "tel:+551138345552" }, { label: "WhatsApp", href: "https://wa.me/551138345552" }, { label: "Horários", href: "#contact" }] },
|
|
{ title: "Redes Sociais", items: [{ label: "Instagram", href: "https://instagram.com/barelloburguer" }, { label: "Facebook", href: "https://facebook.com/barelloburguer" }] }
|
|
]}
|
|
copyrightText="© 2024 Barello Burguer. Todos os direitos reservados."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|