Merge version_4 into main #4
182
src/app/page.tsx
182
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,14 +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"
|
||||
/>
|
||||
@@ -46,23 +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?_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"},
|
||||
{
|
||||
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"
|
||||
/>
|
||||
@@ -78,17 +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."
|
||||
@@ -101,22 +104,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Comprar", href: "#" }
|
||||
]}
|
||||
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."
|
||||
@@ -129,94 +121,20 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Plano Essencial (Frete Grátis)", price: "R$ 90", period: "/mês", features: [
|
||||
"1 pacote especial", "Frete fixo"],
|
||||
button: {
|
||||
text: "Quero Assinar"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-gardens_1353-273.jpg", imageAlt: "Tea gardens"},
|
||||
{
|
||||
id: "pro", title: "Plano Connoisseur + Brinde", price: "R$ 160", period: "/mês", features: [
|
||||
"2 pacotes variados", "Degustações surpresa", "Frete grátis"],
|
||||
button: {
|
||||
text: "Assinar Agora"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg?_wi=2", imageAlt: "Tea gardens"},
|
||||
{
|
||||
id: "expert", title: "Plano Expert + Extra Brinde", price: "R$ 290", period: "/mês", features: [
|
||||
"4 pacotes exclusivos", "Acesso a lotes limitados", "Brinde exclusivo"],
|
||||
button: {
|
||||
text: "Garantir Vaga"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg?_wi=2", 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>
|
||||
|
||||
@@ -224,22 +142,8 @@ 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>
|
||||
|
||||
Reference in New Issue
Block a user