Update src/app/page.tsx
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Mudas",
|
||||
id: "products",
|
||||
},
|
||||
name: "Mudas", id: "products"},
|
||||
{
|
||||
name: "Diferenciais",
|
||||
id: "features",
|
||||
},
|
||||
name: "Diferenciais", id: "features"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="Viveiro Premium"
|
||||
/>
|
||||
@@ -54,112 +46,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Mudas Enxertadas Premium e Ornamentais para Transformar Seu Espaço"
|
||||
description="Qualidade, beleza e produção garantida direto do produtor."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-apple-fruits-tree-close-up_266188-4.jpg",
|
||||
imageAlt: "Manga enxertada",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-apple-fruits-tree-close-up_266188-4.jpg", imageAlt: "Manga enxertada"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-leaves-tree-branch-harvesting-citrus-fruits-selective-focus-orange-idea-background-backdrop-advertising_166373-3148.jpg",
|
||||
imageAlt: "Limão siciliano",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-leaves-tree-branch-harvesting-citrus-fruits-selective-focus-orange-idea-background-backdrop-advertising_166373-3148.jpg", imageAlt: "Limão siciliano"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants-greenhouse_23-2149037278.jpg",
|
||||
imageAlt: "Jabuticaba híbrida",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants-greenhouse_23-2149037278.jpg", imageAlt: "Jabuticaba híbrida"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-plants_23-2149155792.jpg",
|
||||
imageAlt: "Palmeira Ráfia",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-plants_23-2149155792.jpg", imageAlt: "Palmeira Ráfia"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-plants-studio_23-2151022067.jpg",
|
||||
imageAlt: "Costela de Adão",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-plants-studio_23-2151022067.jpg", imageAlt: "Costela de Adão"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tropical-plant-with-leaves_23-2148817596.jpg",
|
||||
imageAlt: "Areca Bambu",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tropical-plant-with-leaves_23-2148817596.jpg", imageAlt: "Areca Bambu"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-growing-plants_23-2148918516.jpg",
|
||||
imageAlt: "Jabuticaba híbrida",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-growing-plants_23-2148918516.jpg", imageAlt: "Jabuticaba híbrida"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-plants-greenhouse_23-2148509906.jpg",
|
||||
imageAlt: "Palmeira Ráfia",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-plants-greenhouse_23-2148509906.jpg", imageAlt: "Palmeira Ráfia"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-hobby-growing-indoor-plants-home_185193-108767.jpg",
|
||||
imageAlt: "Costela de Adão",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-hobby-growing-indoor-plants-home_185193-108767.jpg", imageAlt: "Costela de Adão"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-plants-studio_23-2151022045.jpg",
|
||||
imageAlt: "Areca Bambu",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-plants-studio_23-2151022045.jpg", imageAlt: "Areca Bambu"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planting-trees-as-part-reforestation-process_23-2149409989.jpg",
|
||||
imageAlt: "Manga enxertada",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planting-trees-as-part-reforestation-process_23-2149409989.jpg", imageAlt: "Manga enxertada"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-orange-tree-with-many-leaves_1268-14348.jpg",
|
||||
imageAlt: "Limão siciliano",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-orange-tree-with-many-leaves_1268-14348.jpg", imageAlt: "Limão siciliano"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar Valor no WhatsApp",
|
||||
href: "https://wa.me/5500999999999",
|
||||
},
|
||||
text: "Solicitar Valor no WhatsApp", href: "https://wa.me/5500999999999"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-fresh-beautiful-potted-flowers_23-2147924851.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/different-fresh-beautiful-potted-flowers_23-2147924851.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-with-market-full-flowers_23-2148447098.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-with-market-full-flowers_23-2148447098.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/calathea-potted-houseplants_209303-92.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/calathea-potted-houseplants_209303-92.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/greenhouse-with-variety-plants_209303-8.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/greenhouse-with-variety-plants_209303-8.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-working-green-house_23-2148068654.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-working-green-house_23-2148068654.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Mais de 500 clientes satisfeitos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualidade Premium",
|
||||
},
|
||||
type: "text", text: "Qualidade Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Entrega Garantida",
|
||||
},
|
||||
type: "text", text: "Entrega Garantida"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atendimento Especializado",
|
||||
},
|
||||
type: "text", text: "Atendimento Especializado"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mudas Selecionadas",
|
||||
},
|
||||
type: "text", text: "Mudas Selecionadas"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Viveiro Sustentável",
|
||||
},
|
||||
type: "text", text: "Viveiro Sustentável"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,14 +114,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Sobre Nosso Viveiro",
|
||||
},
|
||||
type: "text", content: "Sobre Nosso Viveiro"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12307.jpg",
|
||||
alt: "Nosso viveiro",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12307.jpg", alt: "Nosso viveiro"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,47 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Manga Enxertada",
|
||||
price: "R$ 99,00",
|
||||
variant: "Frutífera",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves-branches-tree-with-river_181624-28510.jpg",
|
||||
},
|
||||
id: "p1", name: "Manga Enxertada", price: "R$ 99,00", variant: "Frutífera", imageSrc: "http://img.b2bpic.net/free-photo/green-leaves-branches-tree-with-river_181624-28510.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Limão Siciliano",
|
||||
price: "R$ 99,00",
|
||||
variant: "Frutífera",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-orange-tree-leaves-orange-produce-foliage-seasonal-citrus-harvest-selective-focus-leaves-idea-wallpaper_166373-3154.jpg",
|
||||
},
|
||||
id: "p2", name: "Limão Siciliano", price: "R$ 99,00", variant: "Frutífera", imageSrc: "http://img.b2bpic.net/free-photo/background-orange-tree-leaves-orange-produce-foliage-seasonal-citrus-harvest-selective-focus-leaves-idea-wallpaper_166373-3154.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Jabuticaba Híbrida",
|
||||
price: "R$ 99,00",
|
||||
variant: "Frutífera",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-inspecting-flowers-greenhouse_23-2147768521.jpg",
|
||||
},
|
||||
id: "p3", name: "Jabuticaba Híbrida", price: "R$ 99,00", variant: "Frutífera", imageSrc: "http://img.b2bpic.net/free-photo/man-inspecting-flowers-greenhouse_23-2147768521.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Palmeira Ráfia",
|
||||
price: "R$ 49,99",
|
||||
variant: "Ornamental",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-plant-top-view_23-2149551384.jpg",
|
||||
},
|
||||
id: "p4", name: "Palmeira Ráfia", price: "R$ 49,99", variant: "Ornamental", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-plant-top-view_23-2149551384.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Costela de Adão",
|
||||
price: "R$ 49,99",
|
||||
variant: "Ornamental",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-indoor-design-concept_23-2148811475.jpg",
|
||||
},
|
||||
id: "p5", name: "Costela de Adão", price: "R$ 49,99", variant: "Ornamental", imageSrc: "http://img.b2bpic.net/free-photo/home-indoor-design-concept_23-2148811475.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Areca Bambu",
|
||||
price: "R$ 49,99",
|
||||
variant: "Ornamental",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agave-tree-white-pot_53876-133129.jpg",
|
||||
},
|
||||
id: "p6", name: "Areca Bambu", price: "R$ 49,99", variant: "Ornamental", imageSrc: "http://img.b2bpic.net/free-photo/agave-tree-white-pot_53876-133129.jpg"},
|
||||
]}
|
||||
title="Nossas Mudas"
|
||||
description="Plantas selecionadas para seu projeto."
|
||||
@@ -243,29 +153,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Qualidade Superior",
|
||||
description: "Plantas selecionadas e saudáveis.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020415.jpg",
|
||||
imageAlt: "Luxurious garden nursery plants",
|
||||
},
|
||||
title: "Qualidade Superior", description: "Plantas selecionadas e saudáveis.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020415.jpg", imageAlt: "Luxurious garden nursery plants"},
|
||||
items: [
|
||||
{
|
||||
icon: Check,
|
||||
text: "Alta qualidade",
|
||||
},
|
||||
text: "Alta qualidade"},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Plantas selecionadas",
|
||||
},
|
||||
text: "Plantas selecionadas"},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Enxertia profissional",
|
||||
},
|
||||
text: "Enxertia profissional"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12307.jpg",
|
||||
imageAlt: "luxurious garden nursery plants",
|
||||
},
|
||||
]}
|
||||
title="Por que escolher nossas mudas?"
|
||||
@@ -280,45 +181,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Maria Silva",
|
||||
handle: "@mariasilva",
|
||||
testimonial: "Mudanças incríveis no meu jardim!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-taking-care-flowers_176420-3799.jpg",
|
||||
},
|
||||
id: "t1", name: "Maria Silva", handle: "@mariasilva", testimonial: "Mudanças incríveis no meu jardim!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-taking-care-flowers_176420-3799.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "João Souza",
|
||||
handle: "@joaosouza",
|
||||
testimonial: "Qualidade excepcional nas mudas.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-gestures-ok-hand-sign-holds-flowerpot_141793-71140.jpg",
|
||||
},
|
||||
id: "t2", name: "João Souza", handle: "@joaosouza", testimonial: "Qualidade excepcional nas mudas.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-gestures-ok-hand-sign-holds-flowerpot_141793-71140.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ana Oliveira",
|
||||
handle: "@anaoli",
|
||||
testimonial: "Atendimento rápido e plantas lindas.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg",
|
||||
},
|
||||
id: "t3", name: "Ana Oliveira", handle: "@anaoli", testimonial: "Atendimento rápido e plantas lindas.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Carlos Lima",
|
||||
handle: "@carlosl",
|
||||
testimonial: "As plantas chegaram impecáveis.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-potted-plant-looking-camera-smiling-with-happy-face-showing-v-sign-standing-orange-background_141793-45395.jpg",
|
||||
},
|
||||
id: "t4", name: "Carlos Lima", handle: "@carlosl", testimonial: "As plantas chegaram impecáveis.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-potted-plant-looking-camera-smiling-with-happy-face-showing-v-sign-standing-orange-background_141793-45395.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fernanda M.",
|
||||
handle: "@nanda",
|
||||
testimonial: "Com certeza comprarei novamente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-gardener-uniform-wearing-gardening-hat-showing-okay-gesture-isolated-green_141793-87419.jpg",
|
||||
},
|
||||
id: "t5", name: "Fernanda M.", handle: "@nanda", testimonial: "Com certeza comprarei novamente.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-gardener-uniform-wearing-gardening-hat-showing-okay-gesture-isolated-green_141793-87419.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="O que nossos clientes dizem"
|
||||
@@ -330,8 +206,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contato"
|
||||
title="Fale Conosco"
|
||||
description="Entre em contato pelo WhatsApp para um atendimento personalizado."
|
||||
@@ -344,30 +219,21 @@ export default function LandingPage() {
|
||||
logoText="Viveiro Premium"
|
||||
columns={[
|
||||
{
|
||||
title: "Atendimento",
|
||||
items: [
|
||||
title: "Atendimento", items: [
|
||||
{
|
||||
label: "WhatsApp: (00) 99999-9999",
|
||||
href: "https://wa.me/5500999999999",
|
||||
},
|
||||
label: "WhatsApp: (00) 99999-9999", href: "https://wa.me/5500999999999"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Redes Sociais",
|
||||
items: [
|
||||
title: "Redes Sociais", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Localização",
|
||||
items: [
|
||||
title: "Localização", items: [
|
||||
{
|
||||
label: "Endereço: Rua Principal, 123",
|
||||
href: "#",
|
||||
},
|
||||
label: "Endereço: Rua Principal, 123", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user