Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Início",
|
name: "Início", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sobre",
|
name: "Sobre", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Cafés",
|
name: "Cafés", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contato",
|
name: "Contato", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Cafés de Cristais"
|
brandName="Cafés de Cristais"
|
||||||
/>
|
/>
|
||||||
@@ -55,35 +47,22 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="O Melhor Grão do Mundo, direto de Cristais"
|
title="O Melhor Grão do Mundo, direto de Cristais"
|
||||||
description="Experimente a tradição, o clima e a altitude perfeita de Cristais, Minas Gerais. Cafés selecionados com alma brasileira e sabor inigualável."
|
description="Experimente a tradição, o clima e a altitude perfeita de Cristais, Minas Gerais. Cafés selecionados com alma brasileira e sabor inigualável."
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg?_wi=1", imageAlt: "Coffe plantation in Cristais"},
|
||||||
imageAlt: "Coffe plantation in Cristais",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg?_wi=1", imageAlt: "Coffee beans processing"},
|
||||||
imageAlt: "Coffee beans processing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg", imageAlt: "Fresh coffee pour"},
|
||||||
imageAlt: "Fresh coffee pour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-nature-coffee-harvesting_23-2151711391.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/adult-nature-coffee-harvesting_23-2151711391.jpg", imageAlt: "Plantation overview"},
|
||||||
imageAlt: "Plantation overview",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/neolithic-period-lifestyle_23-2151786473.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/neolithic-period-lifestyle_23-2151786473.jpg", imageAlt: "Hand-sorted beans"},
|
||||||
imageAlt: "Hand-sorted beans",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-plate-biscuits_114579-22555.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-plate-biscuits_114579-22555.jpg", imageAlt: "Coffee tasting experience"},
|
||||||
imageAlt: "Coffee tasting experience",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -105,26 +84,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
tag: "Processo",
|
tag: "Processo", title: "Altitude Ideal", subtitle: "Cultivo de precisão", description: "Altitudes elevadas que garantem sabor mais intenso.", imageSrc: "http://img.b2bpic.net/free-vector/collection-coffee-objects-flat-design_23-2147605484.jpg"},
|
||||||
title: "Altitude Ideal",
|
|
||||||
subtitle: "Cultivo de precisão",
|
|
||||||
description: "Altitudes elevadas que garantem sabor mais intenso.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-coffee-objects-flat-design_23-2147605484.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Sabor",
|
tag: "Sabor", title: "Solo Mineral", subtitle: "Terroir exclusivo", description: "Solo rico em minerais da região de Minas.", imageSrc: "http://img.b2bpic.net/free-photo/sand-design-with-green-coloured-shades_23-2148254661.jpg"},
|
||||||
title: "Solo Mineral",
|
|
||||||
subtitle: "Terroir exclusivo",
|
|
||||||
description: "Solo rico em minerais da região de Minas.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sand-design-with-green-coloured-shades_23-2148254661.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Qualidade",
|
tag: "Qualidade", title: "Seleção Manual", subtitle: "Apenas o melhor", description: "Colheita feita grão a grão para máxima pureza.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-indoors-branding-concept_23-2151881022.jpg"},
|
||||||
title: "Seleção Manual",
|
|
||||||
subtitle: "Apenas o melhor",
|
|
||||||
description: "Colheita feita grão a grão para máxima pureza.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-indoors-branding-concept_23-2151881022.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Por que nossos grãos são diferentes?"
|
title="Por que nossos grãos são diferentes?"
|
||||||
description="Descubra o cuidado em cada etapa da produção."
|
description="Descubra o cuidado em cada etapa da produção."
|
||||||
@@ -137,49 +101,22 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
|
buttons={[
|
||||||
|
{ text: "Comprar", href: "#" }
|
||||||
|
]}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Café Bourbon Amarelo", price: "R$ 45,00", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg"},
|
||||||
name: "Café Bourbon Amarelo",
|
|
||||||
price: "R$ 45,00",
|
|
||||||
variant: "250g",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Café Catuaí Vermelho", price: "R$ 48,00", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/package-near-yellow-cup-sugar-bowl_23-2148180248.jpg"},
|
||||||
name: "Café Catuaí Vermelho",
|
|
||||||
price: "R$ 48,00",
|
|
||||||
variant: "250g",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/package-near-yellow-cup-sugar-bowl_23-2148180248.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Café Especial Cristal", price: "R$ 65,00", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/top-view-rice-composition-with-copyspace_23-2148130015.jpg"},
|
||||||
name: "Café Especial Cristal",
|
|
||||||
price: "R$ 65,00",
|
|
||||||
variant: "250g",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-rice-composition-with-copyspace_23-2148130015.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Café Orgânico Natural", price: "R$ 70,00", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/scattered-beans-from-sack-near-coffee-maker-box-sugar_23-2148180188.jpg"},
|
||||||
name: "Café Orgânico Natural",
|
|
||||||
price: "R$ 70,00",
|
|
||||||
variant: "250g",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/scattered-beans-from-sack-near-coffee-maker-box-sugar_23-2148180188.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Blend Montanhês", price: "R$ 55,00", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-container_23-2148173321.jpg"},
|
||||||
name: "Blend Montanhês",
|
|
||||||
price: "R$ 55,00",
|
|
||||||
variant: "250g",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-container_23-2148173321.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Café Gourmet Intense", price: "R$ 58,00", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-delivery_346278-734.jpg"},
|
||||||
name: "Café Gourmet Intense",
|
|
||||||
price: "R$ 58,00",
|
|
||||||
variant: "250g",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-delivery_346278-734.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nossas Coleções"
|
title="Nossas Coleções"
|
||||||
description="Escolha o perfil de sabor que mais combina com seu dia."
|
description="Escolha o perfil de sabor que mais combina com seu dia."
|
||||||
@@ -193,52 +130,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", title: "Plano Essencial", price: "R$ 90", period: "/mês", features: [
|
||||||
title: "Plano Essencial",
|
"1 pacote especial", "Frete fixo"],
|
||||||
price: "R$ 90",
|
|
||||||
period: "/mês",
|
|
||||||
features: [
|
|
||||||
"1 pacote especial",
|
|
||||||
"Frete fixo",
|
|
||||||
],
|
|
||||||
button: {
|
button: {
|
||||||
text: "Assinar",
|
text: "Assinar"},
|
||||||
},
|
imageSrc: "http://img.b2bpic.net/free-photo/tea-gardens_1353-273.jpg", imageAlt: "Tea gardens"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-gardens_1353-273.jpg",
|
|
||||||
imageAlt: "Tea gardens",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", title: "Plano Connoisseur", price: "R$ 160", period: "/mês", features: [
|
||||||
title: "Plano Connoisseur",
|
"2 pacotes variados", "Degustações surpresa", "Frete grátis"],
|
||||||
price: "R$ 160",
|
|
||||||
period: "/mês",
|
|
||||||
features: [
|
|
||||||
"2 pacotes variados",
|
|
||||||
"Degustações surpresa",
|
|
||||||
"Frete grátis",
|
|
||||||
],
|
|
||||||
button: {
|
button: {
|
||||||
text: "Assinar",
|
text: "Assinar"},
|
||||||
},
|
imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg?_wi=2", imageAlt: "Tea gardens"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg?_wi=2",
|
|
||||||
imageAlt: "Tea gardens",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "expert",
|
id: "expert", title: "Plano Expert", price: "R$ 290", period: "/mês", features: [
|
||||||
title: "Plano Expert",
|
"4 pacotes exclusivos", "Acesso a lotes limitados", "Brinde exclusivo"],
|
||||||
price: "R$ 290",
|
|
||||||
period: "/mês",
|
|
||||||
features: [
|
|
||||||
"4 pacotes exclusivos",
|
|
||||||
"Acesso a lotes limitados",
|
|
||||||
"Brinde exclusivo",
|
|
||||||
],
|
|
||||||
button: {
|
button: {
|
||||||
text: "Assinar",
|
text: "Assinar"},
|
||||||
},
|
imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg?_wi=2", imageAlt: "Tea gardens"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg?_wi=2",
|
|
||||||
imageAlt: "Tea gardens",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Assinaturas de Café"
|
title="Assinaturas de Café"
|
||||||
description="Receba em casa os melhores grãos de Cristais mensalmente."
|
description="Receba em casa os melhores grãos de Cristais mensalmente."
|
||||||
@@ -253,20 +161,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "100+", description: "Famílias de produtores"},
|
||||||
value: "100+",
|
|
||||||
description: "Famílias de produtores",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "1200m", description: "Altitude média"},
|
||||||
value: "1200m",
|
|
||||||
description: "Altitude média",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "90+", description: "Pontos na escala Q-Grader"},
|
||||||
value: "90+",
|
|
||||||
description: "Pontos na escala Q-Grader",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nossos Números"
|
title="Nossos Números"
|
||||||
description="A excelência construída com dedicação."
|
description="A excelência construída com dedicação."
|
||||||
@@ -280,59 +179,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Ana Souza", role: "Sommelier", company: "Coffee Lovers", rating: 5,
|
||||||
name: "Ana Souza",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-by-christmas-tree_1303-11314.jpg"},
|
||||||
role: "Sommelier",
|
|
||||||
company: "Coffee Lovers",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-by-christmas-tree_1303-11314.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Pedro Lima", role: "Barista", company: "Café & Arte", rating: 5,
|
||||||
name: "Pedro Lima",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg"},
|
||||||
role: "Barista",
|
|
||||||
company: "Café & Arte",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Carla Mendes", role: "Foodie", company: "Gastronomia MG", rating: 5,
|
||||||
name: "Carla Mendes",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-female-hat-drinks-coffee-summer-park_613910-3471.jpg"},
|
||||||
role: "Foodie",
|
|
||||||
company: "Gastronomia MG",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-female-hat-drinks-coffee-summer-park_613910-3471.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Lucas Farias", role: "Escritor", company: "Viver bem", rating: 5,
|
||||||
name: "Lucas Farias",
|
imageSrc: "http://img.b2bpic.net/free-photo/mature-asian-man-apron-standing-coffee-roasting-equipment-checking-controls_1098-20597.jpg"},
|
||||||
role: "Escritor",
|
|
||||||
company: "Viver bem",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-asian-man-apron-standing-coffee-roasting-equipment-checking-controls_1098-20597.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Bia Rocha", role: "Chef", company: "Cozinha da Roça", rating: 5,
|
||||||
name: "Bia Rocha",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-enjoying-delicious-aroma-freshly-made-coffee-holding-mug_1258-203007.jpg"},
|
||||||
role: "Chef",
|
|
||||||
company: "Cozinha da Roça",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-enjoying-delicious-aroma-freshly-made-coffee-holding-mug_1258-203007.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "4.9",
|
value: "4.9", label: "Avaliação média"},
|
||||||
label: "Avaliação média",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "5000+",
|
value: "5000+", label: "Cafés entregues"},
|
||||||
label: "Cafés entregues",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", label: "Satisfação real"},
|
||||||
label: "Satisfação real",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="O que dizem os apreciadores"
|
title="O que dizem os apreciadores"
|
||||||
description="Clientes apaixonados pela qualidade das montanhas mineiras."
|
description="Clientes apaixonados pela qualidade das montanhas mineiras."
|
||||||
@@ -343,14 +211,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "cell-wave",
|
variant: "cell-wave"}}
|
||||||
}}
|
|
||||||
text="Quer saber mais sobre nossos cafés ou agendar uma visita à fazenda?"
|
text="Quer saber mais sobre nossos cafés ou agendar uma visita à fazenda?"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Entrar em contato",
|
text: "Entrar em contato", href: "mailto:contato@cristaiscafe.com"},
|
||||||
href: "mailto:contato@cristaiscafe.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -360,29 +225,19 @@ export default function LandingPage() {
|
|||||||
logoText="Cafés de Cristais"
|
logoText="Cafés de Cristais"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navegação",
|
title: "Navegação", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Início",
|
label: "Início", href: "#hero"},
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Produtos",
|
label: "Produtos", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Institucional",
|
title: "Institucional", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Sobre Nós",
|
label: "Sobre Nós", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contato",
|
label: "Contato", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user