Merge version_3 into main #2
223
src/app/page.tsx
223
src/app/page.tsx
@@ -21,10 +21,10 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre Nós",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre Nós", id: "about"},
|
||||
{
|
||||
name: "Ofertas",
|
||||
id: "products",
|
||||
},
|
||||
name: "Ofertas", id: "products"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="Farmácia Economize"
|
||||
/>
|
||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Com você, por você, pra você! ❤️"
|
||||
description="A Farmácia Economize Fernandópolis cuida de você com os melhores preços da região, entrega rápida e um atendimento que é nota 10."
|
||||
buttons={[
|
||||
{
|
||||
text: "Peça agora pelo WhatsApp",
|
||||
href: "https://wa.me/551734650560",
|
||||
},
|
||||
text: "Peça agora pelo WhatsApp", href: "https://wa.me/551734650560"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medicine-pharmaceutics-health-care-people-concept-female-pharmacist-advises-buyer_1157-42173.jpg"
|
||||
imageAlt="Farmácia Economize equipe"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medicine-pharmaceutics-health-care-people-concept-female-pharmacist-advises-buyer_1157-42170.jpg",
|
||||
alt: "Equipe de farmácia profissional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medicine-pharmaceutics-health-care-people-concept-female-pharmacist-advises-buyer_1157-42170.jpg", alt: "Equipe de farmácia profissional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-happy-doctors-standing-with-arms-crossed-mri-scanner-hospital-looking-camera_637285-389.jpg",
|
||||
alt: "Atendimento especializado",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-happy-doctors-standing-with-arms-crossed-mri-scanner-hospital-looking-camera_637285-389.jpg", alt: "Atendimento especializado"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-expert-consulting-customer-regarding-body-care-products_259150-57978.jpg",
|
||||
alt: "Consultoria farmacêutica",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-expert-consulting-customer-regarding-body-care-products_259150-57978.jpg", alt: "Consultoria farmacêutica"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laboratory-laboratories-conduct-experiments-chemical-laboratory_146671-18153.jpg",
|
||||
alt: "Farmácia moderna",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/laboratory-laboratories-conduct-experiments-chemical-laboratory_146671-18153.jpg", alt: "Farmácia moderna"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-with-medical-masks-out-grocery-shopping-with-shopping-cart_23-2149483201.jpg",
|
||||
alt: "Conveniência para clientes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-with-medical-masks-out-grocery-shopping-with-shopping-cart_23-2149483201.jpg", alt: "Conveniência para clientes"},
|
||||
]}
|
||||
avatarText="Mais de 10.000 clientes satisfeitos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Melhores Preços",
|
||||
},
|
||||
type: "text", text: "Melhores Preços"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atendimento Humanizado",
|
||||
},
|
||||
type: "text", text: "Atendimento Humanizado"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Entrega Expressa",
|
||||
},
|
||||
type: "text", text: "Entrega Expressa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Localização Privilegiada",
|
||||
},
|
||||
type: "text", text: "Localização Privilegiada"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualidade Garantida",
|
||||
},
|
||||
type: "text", text: "Qualidade Garantida"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,24 +92,16 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "5.0 ★",
|
||||
},
|
||||
label: "Google Rating", value: "5.0 ★"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Entrega Rápida",
|
||||
value: "Agilidade",
|
||||
},
|
||||
label: "Entrega Rápida", value: "Agilidade"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Atendimento",
|
||||
value: "Nota 10",
|
||||
},
|
||||
label: "Atendimento", value: "Nota 10"},
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
label: "Variedade",
|
||||
value: "Qualidade",
|
||||
},
|
||||
label: "Variedade", value: "Qualidade"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -154,23 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Praticidade Total",
|
||||
description: "Localização estratégica anexa ao Max Atacadista para sua conveniência.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-juice-cafe_1150-10491.jpg",
|
||||
imageAlt: "Conveniência",
|
||||
},
|
||||
title: "Praticidade Total", description: "Localização estratégica anexa ao Max Atacadista para sua conveniência.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-juice-cafe_1150-10491.jpg", imageAlt: "Conveniência"},
|
||||
{
|
||||
title: "Entrega Domicílio",
|
||||
description: "Receba seus medicamentos e itens de cuidado no conforto de sua casa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-holding-box-with-belongings_23-2147782374.jpg",
|
||||
imageAlt: "Entrega",
|
||||
},
|
||||
title: "Entrega Domicílio", description: "Receba seus medicamentos e itens de cuidado no conforto de sua casa.", imageSrc: "http://img.b2bpic.net/free-photo/crop-man-holding-box-with-belongings_23-2147782374.jpg", imageAlt: "Entrega"},
|
||||
{
|
||||
title: "Melhores Preços",
|
||||
description: "Economize de verdade com ofertas exclusivas e qualidade garantida.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-doctor-posing-winter-holidays_140725-141124.jpg",
|
||||
imageAlt: "Preço",
|
||||
},
|
||||
title: "Melhores Preços", description: "Economize de verdade com ofertas exclusivas e qualidade garantida.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-doctor-posing-winter-holidays_140725-141124.jpg", imageAlt: "Preço"},
|
||||
]}
|
||||
title="Nossos Diferenciais"
|
||||
description="Estamos anexo ao Max Atacadista, trazendo praticidade, economia e cuidado humano para o seu dia a dia."
|
||||
@@ -185,41 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Medicamentos",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-medicaments-boxes-pharmacy-shelves_482257-82848.jpg",
|
||||
},
|
||||
id: "1", name: "Medicamentos", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-medicaments-boxes-pharmacy-shelves_482257-82848.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Perfumaria",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-organic-oils-spa-treatment-arrangement-cosmetics_23-2148645509.jpg",
|
||||
},
|
||||
id: "2", name: "Perfumaria", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/high-view-organic-oils-spa-treatment-arrangement-cosmetics_23-2148645509.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dermocosméticos",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-serum_23-2148709287.jpg",
|
||||
},
|
||||
id: "3", name: "Dermocosméticos", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-serum_23-2148709287.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Beleza",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-cosmetic-products-with-brushes-white-background_23-2147899540.jpg",
|
||||
},
|
||||
id: "4", name: "Beleza", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/various-cosmetic-products-with-brushes-white-background_23-2147899540.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Suplementos",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-plastic-bottles-pills_23-2147983054.jpg",
|
||||
},
|
||||
id: "5", name: "Suplementos", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/various-plastic-bottles-pills_23-2147983054.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Saúde e Bem-Estar",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pills-cardiogram-near-medical-supplies_23-2147796515.jpg",
|
||||
},
|
||||
id: "6", name: "Saúde e Bem-Estar", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/pills-cardiogram-near-medical-supplies_23-2147796515.jpg"},
|
||||
]}
|
||||
title="Produtos e Ofertas"
|
||||
description="Variedade em medicamentos, perfumaria, dermocosméticos e suplementos."
|
||||
@@ -231,30 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arthur Sorato",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600107.jpg",
|
||||
},
|
||||
id: "1", name: "Arthur Sorato", imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600107.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gabriel Lourenço",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pharmacist-helping-patient_23-2150348171.jpg",
|
||||
},
|
||||
id: "2", name: "Gabriel Lourenço", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pharmacist-helping-patient_23-2150348171.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ana Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pharmacist-helping-patient_23-2150348184.jpg",
|
||||
},
|
||||
id: "3", name: "Ana Rossi", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pharmacist-helping-patient_23-2150348184.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cliente Satisfeito",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600110.jpg",
|
||||
},
|
||||
id: "4", name: "Cliente Satisfeito", imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600110.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cliente Satisfeito",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-woman-green-attire-making-funny-faces_197531-19780.jpg",
|
||||
},
|
||||
id: "5", name: "Cliente Satisfeito", imageSrc: "http://img.b2bpic.net/free-photo/fascinating-woman-green-attire-making-funny-faces_197531-19780.jpg"},
|
||||
]}
|
||||
cardTitle="Depoimentos Reais"
|
||||
cardTag="Avaliações Google"
|
||||
@@ -268,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Como realizo um pedido?",
|
||||
content: "Basta nos chamar pelo WhatsApp (17) 3465-0560.",
|
||||
},
|
||||
id: "q1", title: "Como realizo um pedido?", content: "Basta nos chamar pelo WhatsApp (17) 3465-0560."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Quais são os horários?",
|
||||
content: "Seg-Sáb 8h-20h30 | Dom/Feriados 8h-18h.",
|
||||
},
|
||||
id: "q2", title: "Quais são os horários?", content: "Seg-Sáb 8h-20h30 | Dom/Feriados 8h-18h."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Vocês entregam em casa?",
|
||||
content: "Sim, fazemos entrega domicílio com rapidez!",
|
||||
},
|
||||
id: "q3", title: "Vocês entregam em casa?", content: "Sim, fazemos entrega domicílio com rapidez!"},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire suas dúvidas e saiba como podemos te ajudar melhor hoje."
|
||||
@@ -293,16 +194,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contato"
|
||||
title="Fale com nossa equipe"
|
||||
description="Estamos prontos para te atender com todo o carinho. Chame no WhatsApp!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Chamar no WhatsApp",
|
||||
href: "https://wa.me/551734650560",
|
||||
},
|
||||
text: "Chamar no WhatsApp", href: "https://wa.me/551734650560"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,42 +210,27 @@ export default function LandingPage() {
|
||||
logoText="Farmácia Economize"
|
||||
columns={[
|
||||
{
|
||||
title: "Institucional",
|
||||
items: [
|
||||
title: "Institucional", items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sobre Nós", href: "#"},
|
||||
{
|
||||
label: "Max Atacadista",
|
||||
href: "#",
|
||||
},
|
||||
label: "Max Atacadista", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Atendimento",
|
||||
items: [
|
||||
title: "Atendimento", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/551734650560",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/551734650560"},
|
||||
{
|
||||
label: "Localização",
|
||||
href: "#",
|
||||
},
|
||||
label: "Localização", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -356,4 +239,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user