Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 897c59de2d | |||
| b5fe468a1a | |||
| 7362357e02 |
214
src/app/page.tsx
214
src/app/page.tsx
@@ -4,8 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||||
@@ -22,79 +22,44 @@ export default function LandingPage() {
|
|||||||
cardStyle="gradient-bordered"
|
cardStyle="gradient-bordered"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="primary-glow"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="light"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Início", id: "hero" },
|
||||||
name: "Início",
|
{ name: "Sobre", id: "about" },
|
||||||
id: "hero",
|
{ name: "Produtos", id: "produtos" },
|
||||||
},
|
{ name: "Depoimentos", id: "testimonials" },
|
||||||
{
|
{ name: "Contato", id: "contato" },
|
||||||
name: "Sobre",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Produtos",
|
|
||||||
id: "produtos",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Depoimentos",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contato",
|
|
||||||
id: "contato",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Magazine Generoso"
|
brandName="Magazine Generoso"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroCarouselLogo
|
||||||
logoText="Magazine Generoso Utilidades"
|
logoText="Magazine Generoso Utilidades"
|
||||||
description="Tudo para sua casa com qualidade, organização e preço justo. Referência em Francisco Morato - SP."
|
description="Qualidade, organização e preço justo em Francisco Morato. Tudo o que você precisa para transformar seu lar."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Ver Produtos", href: "#produtos" },
|
||||||
text: "Fale conosco",
|
{ text: "Fale Conosco", href: "#contato" },
|
||||||
href: "#contato",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Como chegar",
|
|
||||||
href: "#contato",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/woman-white-shirt-standing-rhe-kitchen-with-oatmeal_1157-27102.jpg?_wi=1"
|
slides={[
|
||||||
imageAlt="Loja organizada de utilidades domésticas"
|
{ 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>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MetricSplitMediaAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Excelência e Confiança"
|
heading={[{ type: "text", content: "Excelência em cada detalhe" }]}
|
||||||
description="Situados no Centro de Francisco Morato, somos dedicados a oferecer a melhor experiência para o seu lar. Com preços transparentes e uma loja impecavelmente organizada, nossa missão é facilitar o dia a dia da sua família."
|
buttons={[{ text: "Conheça nossa loja" }]}
|
||||||
metrics={[
|
className="py-20"
|
||||||
{
|
|
||||||
value: "5.0",
|
|
||||||
title: "Nota no Google",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "70+",
|
|
||||||
title: "Avaliações Reais",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "Grande",
|
|
||||||
title: "Variedade",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/person-ordering-food-restaurant_23-2149269226.jpg?_wi=1"
|
|
||||||
imageAlt="Nossa loja organizada"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
metricsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -105,51 +70,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "p1",
|
{ id: "p2", name: "Organização", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-assortment-shelves_23-2149238969.jpg?_wi=1" },
|
||||||
name: "Utensílios de Cozinha",
|
{ id: "p3", name: "Limpeza", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cleaning-solution-gloves_23-2148587271.jpg?_wi=1" },
|
||||||
price: "Consulte preços",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-modern-steel-pan-interior-kitchen_169016-20016.jpg?_wi=1",
|
|
||||||
imageAlt: "Utensílios de cozinha",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Organização Doméstica",
|
|
||||||
price: "Consulte preços",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-assortment-shelves_23-2149238969.jpg?_wi=1",
|
|
||||||
imageAlt: "Organizadores",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Produtos de Limpeza",
|
|
||||||
price: "Consulte preços",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cleaning-solution-gloves_23-2148587271.jpg?_wi=1",
|
|
||||||
imageAlt: "Limpeza",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Utilidades Gerais",
|
|
||||||
price: "Consulte preços",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-modern-steel-pan-interior-kitchen_169016-20016.jpg?_wi=2",
|
|
||||||
imageAlt: "Utilidades",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Artigos de Decoração",
|
|
||||||
price: "Consulte preços",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-assortment-shelves_23-2149238969.jpg?_wi=2",
|
|
||||||
imageAlt: "Decoração",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Variedades para Casa",
|
|
||||||
price: "Consulte preços",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cleaning-solution-gloves_23-2148587271.jpg?_wi=2",
|
|
||||||
imageAlt: "Variedades",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Variedade para seu Lar"
|
title="Linha Completa de Utilidades"
|
||||||
description="Temos tudo o que você precisa para equipar e organizar sua casa com economia."
|
description="Encontre tudo para equipar sua casa com praticidade e economia."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -158,98 +84,30 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
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: "t1",
|
{ 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" },
|
||||||
name: "Maria Silva",
|
|
||||||
date: "10/2025",
|
|
||||||
title: "Cliente fiel",
|
|
||||||
quote: "Loja impecável de organização, encontro tudo aqui.",
|
|
||||||
tag: "Excelente",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-people-garage-sale_23-2150577059.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-standing-rhe-kitchen-with-oatmeal_1157-27102.jpg?_wi=2",
|
|
||||||
imageAlt: "organized kitchen houseware store display",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "João Santos",
|
|
||||||
date: "09/2025",
|
|
||||||
title: "Cliente satisfeito",
|
|
||||||
quote: "Encontramos tudo para casa com preços ótimos.",
|
|
||||||
tag: "Recomendo",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-glassblower_107420-74246.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-ordering-food-restaurant_23-2149269226.jpg?_wi=2",
|
|
||||||
imageAlt: "friendly shop staff assisting customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Ana Souza",
|
|
||||||
date: "09/2025",
|
|
||||||
title: "Cliente frequente",
|
|
||||||
quote: "O atendimento é muito bom, sempre prestativos.",
|
|
||||||
tag: "Melhor loja",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-modern-steel-pan-interior-kitchen_169016-20016.jpg?_wi=3",
|
|
||||||
imageAlt: "stainless steel kitchen utensils",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Carlos Lima",
|
|
||||||
date: "08/2025",
|
|
||||||
title: "Cliente",
|
|
||||||
quote: "Preços muito claros e variedade gigante.",
|
|
||||||
tag: "Top",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-kitchen-with-donut_1157-27975.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-assortment-shelves_23-2149238969.jpg?_wi=3",
|
|
||||||
imageAlt: "storage containers kitchen organization",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Fernanda Oliveira",
|
|
||||||
date: "08/2025",
|
|
||||||
title: "Cliente",
|
|
||||||
quote: "Atendimento excelente, nota mil!",
|
|
||||||
tag: "Nota 10",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-shops-zero-waste-supermarket_482257-76230.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cleaning-solution-gloves_23-2148587271.jpg?_wi=3",
|
|
||||||
imageAlt: "cleaning supplies home essential",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="O que dizem nossos clientes"
|
title="Opinião de nossos clientes"
|
||||||
description="Orgulho de ser nota 5 estrelas em Francisco Morato."
|
description="Transformando casas com a confiança que você merece."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contato" data-section="contato">
|
<div id="contato" data-section="contato">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
background={{ variant: "animated-grid" }}
|
||||||
background={{
|
text="Magazine Generoso - Travessa José Benedito Ryan, 56. Atendimento especializado em Francisco Morato. Fale com nossa equipe pelo WhatsApp!"
|
||||||
variant: "animated-grid",
|
|
||||||
}}
|
|
||||||
text="Venha nos visitar em Francisco Morato! Estamos na Travessa José Benedito Ryan, 56. Atendimento de segunda a sábado. Entre em contato pelo WhatsApp (11) 2503-7605."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "WhatsApp (11) 2503-7605", href: "https://wa.me/551125037605" },
|
||||||
text: "WhatsApp",
|
|
||||||
href: "https://wa.me/551125037605",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Como chegar",
|
|
||||||
href: "https://maps.google.com/?q=Travessa+José+Benedito+Ryan+56+Francisco+Morato",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Magazine Generoso"
|
logoText="Magazine Generoso"
|
||||||
leftLink={{
|
leftLink={{ text: "Instagram", href: "https://www.instagram.com/magazinegeneroso/" }}
|
||||||
text: "Instagram",
|
rightLink={{ text: "Copyright 2026", href: "#" }}
|
||||||
href: "https://www.instagram.com/magazinegeneroso/",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
|
||||||
text: "Hadsites © 2026",
|
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user