116 lines
5.0 KiB
TypeScript
116 lines
5.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Início", id: "hero" },
|
|
{ name: "Sobre", id: "about" },
|
|
{ name: "Produtos", id: "produtos" },
|
|
{ name: "Depoimentos", id: "testimonials" },
|
|
{ name: "Contato", id: "contato" },
|
|
]}
|
|
brandName="Magazine Generoso"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Magazine Generoso Utilidades"
|
|
description="Qualidade, organização e preço justo em Francisco Morato. Tudo o que você precisa para transformar seu lar."
|
|
buttons={[
|
|
{ text: "Ver Produtos", href: "#produtos" },
|
|
{ text: "Fale Conosco", href: "#contato" },
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-standing-rhe-kitchen-with-oatmeal_1157-27102.jpg?_wi=1", imageAlt: "Loja organizada de utilidades domésticas" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-modern-steel-pan-interior-kitchen_169016-20016.jpg?_wi=1", imageAlt: "Utensílios de cozinha" },
|
|
]}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[{ type: "text", content: "Excelência em cada detalhe" }]}
|
|
buttons={[{ text: "Conheça nossa loja" }]}
|
|
className="py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="produtos" data-section="produtos">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Utensílios de Cozinha", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/closeup-modern-steel-pan-interior-kitchen_169016-20016.jpg?_wi=1" },
|
|
{ id: "p2", name: "Organização", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-assortment-shelves_23-2149238969.jpg?_wi=1" },
|
|
{ id: "p3", name: "Limpeza", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cleaning-solution-gloves_23-2148587271.jpg?_wi=1" },
|
|
]}
|
|
title="Linha Completa de Utilidades"
|
|
description="Encontre tudo para equipar sua casa com praticidade e economia."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "t1", name: "Maria Silva", date: "10/2025", title: "Cliente fiel", quote: "Loja impecável, encontro tudo que preciso para organização!", tag: "Excelente", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-people-garage-sale_23-2150577059.jpg" },
|
|
{ id: "t2", name: "João Santos", date: "09/2025", title: "Cliente satisfeito", quote: "Ótimo atendimento e preços competitivos.", tag: "Recomendo", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-glassblower_107420-74246.jpg" },
|
|
]}
|
|
title="Opinião de nossos clientes"
|
|
description="Transformando casas com a confiança que você merece."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contato" data-section="contato">
|
|
<ContactText
|
|
background={{ variant: "animated-grid" }}
|
|
text="Magazine Generoso - Travessa José Benedito Ryan, 56. Atendimento especializado em Francisco Morato. Fale com nossa equipe pelo WhatsApp!"
|
|
buttons={[
|
|
{ text: "WhatsApp (11) 2503-7605", href: "https://wa.me/551125037605" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Magazine Generoso"
|
|
leftLink={{ text: "Instagram", href: "https://www.instagram.com/magazinegeneroso/" }}
|
|
rightLink={{ text: "Copyright 2026", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |