12 Commits

Author SHA1 Message Date
5e3544d641 Update src/app/page.tsx 2026-05-04 16:35:54 +00:00
e0f5272a29 Update src/app/page.tsx 2026-05-04 16:35:21 +00:00
9493336e39 Merge version_3 into main
Merge version_3 into main
2026-05-04 16:19:58 +00:00
115c777d02 Update src/app/page.tsx 2026-05-04 16:19:55 +00:00
c4b220abf6 Merge version_2 into main
Merge version_2 into main
2026-05-04 16:17:36 +00:00
51aac550fb Update src/app/page.tsx 2026-05-04 16:17:33 +00:00
0757f7bba1 Merge version_2 into main
Merge version_2 into main
2026-05-04 16:17:07 +00:00
f1fadbf1bf Update src/app/page.tsx 2026-05-04 16:17:01 +00:00
ef3f29c37a Merge version_2 into main
Merge version_2 into main
2026-05-04 16:16:35 +00:00
337636355f Update src/app/page.tsx 2026-05-04 16:16:32 +00:00
9c502b5efa Merge version_2 into main
Merge version_2 into main
2026-05-04 16:16:13 +00:00
5c57f12511 Update src/app/page.tsx 2026-05-04 16:16:10 +00:00

View File

@@ -2,16 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
export default function LandingPage() {
return (
@@ -19,407 +16,104 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="fluid"
cardStyle="outline"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Início",
id: "hero",
},
{
name: "Sobre",
id: "about",
},
{
name: "Destaques",
id: "features",
},
{
name: "Produtos",
id: "products",
},
{
name: "Contato",
id: "contact",
},
]}
brandName="Supermercado Vieira"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Início", id: "hero" },
{ name: "Sobre", id: "about" },
{ name: "Destaques", id: "features" },
{ name: "Produtos", id: "products" },
{ name: "Contato", id: "contact" },
]}
brandName="Supermercado Vieira"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Frescor e Qualidade Todos os Dias"
description="O Supermercado Vieira traz o melhor em alimentos frescos, produtos de limpeza e tudo o que sua família precisa com o melhor preço da região."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-colorful-fresh-vegetables-surrounding-wooden-chopping-board_23-2147927264.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/peppers-woode-tray-with-zucchini-garlics_114579-6109.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-various-fresh-produce_482257-92814.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-checking-shopping-cart-see-if-she-has-everything-she-needs-lunch_342744-1111.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-supermarket-beautiful-young-woman-shopping-supermarket-buying-fresh-organic-vegetables_169016-1998.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-fruits-cherry-tomatoes-cumcuat-lettuce-quince-grape-lemon-cauliflower-white-radish-parsley-zucchini-cucumbers-free-space-center_140725-59423.jpg",
imageAlt: "Fresh Food",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/healthy-vegetable-decoration-with-slate_23-2147681620.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cereals-spices-recyclable-jars_482257-76659.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-gestures-curiously-grocery-store_482257-76099.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/eco-bag-with-different-fruits-vegetables_169016-5438.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/retailing-supermarket-retail-supermarket-fruits-market_53876-32207.jpg",
imageAlt: "Fresh Food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-carbon-footprint-eco-supermarket_482257-86756.jpg",
imageAlt: "Fresh Food",
},
]}
buttons={[
{
text: "Confira Nossas Ofertas",
href: "#products",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/high-angle-fresh-fruits-vegetables_23-2149235869.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-view-various-fresh-vegetables-surrounding-chopping-board_23-2147927316.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/various-fruits-with-vegetable-wood-background_1150-4876.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/bottom-view-fresh-vegetables-cherry-tomatoes-cumcuat-cauliflower-radish-green-onion-parsley-tomatoes-bell-peppers-free-space_140725-102741.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/organic-tasty-vegetable-wicker-basket-sale_23-2148209781.jpg",
alt: "Customer 5",
},
]}
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/roots-vegetable-table-sale-grocery-store-market_23-2148209840.jpg",
alt: "Brand 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/all-kinds-healthy-vegetable-farmer-market_23-2148209759.jpg",
alt: "Brand 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/closeup-fruits-vegetables-shopping-bag-supermarket_169016-19948.jpg",
alt: "Brand 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/woman-putting-pineapple-cart_23-2148238130.jpg",
alt: "Brand 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/eco-bag-with-different-fruits-vegetables-shopping-cart_169016-5429.jpg",
alt: "Brand 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Supermercado Vieira: Qualidade e Frescor"
description="Seu supermercado completo, com açougue selecionado, padaria artesanal, entrega em domicílio e atendimento atencioso. Tudo o que sua família precisa em um só lugar."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-crate-market-stall_23-2147916200.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379535.jpg?_wi=1" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-rib-eye-steak-table_140725-7013.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-grocery-store-by-refrigerator_1303-16013.jpg" }
]}
buttons={[{ text: "Conheça Nossas Ofertas", href: "#products" }]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Nossa História com Você"
description="Há anos servindo a comunidade, o Supermercado Vieira preza pelo atendimento próximo e pela qualidade rigorosa na seleção de cada item de nossas prateleiras."
imageSrc="http://img.b2bpic.net/free-photo/supermarket-worker-supplying-fruit-department-with-food_342744-1075.jpg"
imageAlt="Sobre nós"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Tradição e Qualidade"
description={[
"Localizado estrategicamente na Av. New York, o Supermercado Vieira é referência na região.",
"Nosso compromisso é entregar produtos frescos, selecionados com carinho, além de oferecer um açougue de confiança e uma padaria que produz diariamente o pão quentinho que você merece."
]}
buttons={[{ text: "Saiba Mais" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Produtos Frescos",
description: "Reposição diária de hortifruti.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-green-onions-fruits-store_627829-9479.jpg",
},
{
title: "Padaria Artesanal",
description: "Pães quentes a todo momento.",
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379535.jpg",
},
{
title: "Açougue Selecionado",
description: "Carnes nobres e corte personalizado.",
imageSrc: "http://img.b2bpic.net/free-photo/man-chef-holding-big-part-meat-restaurant-kitchen_1303-32147.jpg",
},
]}
title="Por que Escolher o Vieira?"
description="Compromisso com o bem-estar e economia para o seu dia a dia."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
mediaPosition="left"
mediaAnimation="slide-up"
useInvertedBackground={false}
title="Destaques do Supermercado"
description="Compromisso com o frescor e a qualidade em cada setor."
imageSrc="http://img.b2bpic.net/free-photo/supermarket-worker-supplying-fruit-department-with-food_342744-1075.jpg"
accordionItems={[
{ id: "1", title: "Açougue de Qualidade", content: "Carnes nobres, cortes frescos e atendimento especializado para o seu churrasco ou almoço diário." },
{ id: "2", title: "Padaria Artesanal", content: "Variedade de pães artesanais, bolos, tortas e doces preparados com ingredientes de primeira." },
{ id: "3", title: "Serviço ao Cliente", content: "Atendimento cordial, horários flexíveis e facilidade para suas compras." }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Maçã Gala KG",
price: "R$ 5,99",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-red-apple-black-background-color-ripe-mellow-trees-tasty-darkness-photo-pear-exotic_140725-158102.jpg",
},
{
id: "p2",
name: "Pão Francês KG",
price: "R$ 12,99",
imageSrc: "http://img.b2bpic.net/free-photo/woman-grocery-store-buying-fresh-bread_1303-16012.jpg",
},
{
id: "p3",
name: "Leite Integral 1L",
price: "R$ 4,50",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-notebook-buys-groceries-supermarket_169016-5435.jpg",
},
{
id: "p4",
name: "Filé de Tilápia KG",
price: "R$ 39,90",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-crate-market-stall_23-2147916200.jpg",
},
{
id: "p5",
name: "Tomate Italiano KG",
price: "R$ 6,90",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-green-cucumbers-with-greens-vegetables-dark-background-color-salad-food-health-photo-meal_140725-141802.jpg",
},
{
id: "p6",
name: "Picanha Bovina KG",
price: "R$ 69,90",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287811.jpg",
},
]}
title="Ofertas em Destaque"
description="Veja nossas promoções exclusivas desta semana."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
useInvertedBackground={true}
title="Ofertas Imperdíveis"
description="Preços que fazem a diferença no seu orçamento sem abrir mão da qualidade."
products={[
{ id: "1", name: "Carnes Selecionadas", price: "Variedade", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/fresh-rib-eye-steak-table_140725-7013.jpg?_wi=2" },
{ id: "2", name: "Panificação", price: "Diário", variant: "Artesanal", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379535.jpg?_wi=3" },
{ id: "3", name: "Hortifruti", price: "Estação", variant: "Fresco", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-crate-market-stall_23-2147916200.jpg?_wi=2" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Anos de história",
description: "Servindo famílias.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bunch-fresh-food-donation-with-copy-space_23-2148733835.jpg",
},
{
id: "m2",
value: "2000+",
title: "Produtos ativos",
description: "Variedade garantida.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-baked-breads-wooden-surface_23-2147888437.jpg",
},
{
id: "m3",
value: "5k+",
title: "Clientes diários",
description: "Satisfeitos e felizes.",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-rib-eye-steak-table_140725-7013.jpg",
},
]}
title="Nosso Compromisso"
description="Números que refletem a confiança de nossos clientes."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Fale Conosco"
title="Estamos Prontos para Atender"
description="Av. New York | Telefone: (62) 99324-7263 | Aberto diariamente para sua conveniência."
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Excelente!",
quote: "Produtos sempre frescos e o açougue é o melhor.",
name: "Maria Silva",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-vegetables-from-bag_23-2148332098.jpg",
},
{
id: "2",
title: "Ótimo!",
quote: "Preços muito competitivos.",
name: "João Santos",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-vegetable-basket_141793-116143.jpg",
},
{
id: "3",
title: "Nota 10",
quote: "Atendimento rápido e eficiente.",
name: "Ana Souza",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-grocery-store-by-refrigerator_1303-16013.jpg",
},
{
id: "4",
title: "Recomendo!",
quote: "Limpeza impecável no mercado.",
name: "Pedro Lima",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-pleased-with-homegrown-groceries-paper-bag_482257-87913.jpg",
},
{
id: "5",
title: "Muito bom",
quote: "Sempre encontro o que preciso.",
name: "Carla Rocha",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-happy-family_171337-2281.jpg",
},
]}
title="Depoimentos de Quem Confia"
description="O que nossos clientes dizem sobre o Supermercado Vieira."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Qual o horário de funcionamento?",
content: "Segunda a sábado das 07h às 22h, domingos das 08h às 14h.",
},
{
id: "f2",
title: "Vocês realizam entregas?",
content: "Sim, fazemos entregas pelo nosso WhatsApp oficial.",
},
{
id: "f3",
title: "Aceitam cartões?",
content: "Aceitamos todas as bandeiras de cartões e PIX.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-middle-aged-blonde-delivery-woman-red-uniform-cap-standing-profile-view-holding-pencil-clipboard-isolated-green-wall-with-copy-space_141793-112258.jpg"
mediaAnimation="slide-up"
title="Dúvidas Frequentes"
description="Veja respostas para os questionamentos mais comuns."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Contato"
title="Fale com a Gente"
description="Entre em contato para dúvidas, sugestões ou pedidos."
imageSrc="http://img.b2bpic.net/free-photo/shopper-women-walking-with-bags_23-2147688687.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Supermercado Vieira"
columns={[
{
title: "Links",
items: [
{
label: "Início",
href: "#hero",
},
{
label: "Produtos",
href: "#products",
},
],
},
{
title: "Contato",
items: [
{
label: "WhatsApp",
href: "#",
},
{
label: "SAC",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Supermercado Vieira"
/>
</div>
</ReactLenis>
</ThemeProvider>
);