Compare commits
8 Commits
1f912d083f
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| ac026a375a | |||
| 6d3c6426c2 | |||
| 93532bec81 | |||
| 685d4f87a8 | |||
| 072a73de7c | |||
| c490ec940d | |||
| 3bdcaf9e93 | |||
| 3bfd30d068 |
329
src/app/page.tsx
329
src/app/page.tsx
@@ -12,6 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Cafés",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Cafés", id: "products" },
|
||||
{ name: "Melhores", id: "beans-showcase" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Cafés de Cristais"
|
||||
/>
|
||||
@@ -54,36 +44,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg",
|
||||
imageAlt: "Coffe plantation in Cristais",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg",
|
||||
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",
|
||||
imageAlt: "Fresh coffee pour",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-nature-coffee-harvesting_23-2151711391.jpg",
|
||||
imageAlt: "Plantation overview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neolithic-period-lifestyle_23-2151786473.jpg",
|
||||
imageAlt: "Hand-sorted beans",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-plate-biscuits_114579-22555.jpg",
|
||||
imageAlt: "Coffee tasting experience",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg?_wi=1", imageAlt: "Coffe plantation in Cristais" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg?_wi=1", 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", imageAlt: "Fresh coffee pour" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -99,32 +66,32 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="beans-showcase" data-section="beans-showcase">
|
||||
<TeamCardEleven
|
||||
title="Seleção Premium"
|
||||
description="Os grãos mais prestigiados da nossa safra atual, colhidos no auge da maturação."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
groups={[
|
||||
{
|
||||
id: "top-tier", groupTitle: "Escolhas do Mestre", members: [
|
||||
{ id: "1", title: "Cristal Ouro", subtitle: "Torra Média", detail: "Notas de caramelo e chocolate amargo.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-container_23-2148173321.jpg" },
|
||||
{ id: "2", title: "Vale das Neblinas", subtitle: "Torra Clara", detail: "Floral, frutado e levemente ácido.", imageSrc: "http://img.b2bpic.net/free-photo/scattered-beans-from-sack-near-coffee-maker-box-sugar_23-2148180188.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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="Por que nossos grãos são diferentes?"
|
||||
description="Descubra o cuidado em cada etapa da produção."
|
||||
@@ -137,49 +104,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Comprar", href: "#" }]}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
title="Nossas Coleções"
|
||||
description="Escolha o perfil de sabor que mais combina com seu dia."
|
||||
@@ -192,166 +121,20 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Plano Essencial",
|
||||
price: "R$ 90",
|
||||
period: "/mês",
|
||||
features: [
|
||||
"1 pacote especial",
|
||||
"Frete fixo",
|
||||
],
|
||||
button: {
|
||||
text: "Assinar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-gardens_1353-273.jpg",
|
||||
imageAlt: "Tea gardens",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Plano Connoisseur",
|
||||
price: "R$ 160",
|
||||
period: "/mês",
|
||||
features: [
|
||||
"2 pacotes variados",
|
||||
"Degustações surpresa",
|
||||
"Frete grátis",
|
||||
],
|
||||
button: {
|
||||
text: "Assinar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg",
|
||||
imageAlt: "Tea gardens",
|
||||
},
|
||||
{
|
||||
id: "expert",
|
||||
title: "Plano Expert",
|
||||
price: "R$ 290",
|
||||
period: "/mês",
|
||||
features: [
|
||||
"4 pacotes exclusivos",
|
||||
"Acesso a lotes limitados",
|
||||
"Brinde exclusivo",
|
||||
],
|
||||
button: {
|
||||
text: "Assinar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg",
|
||||
imageAlt: "Tea gardens",
|
||||
},
|
||||
{ id: "basic", title: "Plano Essencial", price: "R$ 90", period: "/mês", features: ["1 pacote especial", "Frete fixo"], button: { text: "Quero Assinar" } },
|
||||
{ id: "pro", title: "Plano Connoisseur", price: "R$ 160", period: "/mês", features: ["2 pacotes variados", "Degustações surpresa"], button: { text: "Assinar Agora" } }
|
||||
]}
|
||||
title="Assinaturas de Café"
|
||||
description="Receba em casa os melhores grãos de Cristais mensalmente."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Famílias de produtores",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1200m",
|
||||
description: "Altitude média",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "90+",
|
||||
description: "Pontos na escala Q-Grader",
|
||||
},
|
||||
]}
|
||||
title="Nossos Números"
|
||||
description="A excelência construída com dedicação."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Souza",
|
||||
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",
|
||||
name: "Pedro Lima",
|
||||
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",
|
||||
name: "Carla Mendes",
|
||||
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",
|
||||
name: "Lucas Farias",
|
||||
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",
|
||||
name: "Bia Rocha",
|
||||
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={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avaliação média",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Cafés entregues",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfação real",
|
||||
},
|
||||
]}
|
||||
title="O que dizem os apreciadores"
|
||||
description="Clientes apaixonados pela qualidade das montanhas mineiras."
|
||||
title="Assinaturas"
|
||||
description="Receba mensalmente em casa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
background={{ variant: "cell-wave" }}
|
||||
text="Quer saber mais sobre nossos cafés ou agendar uma visita à fazenda?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Entrar em contato",
|
||||
href: "mailto:contato@cristaiscafe.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Entrar em contato", href: "mailto:contato@cristaiscafe.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -359,36 +142,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Cafés de Cristais"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Institucional",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navegação", items: [{ label: "Início", href: "#hero" }, { label: "Produtos", href: "#products" }] },
|
||||
{ title: "Institucional", items: [{ label: "Sobre Nós", href: "#about" }, { label: "Contato", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user