235 lines
11 KiB
TypeScript
235 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Início", id: "hero"},
|
|
{
|
|
name: "Sobre Nós", id: "about"},
|
|
{
|
|
name: "Nossos Produtos", id: "features"},
|
|
{
|
|
name: "Clube", id: "loyalty-club"},
|
|
{
|
|
name: "Depoimentos", id: "testimonials"},
|
|
{
|
|
name: "Contato", id: "contact"},
|
|
]}
|
|
brandName="Avenida Max"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Avenida Max: Seu Mercado de Excelência Local"
|
|
description="Desfrute de uma experiência de compra superior com variedade, frescor e atendimento que você merece. Qualidade premium, comodidade local."
|
|
buttons={[
|
|
{
|
|
text: "Explore Produtos", href: "#features"},
|
|
{
|
|
text: "Aderir ao Clube", href: "#loyalty-club"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-box-with-different-fruits_23-2148238140.jpg"
|
|
imageAlt="Luxurious local grocery store interior with fresh produce and elegant design"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Compromisso com o Frescor e a Qualidade Superior"
|
|
description="Na Avenida Max, cada item é selecionado com rigor para garantir o máximo frescor e sabor. Estamos constantemente aprimorando nossos processos de limpeza e atendimento para superar suas expectativas. Sua satisfação é nossa prioridade, oferecendo o melhor valor em cada compra."
|
|
metrics={[
|
|
{
|
|
value: "100%", title: "Frescor Garantido"},
|
|
{
|
|
value: "Variedade", title: "Excepcional"},
|
|
{
|
|
value: "Atendimento", title: "Dedicado"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-hands-holding-basket-with-vegetables_23-2148332239.jpg"
|
|
imageAlt="Hand picking fresh organic vegetables, emphasizing freshness and quality"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Padaria Artesanal", title: "Pães e Doces Frescos", subtitle: "Direto do Forno", description: "Descubra a arte da panificação com nossos pães artesanais, bolos e doces feitos diariamente. Sabor e tradição em cada mordida.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-97260.jpg", imageAlt: "Artisan bread fresh from the oven"},
|
|
{
|
|
id: 2,
|
|
tag: "Culinária Prática", title: "Comida Pronta Gourmet", subtitle: "Praticidade e Sabor", description: "Refeições elaboradas por chefs, prontas para levar. Soluções deliciosas para o seu dia a dia, com ingredientes selecionados.", imageSrc: "http://img.b2bpic.net/free-photo/vegan-thanksgiving-baked-butternut-squash-recipe_53876-94327.jpg", imageAlt: "Gourmet ready meal in a container"},
|
|
{
|
|
id: 3,
|
|
tag: "Saúde & Frescor", title: "Hortifruti Vibrante", subtitle: "Da Horta para Você", description: "Uma seleção impecável de frutas, verduras e legumes frescos, orgânicos e regionais. Nutrição e vida para sua família.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-grocery-shopping_23-2149742159.jpg", imageAlt: "Colorful fresh fruits and vegetable display"},
|
|
{
|
|
id: 4,
|
|
tag: "Essenciais & Premium", title: "Mercearia Completa", subtitle: "Qualidade em Cada Item", description: "Encontre tudo que precisa, desde os produtos básicos até itens gourmet importados. Curadoria rigorosa para sua despensa.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-checking-package_23-2148902526.jpg", imageAlt: "Premium grocery store shelves with various products"},
|
|
]}
|
|
title="Nossos Destaques: Delícias Feitas Para Você"
|
|
description="Do pão quentinho às refeições prontas, passando por hortifruti vibrante e mercearia completa, a Avenida Max oferece o melhor para sua mesa."
|
|
/>
|
|
</div>
|
|
|
|
<div id="loyalty-club" data-section="loyalty-club">
|
|
<PricingCardThree
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "free-member", name: "Membro Gratuito", price: "Grátis", badge: "Inicie Hoje", badgeIcon: Sparkles,
|
|
features: [
|
|
"Acesso a ofertas semanais", "Pontos em cada compra", "Newsletter exclusiva", "Estacionamento facilitado"],
|
|
buttons: [
|
|
{
|
|
text: "Cadastre-se Grátis"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "premium-member", name: "Membro Premium", price: "R$99/Ano", badge: "Mais Vantagens", badgeIcon: Award,
|
|
features: [
|
|
"Descontos exclusivos", "Entrega prioritária", "Acesso a eventos especiais", "Pontuação em dobro", "Suporte dedicado"],
|
|
buttons: [
|
|
{
|
|
text: "Seja Premium Agora"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
title="Clube Avenida Max: Vantagens Exclusivas para Você"
|
|
description="Faça parte do nosso clube de fidelidade e desfrute de ofertas personalizadas, descontos especiais e acesso antecipado a produtos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ana C.", role: "Dona de Casa", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg", imageAlt: "Customer Ana C."},
|
|
{
|
|
id: "2", name: "João M.", role: "Empreendedor", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plus-size-t-shirt-white-business-outfit-blonde-woman-city_53876-119824.jpg", imageAlt: "Customer João M."},
|
|
{
|
|
id: "3", name: "Maria S.", role: "Professora", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-woman-posing-smiling-while-holding-coffee-cup_23-2148419298.jpg", imageAlt: "Customer Maria S."},
|
|
{
|
|
id: "4", name: "Família Silva", role: "Clientes Fiéis", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-two-kids-park_1163-3690.jpg", imageAlt: "Customer Família Silva"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
label: "Clientes Satisfeitos"
|
|
},
|
|
{
|
|
label: "Produtos de Qualidade"
|
|
},
|
|
{
|
|
label: "Atendimento A+"
|
|
}
|
|
]}
|
|
title="O que Nossos Clientes Dizem"
|
|
description="Confira os depoimentos de quem confia na Avenida Max para suas compras diárias e momentos especiais. Sua satisfação é a nossa maior recompensa."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Venha nos Visitar ou Entre em Contato! Nossa equipe está pronta para atendê-lo com a qualidade e atenção que você merece.\n\n**Endereço:** [Inserir Endereço Completo]\n**Telefone:** [Inserir Número de Telefone]\n**Horário de Funcionamento:** [Inserir Horário de Funcionamento]"
|
|
buttons={[
|
|
{
|
|
text: "Ligar Agora", href: "tel:[Inserir Número de Telefone]"},
|
|
{
|
|
text: "Ver no Mapa", href: "https://maps.google.com/?q=[Inserir Endereço Completo]"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Início", href: "#hero"},
|
|
{
|
|
label: "Nossos Produtos", href: "#features"},
|
|
{
|
|
label: "Clube de Fidelidade", href: "#loyalty-club"},
|
|
{
|
|
label: "Promoções", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Sobre Nós", href: "#about"},
|
|
{
|
|
label: "Depoimentos", href: "#testimonials"},
|
|
{
|
|
label: "Carreiras", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contato", href: "#contact"},
|
|
{
|
|
label: "FAQ", href: "#"},
|
|
{
|
|
label: "Política de Privacidade", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Avenida Max"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|