167 lines
10 KiB
TypeScript
167 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Início", id: "hero" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Experiência", id: "experience" },
|
|
{ name: "Contato", id: "contact" },
|
|
]}
|
|
brandName="Gelatos e Burgers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{ variant: "sparkles-gradient" }}
|
|
title="Onde o sabor é sempre nível 5 estrelas."
|
|
description="Burgers artesanais e gelatos irresistíveis. Uma experiência que você vai querer repetir."
|
|
buttons={[{ text: "Ver Cardápio", href: "#menu" }, { text: "Fazer Pedido", href: "#contact" }]}
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-popping-balloon-with-paint_23-2148292530.jpg?_wi=1", imageAlt: "Gourmet burger" },
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/eating-dinner-beef-lamb-tomato-sauce-with-cutlery_114579-1931.jpg?_wi=1", imageAlt: "Artisan gelato" },
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-s-hand-holding-delicious-dessert-reflective-plate_23-2147863813.jpg?_wi=1", imageAlt: "Smash burger" },
|
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pink-ice-cream-still-life_23-2150096617.jpg?_wi=1", imageAlt: "Chocolate gelato" },
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-hamburger-wooden-plate-restaurant_181624-50415.jpg?_wi=1", imageAlt: "Bacon supreme" },
|
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-holds-burger-with-hands-potato-chip_1150-1862.jpg", imageAlt: "Pistachio gelato" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Sabor Impecável", "Padrão 5 Estrelas", "Qualidade Superior", "Atendimento Premium", "Sempre Excelente", "Volto Sempre", "Melhor da Cidade"]}
|
|
title="Amado por quem prova"
|
|
description="Clientes que experimentam… voltam."
|
|
/>
|
|
</div>
|
|
|
|
<div id="signature" data-section="signature">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Burger Artesanal & Gelato Premium"
|
|
description="Pão macio, carne suculenta e combinações que fogem do comum. Textura perfeita, sabores intensos, finalização impecável."
|
|
metrics={[{ value: "100%", title: "Freshness" }, { value: "5★", title: "Rating" }, { value: "24h", title: "Craving" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-cheesy-meat-burger-with-seasonings-dark-floor-bun-sandwich-fast-food_140725-82157.jpg"
|
|
imageAlt="Burger and Gelato combo"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-different" data-section="why-different">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Sempre Fresco", description: "Ingredientes selecionados diariamente para garantir a máxima qualidade.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-spices-ingredients-black-wooden-surface_23-2147944288.jpg" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vanilla-ice-cream-texture_23-2149450682.jpg" }
|
|
},
|
|
{
|
|
title: "Padrão 5 Estrelas", description: "Compromisso inabalável com a excelência em cada detalhe.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409616.jpg" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/macro-tropical-fruit-texture_23-2148131943.jpg" }
|
|
},
|
|
{
|
|
title: "Atendimento Rápido", description: "Eficiência e carinho para você aproveitar seu momento sem demora.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-wooden-plate-with-vegetables-eggs-seasonings-dark-background-sugar-color-cake-white-tea-cookie-salad-food-biscuit_140725-160796.jpg" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/putting-ready-meatballs-into-wooden-tray_114579-4577.jpg" }
|
|
}
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Simples. Consistente. Viciante."
|
|
description="O que nos torna únicos no mercado."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Classic Smash", price: "R$ 35", variant: "Burger", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-meal-arrangement_23-2148614130.jpg" },
|
|
{ id: "p2", name: "Bacon Supreme", price: "R$ 42", variant: "Burger", imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-with-tomato-onion-fries-generative-ai_188544-36987.jpg" },
|
|
{ id: "p3", name: "Double Melt", price: "R$ 48", variant: "Burger", imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-past-with-squid-fork_23-2148461756.jpg" },
|
|
{ id: "p4", name: "Chocolate Intenso", price: "R$ 18", variant: "Gelato", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-crackers-cream-cheese_114579-1998.jpg" },
|
|
{ id: "p5", name: "Pistache Premium", price: "R$ 22", variant: "Gelato", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pistachio-icecream-with-nuts_23-2148431193.jpg" },
|
|
{ id: "p6", name: "Morango Cremoso", price: "R$ 18", variant: "Gelato", imageSrc: "http://img.b2bpic.net/free-photo/creamy-mushroom-sauteed-with-rice-salad_114579-2113.jpg" }
|
|
]}
|
|
title="Menu Selecionado"
|
|
description="Nossos campeões de vendas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Carlos M.", date: "12/05/2024", title: "Top", quote: "Sempre excelente. Volto sempre.", tag: "Burger", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-man-restaurant_23-2148899031.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-popping-balloon-with-paint_23-2148292530.jpg?_wi=2" },
|
|
{ id: "2", name: "Ana R.", date: "10/05/2024", title: "Incrível", quote: "Gelato perfeito e burger suculento.", tag: "Experiência", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageSrc: "http://img.b2bpic.net/free-photo/eating-dinner-beef-lamb-tomato-sauce-with-cutlery_114579-1931.jpg?_wi=2" },
|
|
{ id: "3", name: "Pedro S.", date: "08/05/2024", title: "Viciante", quote: "Melhor combinação da cidade.", tag: "Combo", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-s-hand-holding-delicious-dessert-reflective-plate_23-2147863813.jpg?_wi=2" },
|
|
{ id: "4", name: "Julia B.", date: "05/05/2024", title: "Excelente", quote: "Atendimento e qualidade impecáveis.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/excited-lady-holding-blue-idea-board-looking-camera-restaurant_114579-92458.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pink-ice-cream-still-life_23-2150096617.jpg?_wi=2" },
|
|
{ id: "5", name: "Lucas D.", date: "02/05/2024", title: "Sensacional", quote: "Realmente nível 5 estrelas.", tag: "Burger", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-hamburger-wooden-plate-restaurant_181624-50415.jpg?_wi=2" }
|
|
]}
|
|
title="A voz de quem viciou"
|
|
description="Não é só sobre comer. É sobre sentir."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Pedido"
|
|
title="Pronto para provar o melhor da cidade?"
|
|
description="Faça seu pedido agora ou venha nos visitar."
|
|
buttons={[{ text: "Pedir Agora", href: "#" }, { text: "Visitar Loja", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="GELATOS E BURGERS"
|
|
columns={[
|
|
{ title: "Menu", items: [{ label: "Burgers", href: "#menu" }, { label: "Gelatos", href: "#menu" }] },
|
|
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Localização", href: "#" }] },
|
|
{ title: "Contato", items: [{ label: "WhatsApp", href: "#" }, { label: "Horários", href: "#" }] }
|
|
]}
|
|
copyrightText="© 2024 Gelatos e Burgers. Todos os direitos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|