bender/507a4d39-651d-4e30-9c3f-724ff0ccf26d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

4 Commits
version_3 ... version_4

Author SHA1 Message Date
bender
22022f54cf Update src/app/page.tsx 2026-05-22 17:42:14 +00:00
bender
961b76a8ee Update src/app/page.tsx 2026-05-22 17:39:24 +00:00
bender
6ad386cf2a Update src/app/page.tsx 2026-05-22 17:36:42 +00:00
bender
808ad656b1 Merge version_3 into main 
Merge version_3 into main
 2026-05-22 17:35:07 +00:00
1 changed files with 110 additions and 107 deletions
Expand all files Collapse all files

217
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { useState } from "react";
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -13,6 +14,10 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
export default function LandingPage() { export default function LandingPage() {
const [isReady] = useState(true);
if (!isReady) return null;
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="text-stagger"
@@ -27,121 +32,119 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "Início", id: "hero" }, { name: "Início", id: "hero" },
{ name: "Sobre", id: "about" }, { name: "Sobre", id: "about" },
{ name: "Produtos", id: "products" }, { name: "Produtos", id: "products" },
{ name: "Contato", id: "contact" }, { name: "Contato", id: "contact" },
]} ]}
brandName="Sueli Floricultura" brandName="Sueli Floricultura"
button={{ button={{ text: "Ver Catálogo", href: "#products" }}
text: "Ver Catálogo", href: "#products" />
}} </div>
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroOverlay
title="A beleza natural para momentos especiais" title="A beleza natural para momentos especiais"
description="Descubra arranjos florais artesanais, frescos e preparados com dedicação para tornar seu dia ainda mais inesquecível." description="Descubra arranjos florais artesanais, frescos e preparados com dedicação para tornar seu dia ainda mais inesquecível."
buttons={[{ text: "Ver Catálogo", href: "#products" }]} buttons={[{ text: "Ver Catálogo", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/flowers-wood-background-from_176420-55784.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/flowers-wood-background-from_176420-55784.jpg?_wi=1"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Tradição em flores, paixão pela arte" title="Tradição em flores, paixão pela arte"
description="Na Sueli Floricultura, cada pétala é escolhida a dedo. Nossa missão é levar natureza, cor e fragrância para o seu ambiente, aliando técnica à criatividade." description="Na Sueli Floricultura, cada pétala é escolhida a dedo. Nossa missão é levar natureza, cor e fragrância para o seu ambiente, aliando técnica à criatividade."
metrics={[ metrics={[
{ value: "15+", title: "Anos de história" }, { value: "15+", title: "Anos de história" },
{ value: "5000+", title: "Buquês entregues" }, { value: "5000+", title: "Buquês entregues" },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/florist-male-cutting-flower-stalks-sideways_23-2148435687.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/florist-male-cutting-flower-stalks-sideways_23-2148435687.jpg?_wi=1"
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardMedia <FeatureCardMedia
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ id: "f1", title: "Flores frescas", description: "Recebemos flores diariamente para garantir frescor e longevidade.", tag: "Qualidade", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-floral-arrangement-calling_329181-9357.jpg" }, { id: "f1", title: "Flores frescas", description: "Recebemos flores diariamente para garantir frescor e longevidade.", tag: "Qualidade", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-floral-arrangement-calling_329181-9357.jpg" },
{ id: "f2", title: "Entrega ágil", description: "Entregas cuidadosas e pontuais na região.", tag: "Rapidez", imageSrc: "http://img.b2bpic.net/free-photo/flowers-wood-background-from_176420-55784.jpg?_wi=2" }, { id: "f2", title: "Entrega ágil", description: "Entregas cuidadosas e pontuais na região.", tag: "Rapidez", imageSrc: "http://img.b2bpic.net/free-photo/flowers-wood-background-from_176420-55784.jpg?_wi=2" },
{ id: "f3", title: "Designs personalizados", description: "Arranjos únicos criados conforme o seu desejo.", tag: "Exclusividade", imageSrc: "http://img.b2bpic.net/free-photo/florist-male-cutting-flower-stalks-sideways_23-2148435687.jpg?_wi=2" }, { id: "f3", title: "Designs personalizados", description: "Arranjos únicos criados conforme o seu desejo.", tag: "Exclusividade", imageSrc: "http://img.b2bpic.net/free-photo/florist-male-cutting-flower-stalks-sideways_23-2148435687.jpg?_wi=2" },
]} ]}
title="Nossos diferenciais" title="Nossos diferenciais"
description="Compromisso com a qualidade em cada entrega." description="Compromisso com a qualidade em cada entrega."
/> />
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardTwo <ProductCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ id: "p1", brand: "Especial", name: "Buquê de Rosas Clássico", price: "R$ 150,00", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-yellow-red-anemone-flowers-bouquet-jpg_140725-12138.jpg" }, { id: "p1", brand: "Especial", name: "Buquê de Rosas Clássico", price: "R$ 150,00", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-yellow-red-anemone-flowers-bouquet-jpg_140725-12138.jpg" },
{ id: "p2", brand: "Celebração", name: "Arranjo de Lírios Brancos", price: "R$ 180,00", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/decorative-flowers-with-wood-texture_23-2148164036.jpg" }, { id: "p2", brand: "Celebração", name: "Arranjo de Lírios Brancos", price: "R$ 180,00", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/decorative-flowers-with-wood-texture_23-2148164036.jpg" },
{ id: "p3", brand: "Verão", name: "Buquê Girassóis", price: "R$ 120,00", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/fashion-autumn-bouquet-with-yellow-combination-flowers_114579-2477.jpg" }, { id: "p3", brand: "Verão", name: "Buquê Girassóis", price: "R$ 120,00", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/fashion-autumn-bouquet-with-yellow-combination-flowers_114579-2477.jpg" },
]} ]}
title="Nossos Arranjos" title="Nossos Arranjos"
description="Flores para aniversários, casamentos, eventos e demonstrações de carinho." description="Flores para aniversários, casamentos, eventos e demonstrações de carinho."
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen <TestimonialCardFifteen
testimonial="As flores chegaram perfeitas! A Sueli Floricultura tem o atendimento mais atencioso que já vi." testimonial="As flores chegaram perfeitas! A Sueli Floricultura tem o atendimento mais atencioso que já vi."
rating={5} rating={5}
author="Mariana Santos" author="Mariana Santos"
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-female-florist-holding-flower-bouquet-hand_23-2148049419.jpg", alt: "Mariana Santos" }]} avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-female-florist-holding-flower-bouquet-hand_23-2148049419.jpg", alt: "Mariana Santos" }]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
textboxLayout="split" textboxLayout="split"
faqs={[ faqs={[
{ id: "faq1", title: "Como agendar uma entrega?", content: "Entre em contato via WhatsApp ou telefone." }, { id: "faq1", title: "Como agendar uma entrega?", content: "Entre em contato via WhatsApp ou telefone." },
{ id: "faq2", title: "Qual a área de atendimento?", content: "Estamos localizados no centro e atendemos toda a região." }, { id: "faq2", title: "Qual a área de atendimento?", content: "Estamos localizados no centro e atendemos toda a região." },
]} ]}
title="Dúvidas frequentes" title="Dúvidas frequentes"
description="Saiba mais sobre nossos serviços." description="Saiba mais sobre nossos serviços."
faqsAnimation="slide-up" faqsAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
background={{ variant: "gradient-bars" }} background={{ variant: "gradient-bars" }}
tag="Contato" tag="Contato"
title="Localização e Contato" title="Localização e Contato"
description="Venha nos conhecer! Estamos situados na Rua das Flores, 555 - Jardim Botânico, Porto Alegre - RS. Atendimento presencial e entregas em toda a cidade." description="Venha nos conhecer! Estamos situados na Rua das Flores, 555 - Jardim Botânico, Porto Alegre - RS. Atendimento presencial e entregas em toda a cidade."
imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor-against-autumn-leaves-tree-decorations-store_627829-6788.jpg" imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor-against-autumn-leaves-tree-decorations-store_627829-6788.jpg"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="Sueli Floricultura" logoText="Sueli Floricultura"
columns={[ columns={[
{ title: "Localização", items: [{ label: "Rua das Flores, 555 - Jardim Botânico, RS", href: "https://www.google.com/maps/place/Rua+das+Flores+555" }] }, { title: "Localização", items: [{ label: "Rua das Flores, 555 - Jardim Botânico, RS", href: "https://www.google.com/maps/place/Rua+das+Flores+555" }] },
{ title: "Contato", items: [{ label: "(51) 3333-3333", href: "tel:+555133333333" }] }, { title: "Contato", items: [{ label: "(51) 3333-3333", href: "tel:+555133333333" }] },
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }