202 lines
11 KiB
TypeScript
202 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Award, HelpCircle, Phone, Sparkles, Star, User, Users, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Início", id: "hero" },
|
|
{ name: "Sobre", id: "about" },
|
|
{ name: "Cardápio", id: "products" },
|
|
{ name: "Depoimentos", id: "testimonials" },
|
|
{ name: "Contato", id: "contact" }
|
|
]}
|
|
brandName="Cê Que Sabe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{ variant: "gradient-bars" }}
|
|
title="O melhor hambúrguer artesanal de Cabreúva."
|
|
description="Desde 2014 servindo sabor, experiência e a cerveja mais gelada da região. Venha viver a experiência Cê Que Sabe."
|
|
buttons={[{ text: "Peça pelo WhatsApp", href: "https://wa.me/5511999281228" }]}
|
|
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-burgers-with-pickles_23-2148784495.jpg", imageAlt: "Hambúrguer Gourmet Cê Que Sabe" }]}
|
|
tag="Hamburgueria Artesanal"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="Tradição e Qualidade desde 2014"
|
|
description="Um ambiente aconchegante no coração do Jacaré. Focamos no preparo artesanal, nos melhores ingredientes e no atendimento de excelência que você merece."
|
|
metrics={[
|
|
{ value: "10+", title: "Anos de Tradição" },
|
|
{ value: "100%", title: "Sabor Artesanal" },
|
|
{ value: "5/5", title: "Avaliação dos Clientes" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/thanksgiving-table-decoration-with-back-view-woman_23-2147709508.jpg"
|
|
imageAlt="Interior aconchegante da hamburgueria"
|
|
tag="Quem Somos"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", brand: "Popular", name: "Cê Que Sabe Completo", price: "R$ 35,00", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/male-s-hands-holding-delicious-double-cheeseburger_181624-56398.jpg?_wi=1" },
|
|
{ id: "2", brand: "Destaque", name: "Burger Artesanal Bacon", price: "R$ 38,00", rating: 5, reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-hot-dog-fries_23-2148314203.jpg?_wi=1" },
|
|
{ id: "3", brand: "Premium", name: "Burger Especial Gourmet", price: "R$ 42,00", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-delicious-home-made-burger_23-2148374924.jpg?_wi=1" }
|
|
]}
|
|
title="Nosso Cardápio Especial"
|
|
description="Destaques artesanais preparados no ponto, com a nossa maionese caseira exclusiva."
|
|
tag="Cardápio"
|
|
tagIcon={Utensils}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: 1, tag: "Sabor", title: "Artesanal de Verdade", subtitle: "Ingredientes selecionados", description: "Carne fresca e preparada no método artesanal para garantir a suculência.", imageSrc: "http://img.b2bpic.net/free-photo/male-s-hands-holding-delicious-double-cheeseburger_181624-56398.jpg?_wi=2" },
|
|
{ id: 2, tag: "Drinks", title: "Bar e Caipirinhas", subtitle: "Bebidas no ponto", description: "Opções diversas de drinks, caipirinhas caprichadas e cerveja estupidamente gelada.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-hot-dog-fries_23-2148314203.jpg?_wi=2" },
|
|
{ id: 3, tag: "Ambiente", title: "Aconchegante e Familiar", subtitle: "Local tranquilo", description: "Ambiente sossegado de interior, perfeito para casais e famílias com trilha sonora de qualidade.", imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-delicious-home-made-burger_23-2148374924.jpg?_wi=2" }
|
|
]}
|
|
title="Por que nos escolher?"
|
|
description="Muito além de um lanche, uma experiência completa para você e sua família."
|
|
tag="Diferenciais"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{ id: "1", name: "Vivian", role: "Proprietária", description: "Muito atenciosa e dedicada à satisfação do cliente.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg?_wi=1" },
|
|
{ id: "2", name: "Nathaly", role: "Gerente", description: "Focada em proporcionar a melhor experiência no atendimento.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg?_wi=2" },
|
|
{ id: "3", name: "Time Cê Que Sabe", role: "Equipe Operacional", description: "Preparando seu lanche com qualidade e rapidez.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg?_wi=3" }
|
|
]}
|
|
title="Nossa Equipe"
|
|
description="Atendimento nota 10, sempre pronto para lhe servir bem."
|
|
tag="Equipe"
|
|
tagIcon={User}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Lanche maravilhoso e ambiente extremamente charmoso e aconchegante.", imageSrc: "http://img.b2bpic.net/free-photo/curly-brunet-darkskinned-man-color-tshirt-stylish-floral-shirt-smiling-pointing-camera-outside_197531-28854.jpg" },
|
|
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Atendimento excelente, hambúrguer no ponto, caipirinha uma graça. Voltarei!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-drinks_23-2149212151.jpg" },
|
|
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Surpreendente! Apresentação nota 10, sabor 10. A maionese caseira é o destaque.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491782.jpg" },
|
|
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Batata rústica é excelente e o atendimento é impecável. Lugar para ir com família ou casal.", imageSrc: "http://img.b2bpic.net/free-photo/girl-having-coffee-restaurant_23-2148172650.jpg" }
|
|
]}
|
|
title="O que dizem nossos clientes"
|
|
description="Confira a opinião de quem já provou e aprovou."
|
|
tag="Depoimentos"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "1", title: "Onde ficam localizados?", content: "Estamos localizados no Jacaré, Cabreúva, bem perto da rodovia." },
|
|
{ id: "2", title: "Trabalham com delivery?", content: "Sim! Entre em contato pelo WhatsApp (11) 99928-1228 e faça seu pedido." },
|
|
{ id: "3", title: "O local é bom para crianças?", content: "Com certeza, nosso ambiente é super aconchegante e familiar, ideal para trazer a família toda." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-practicing-batch-cooking-with-healthy-food_23-2149092390.jpg"
|
|
title="Dúvidas Frequentes"
|
|
description="Veja como funcionamos e tire suas dúvidas rapidamente."
|
|
faqsAnimation="slide-up"
|
|
imageAlt="Equipe na cozinha"
|
|
mediaAnimation="slide-up"
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
tag="Entre em Contato"
|
|
title="Fome de algo incrível?"
|
|
description="Peça agora pelo WhatsApp e sinta o sabor do melhor hambúrguer de Cabreúva."
|
|
buttonText="Chamar no WhatsApp"
|
|
onSubmit={(email: string) => window.open('https://wa.me/5511999281228', '_blank')}
|
|
background={{ variant: "gradient-bars" }}
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Menu", items: [{ label: "Início", href: "#hero" }, { label: "Cardápio", href: "#products" }, { label: "Sobre", href: "#about" }] },
|
|
{ title: "Contato", items: [{ label: "(11) 99928-1228", href: "https://wa.me/5511999281228" }] },
|
|
{ title: "Legal", items: [{ label: "Termos de Uso", href: "#" }, { label: "Privacidade", href: "#" }] }
|
|
]}
|
|
logoText="Cê Que Sabe Hamburgueria"
|
|
copyrightText="© 2025 | Cê Que Sabe"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |