183 lines
9.0 KiB
TypeScript
183 lines
9.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, Coffee, Heart, Sparkles, Crown } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Início", id: "hero" },
|
|
{ name: "Catálogo", id: "products" },
|
|
{ name: "Depoimentos", id: "testimonials" },
|
|
{ name: "Contato", id: "contact" },
|
|
]}
|
|
brandName="Casa Brasil"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Cozinha Afetiva: Onde o Afeto Vira Arte."
|
|
description="Confeitaria artesanal de luxo, transformando momentos em memórias inesquecíveis através do sabor e da sofisticação."
|
|
buttons={[
|
|
{ text: "Monte seu Bolo", href: "#contact" },
|
|
{ text: "Ver Catálogo", href: "#products" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/slice-cheesecake-with-fruit-salad_114579-17913.jpg"
|
|
imageAlt="Bolo artesanal de luxo Casa Brasil"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg", alt: "Client 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152879.jpg", alt: "Client 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/happy-lunch_1098-15088.jpg", alt: "Client 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/healthy-people-girl-happy-lunch_1303-1901.jpg", alt: "Client 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-baker_23-2149233681.jpg", alt: "Client 5" },
|
|
]}
|
|
avatarText="Junte-se a mais de 5.000 clientes satisfeitos"
|
|
marqueeItems={[
|
|
{ type: "text-icon", text: "Artesanal", icon: Sparkles },
|
|
{ type: "text-icon", text: "Sofisticado", icon: Award },
|
|
{ type: "text-icon", text: "Afetivo", icon: Heart },
|
|
{ type: "text-icon", text: "Premium", icon: Crown },
|
|
{ type: "text-icon", text: "Gourmet", icon: Coffee },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "Bolo Clássico", price: "R$ 150", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-sweet-goodies_23-2148900935.jpg" },
|
|
{ id: "p2", name: "Doces Decorados", price: "R$ 80", imageSrc: "http://img.b2bpic.net/free-photo/sweet-cakes-with-fruits-dark-blue_140725-32425.jpg" },
|
|
{ id: "p3", name: "Kit Festa Gourmet", price: "R$ 300", imageSrc: "http://img.b2bpic.net/free-photo/buffet-breakfast-with-desserts_116348-83.jpg" },
|
|
{ id: "p4", name: "Salgados Premium", price: "R$ 120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-freshly-baked-cake-with-raspberries-babies-white-tray-mixed-color-table_140725-91889.jpg" },
|
|
{ id: "p5", name: "Edição Siciliano", price: "R$ 180", imageSrc: "http://img.b2bpic.net/free-photo/sophisticated-tea-party-assortment_23-2149045921.jpg" },
|
|
{ id: "p6", name: "Seleção Páprica", price: "R$ 210", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cakes-with-pomegranate-plate-cake-strawberries-seeds-pomegranate-lemon-cookies-table_140725-123556.jpg" },
|
|
]}
|
|
title="Nossas Criações"
|
|
description="Explora nosso menu de prestígio, feito com ingredientes selecionados."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "12+", title: "Anos de História", items: ["Chefes especialistas", "Dedicação total", "Cozinha afetiva"] },
|
|
{ id: "m2", value: "5k", title: "Bolos Entregues", items: ["Momentos únicos", "Eventos prestígio", "Experiência premium"] },
|
|
{ id: "m3", value: "100%", title: "Clientes Satisfeitos", items: ["Qualidade garantida", "Ingredientes nobres", "Atendimento VIP"] },
|
|
]}
|
|
title="Tradição em Números"
|
|
description="Anos de dedicação à confeitaria de alto nível."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="A Essência da Casa Brasil"
|
|
metrics={[
|
|
{ icon: Sparkles, label: "Artesanal", value: "100%" },
|
|
{ icon: Award, label: "Qualidade", value: "Premium" },
|
|
{ icon: Heart, label: "Afetividade", value: "Alta" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Ana Silva", role: "Festeira", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-by-counter-serving-salad-from-cabbage-holding-chilli-pepper_1303-32139.jpg" },
|
|
{ id: "t2", name: "Carlos Souza", role: "Empresário", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg" },
|
|
{ id: "t3", name: "Mariana Lima", role: "Arquiteta", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/patient-enjoying-free-time-after-chemotherapy-treatment_23-2149261143.jpg" },
|
|
{ id: "t4", name: "João Pereira", role: "Médico", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-yellow-dress_23-2148510192.jpg" },
|
|
{ id: "t5", name: "Beatriz Rocha", role: "Advogada", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-holding-muffins-hands_23-2147974707.jpg" },
|
|
]}
|
|
title="Histórias de Afeto"
|
|
description="O que nossos clientes dizem sobre a Casa Brasil."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "f1", title: "Como faço um pedido?", content: "Basta clicar em 'Monte seu Bolo' e seguir o assistente, finalizando via WhatsApp." },
|
|
{ id: "f2", title: "Qual a antecedência mínima?", content: "Recomendamos pelo menos 72 horas para bolos personalizados de prestígio." },
|
|
{ id: "f3", title: "Como funciona a entrega?", content: "Realizamos entregas via portador especializado ou retirada na nossa cozinha artesanal." },
|
|
]}
|
|
sideTitle="Dúvidas Frequentes"
|
|
sideDescription="Tudo o que você precisa saber para realizar seu pedido."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Pedido Via WhatsApp"
|
|
title="Vamos criar o bolo dos seus sonhos?"
|
|
description="Personalize agora sua experiência Casa Brasil e encante a todos."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
onSubmit={(email) => console.log("Form submitted: ", email)}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Navegação", items: [{ label: "Início", href: "#hero" }, { label: "Catálogo", href: "#products" }, { label: "Contato", href: "#contact" }],
|
|
},
|
|
{
|
|
title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }, { label: "Pinterest", href: "#" }],
|
|
},
|
|
{
|
|
title: "Legal", items: [{ label: "Termos", href: "#" }, { label: "Privacidade", href: "#" }],
|
|
},
|
|
]}
|
|
logoText="Casa Brasil"
|
|
copyrightText="© 2025 Casa Brasil - Cozinha Afetiva"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |