Update src/app/page.tsx
This commit is contained in:
148
src/app/page.tsx
148
src/app/page.tsx
@@ -2,161 +2,165 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "História", id: "historia" },
|
||||
{ name: "Origem", id: "origem" },
|
||||
{ name: "Produtos", id: "produtos" },
|
||||
{ name: "Contato", id: "contato" },
|
||||
{ name: "História", id: "historia" },
|
||||
{ name: "Origem", id: "origem" },
|
||||
{ name: "Produtos", id: "produtos" },
|
||||
{ name: "Contato", id: "contato" },
|
||||
]}
|
||||
brandName="Fornaciari Coffee"
|
||||
button={{ text: "Baixar PDF", href: "#" }}
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Café especial do Cerrado Mineiro."
|
||||
description="Da lavoura à sua xícara. Tradição e excelência em cada grão 100% arábica."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-senior-woman-hands-holding-some-fresh-springtime-plums_181624-59470.jpg", alt: "coffee farm sunrise" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-agriculturist-hands-holding-fresh-arabica-coffee-berries-coffee-plantation-farmer-picking-coffee-bean-coffee-process-agriculture_1150-61471.jpg", alt: "Closeup of agriculturist hands holding fresh arabica coffee berries" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ripe-fruit-picked-by-senior-farmer-outdoors-generated-by-ai_188544-17081.jpg", alt: "Ripe fruit picked by senior farmer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711337.jpg", alt: "Adult harvesting coffee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bowls-with-coffee-beans-near-coffee-grinder_23-2147710808.jpg", alt: "Bowls with coffee beans" }
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-senior-woman-hands-holding-some-fresh-springtime-plums_181624-59470.jpg", alt: "coffee farm sunrise" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-agriculturist-hands-holding-fresh-arabica-coffee-berries-coffee-plantation-farmer-picking-coffee-bean-coffee-process-agriculture_1150-61471.jpg", alt: "Closeup of agriculturist hands holding fresh arabica coffee berries in a coffee plantation Farmer picking coffee bean in coffee process agriculture" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ripe-fruit-picked-by-senior-farmer-outdoors-generated-by-ai_188544-17081.jpg", alt: "Ripe fruit picked by senior farmer outdoors generated by AI" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711337.jpg", alt: "Adult harvesting coffee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bowls-with-coffee-beans-near-coffee-grinder_23-2147710808.jpg", alt: "Bowls with coffee beans near coffee grinder" }
|
||||
]}
|
||||
buttons={[{ text: "Conheça o portfólio", href: "#produtos" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "100% Arábica" },
|
||||
{ type: "text", text: "Denominação de Origem" },
|
||||
{ type: "text", text: "Altitude 1000m" },
|
||||
{ type: "text", text: "Torra Artesanal" },
|
||||
{ type: "text", text: "Qualidade Premium" }
|
||||
{ type: "text", text: "100% Arábica" },
|
||||
{ type: "text", text: "Denominação de Origem" },
|
||||
{ type: "text", text: "Altitude 1000m" },
|
||||
{ type: "text", text: "Torra Artesanal" },
|
||||
{ type: "text", text: "Qualidade Premium" }
|
||||
]}
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="historia" data-section="historia">
|
||||
<TextAbout useInvertedBackground={false} tag="Nossa História" title="Tradição familiar no Cerrado" />
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Nossa História"
|
||||
title="Tradição familiar no Cerrado"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="origem" data-section="origem">
|
||||
<FeatureCardEight
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Altitude ideal", description: "1.000 metros acima do nível do mar", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-closeup-shot-rosehip-branch-blurred-natural-background_181624-2230.jpg" },
|
||||
{ title: "Denominação", description: "Selo de qualidade do Cerrado Mineiro", imageSrc: "http://img.b2bpic.net/free-photo/close-up-galapagos-seal-seeping_53876-105886.jpg" },
|
||||
{ title: "Clima", description: "Estações bem definidas para colheita", imageSrc: "http://img.b2bpic.net/free-photo/aerial-landscape-crimea_1385-395.jpg" }
|
||||
{ title: "Altitude ideal", description: "1.000 metros acima do nível do mar", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-closeup-shot-rosehip-branch-blurred-natural-background_181624-2230.jpg" },
|
||||
{ title: "Denominação", description: "Selo de qualidade do Cerrado Mineiro", imageSrc: "http://img.b2bpic.net/free-photo/close-up-galapagos-seal-seeping_53876-105886.jpg" },
|
||||
{ title: "Clima", description: "Estações bem definidas para colheita", imageSrc: "http://img.b2bpic.net/free-photo/aerial-landscape-crimea_1385-395.jpg" }
|
||||
]}
|
||||
title="Cerrado Mineiro: Denominação de Origem"
|
||||
description="Altitude de 1.000m e condições ideais que elevam o café especial a patamares internacionais de reconhecimento."
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="diferenciais" data-section="diferenciais">
|
||||
<FeatureCardEight
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Rastreabilidade", description: "Transparência do plantio ao cliente", imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458072.jpg" },
|
||||
{ title: "Pontuação SCA", description: "Entre 85 e 87 pontos de excelência", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-pen-clipboard_23-2148173334.jpg" },
|
||||
{ title: "Torra sob demanda", description: "Frescor absoluto para cada pedido", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_1388-619.jpg" },
|
||||
{ title: "Perfis sensoriais", description: "Notas de chocolate, baunilha e avelã", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-is-serving-by-barista-partial-dark-room-shop_1150-6094.jpg" }
|
||||
{ title: "Rastreabilidade", description: "Transparência do plantio ao cliente", imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458072.jpg" },
|
||||
{ title: "Pontuação SCA", description: "Entre 85 e 87 pontos de excelência", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-pen-clipboard_23-2148173334.jpg" },
|
||||
{ title: "Torra sob demanda", description: "Frescor absoluto para cada pedido", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_1388-619.jpg" },
|
||||
{ title: "Perfis sensoriais", description: "Notas de chocolate, baunilha e avelã", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-is-serving-by-barista-partial-dark-room-shop_1150-6094.jpg" }
|
||||
]}
|
||||
title="Nossos diferenciais"
|
||||
description="O rigor no plantio, na colheita e na torra sob demanda garantem a excelência."
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="produtos" data-section="produtos">
|
||||
<ProductCardThree
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Embalagem 250g", price: "Empórios e presentes", imageSrc: "http://img.b2bpic.net/free-photo/two-big-hermetic-packages-with-blank-labels-near-transparent-glass-with-raw-sampled-coffee-beans_346278-410.jpg" },
|
||||
{ id: "p2", name: "Embalagem 500g", price: "Cafeterias menores", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag-mockup_23-2151989760.jpg" },
|
||||
{ id: "p3", name: "Embalagem 1kg", price: "Alta rotatividade", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg" },
|
||||
{ id: "p4", name: "Grandes Volumes", price: "Sacos de 5kg sob consulta", imageSrc: "http://img.b2bpic.net/free-photo/seasoning-caffeine-color-seed-freshness_1172-455.jpg" },
|
||||
{ id: "p5", name: "Moagem fresca", price: "Grãos ou moído", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chesnuts-cloth_23-2148436658.jpg" },
|
||||
{ id: "p6", name: "Controle total", price: "Lotes consistentes", imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg" }
|
||||
{ id: "p1", name: "Embalagem 250g", price: "Empórios e presentes", imageSrc: "http://img.b2bpic.net/free-photo/two-big-hermetic-packages-with-blank-labels-near-transparent-glass-with-raw-sampled-coffee-beans_346278-410.jpg" },
|
||||
{ id: "p2", name: "Embalagem 500g", price: "Cafeterias menores", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag-mockup_23-2151989760.jpg" },
|
||||
{ id: "p3", name: "Embalagem 1kg", price: "Alta rotatividade", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg" },
|
||||
{ id: "p4", name: "Grandes Volumes", price: "Sacos de 5kg sob consulta", imageSrc: "http://img.b2bpic.net/free-photo/seasoning-caffeine-color-seed-freshness_1172-455.jpg" },
|
||||
{ id: "p5", name: "Moagem fresca", price: "Grãos ou moído", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chesnuts-cloth_23-2148436658.jpg" },
|
||||
{ id: "p6", name: "Controle total", price: "Lotes consistentes", imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg" }
|
||||
]}
|
||||
title="Linha de produtos"
|
||||
description="Escolha o formato ideal para o seu negócio ou consumo."
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="precos" data-section="precos">
|
||||
<PricingCardNine
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "t1", title: "5 Unidades", price: "A partir de R$ 33,20", period: "por 250g", features: ["Grãos ou moídos", "Consistência lote a lote"], imageSrc: "http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711613.jpg", button: { text: "Comprar" } },
|
||||
{ id: "t2", title: "10 Unidades", price: "A partir de R$ 54,45", period: "por 500g", features: ["Desconto progressivo", "Logística otimizada"], imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-woman-hands-holding-some-fresh-springtime-plums_181624-59470.jpg", button: { text: "Comprar" } },
|
||||
{ id: "t3", title: "20 Unidades", price: "A partir de R$ 95,30", period: "por 1kg", features: ["Melhor custo-benefício", "Prioridade na torra"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-closeup-shot-rosehip-branch-blurred-natural-background_181624-2230.jpg", button: { text: "Comprar" } }
|
||||
{ id: "t1", title: "5 Unidades", price: "A partir de R$ 33,20", period: "por 250g", features: ["Grãos ou moídos", "Consistência lote a lote"], imageSrc: "http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711613.jpg", button: { text: "Comprar" } },
|
||||
{ id: "t2", title: "10 Unidades", price: "A partir de R$ 54,45", period: "por 500g", features: ["Desconto progressivo", "Logística otimizada"], imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-woman-hands-holding-some-fresh-springtime-plums_181624-59470.jpg", button: { text: "Comprar" } },
|
||||
{ id: "t3", title: "20 Unidades", price: "A partir de R$ 95,30", period: "por 1kg", features: ["Melhor custo-benefício", "Prioridade na torra"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-closeup-shot-rosehip-branch-blurred-natural-background_181624-2230.jpg", button: { text: "Comprar" } }
|
||||
]}
|
||||
title="Tabela de valores"
|
||||
description="Preços para atacado e parcerias profissionais."
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="parcerias" data-section="parcerias">
|
||||
<SocialProofOne
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Cafeterias", "Restaurantes", "Empórios", "Escritórios", "Revendedores", "Hotéis", "Empresas Corporativas"]}
|
||||
title="Nossos parceiros"
|
||||
description="Atendemos quem busca excelência profissional."
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="como-comprar" data-section="como-comprar">
|
||||
<FeatureCardEight
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "1. Contato", description: "Inicie o diálogo", imageSrc: "http://img.b2bpic.net/free-photo/front-view-working-covid-concept_23-2148616720.jpg" },
|
||||
{ title: "2. Degustação", description: "Receba sua amostra", imageSrc: "http://img.b2bpic.net/free-photo/paint-supplies-black-background_23-2148319720.jpg" },
|
||||
{ title: "3. Negociação", description: "Acordo sob medida", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg" },
|
||||
{ title: "4. Entrega", description: "Produto fresco", imageSrc: "http://img.b2bpic.net/free-photo/parcels-clipboard-table_23-2147787834.jpg" }
|
||||
{ title: "1. Contato", description: "Inicie o diálogo", imageSrc: "http://img.b2bpic.net/free-photo/front-view-working-covid-concept_23-2148616720.jpg" },
|
||||
{ title: "2. Degustação", description: "Receba sua amostra", imageSrc: "http://img.b2bpic.net/free-photo/paint-supplies-black-background_23-2148319720.jpg" },
|
||||
{ title: "3. Negociação", description: "Acordo sob medida", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg" },
|
||||
{ title: "4. Entrega", description: "Produto fresco", imageSrc: "http://img.b2bpic.net/free-photo/parcels-clipboard-table_23-2147787834.jpg" }
|
||||
]}
|
||||
title="Processo de atendimento"
|
||||
description="Simples, direto e transparente."
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contato" data-section="contato">
|
||||
<ContactSplit
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contato"
|
||||
@@ -164,15 +168,15 @@ export default function LandingPage() {
|
||||
description="Entre em contato para solicitar nossa tabela completa ou agendar uma degustação."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bar-concept_23-2147798083.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterLogoReveal
|
||||
logoText="Fornaciari Coffee"
|
||||
leftLink={{ text: "Termos de Uso", href: "#" }}
|
||||
rightLink={{ text: "Instagram", href: "#" }}
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user