220 lines
8.8 KiB
TypeScript
220 lines
8.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Clock, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Início", id: "hero"},
|
|
{
|
|
name: "Sobre", id: "sobre"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Avaliações", id: "depoimentos"},
|
|
{
|
|
name: "Contato", id: "contato"},
|
|
]}
|
|
brandName="Six Street Burguer"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Six Street Burguer"
|
|
description="O Melhor Burguer de São Vicente. Sabor, qualidade e atitude em cada mordida 🍔"
|
|
buttons={[
|
|
{
|
|
text: "Pedir no WhatsApp", href: "https://wa.me/5513991435717"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-burger-with-guacamole-copy-space_23-2148678835.jpg"
|
|
imageAlt="O melhor burguer artesanal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="sobre" data-section="sobre">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Sobre a Six Street"
|
|
description="A Six Street Burguer nasceu para entregar hambúrgueres artesanais com muito sabor, ingredientes selecionados e aquele estilo street food que todo mundo ama."
|
|
bulletPoints={[
|
|
{
|
|
title: "Artesanais", description: "Receitas exclusivas e carne de alta qualidade."},
|
|
{
|
|
title: "Ingredientes", description: "Selecionados diariamente para frescor máximo."},
|
|
{
|
|
title: "Atitude", description: "Sabor autêntico de rua em um ambiente descontraído."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-butcher-taking-raw-meat-out-counter_7502-4752.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Smash Burguer", description: "Pão macio, carne smash prensada na chapa e queijo derretido.", imageSrc: "http://img.b2bpic.net/free-photo/beef-hamburger_74190-699.jpg"},
|
|
{
|
|
title: "X Bacon", description: "Hambúrguer artesanal suculento com bacon crocante e molho especial.", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-beef-steak-salad-inside-served-with-jar-mojito_114579-2310.jpg"},
|
|
{
|
|
title: "Batata com Bacon", description: "Batata frita especial com cheddar cremoso e pedaços de bacon.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-healthy-food-copy-space_23-2148287543.jpg"},
|
|
]}
|
|
title="Nosso Menu"
|
|
description="Escolha o seu preferido e faça seu pedido."
|
|
/>
|
|
</div>
|
|
|
|
<div id="depoimentos" data-section="depoimentos">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Cliente", company: "São Vicente", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-pumpkin_141793-116079.jpg"},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Cliente", company: "Cidade Náutica", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Cliente", company: "São Vicente", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67213.jpg"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Cliente", company: "Cidade Náutica", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
|
{
|
|
id: "5", name: "Ana Silva", role: "Cliente", company: "São Vicente", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-decided-dine-roadside-cafe-eating-hamburger_613910-19629.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.9", label: "Nota Média"},
|
|
{
|
|
value: "500+", label: "Lanches Vendidos"},
|
|
{
|
|
value: "100%", label: "Satisfação"},
|
|
]}
|
|
title="Avaliações"
|
|
description="O que nossos clientes dizem sobre a Six Street."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", title: "Clientes Satisfeitos", value: "1000+", icon: Users,
|
|
},
|
|
{
|
|
id: "m2", title: "Sabor Único", value: "100%", icon: Award,
|
|
},
|
|
{
|
|
id: "m3", title: "Entrega Rápida", value: "30min", icon: Clock,
|
|
},
|
|
]}
|
|
title="Nossos Números"
|
|
description="Compromisso com qualidade em números."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Quais as formas de pagamento?", content: "Aceitamos PIX, cartões de crédito/débito e dinheiro."},
|
|
{
|
|
id: "q2", title: "Qual a área de entrega?", content: "Atendemos toda a região de Cidade Náutica, São Vicente."},
|
|
{
|
|
id: "q3", title: "Aceitam pedidos personalizados?", content: "Sim! Você pode personalizar seu lanche com ingredientes extras."},
|
|
{
|
|
id: "q4", title: "Qual o tempo de entrega e pedido mínimo?", content: "Nosso tempo médio de entrega é de 30 a 45 minutos. O pedido mínimo para entrega é de R$ 30,00."}
|
|
]}
|
|
sideTitle="Dúvidas Frequentes"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contato" data-section="contato">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Contato"
|
|
description="Fale com a gente e peça seu lanche."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Seu Nome", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Seu E-mail", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "msg", placeholder: "Como podemos ajudar?", rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/street-market-night_23-2151604422.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Six Street Burguer"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Smash Burguer", href: "#menu"},
|
|
{
|
|
label: "Batatas", href: "#menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contato", items: [
|
|
{
|
|
label: "(13) 99143-5717", href: "tel:+5513991435717"},
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2026 Six Street Burguer - Todos os direitos reservados"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|