Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-21 04:32:31 +00:00

View File

@@ -19,418 +19,171 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Início",
id: "hero",
},
{
name: "Sobre",
id: "about",
},
{
name: "Dicas",
id: "features",
},
{
name: "Contato",
id: "contact",
},
]}
brandName="Chef Dicas"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Início", id: "hero" },
{ name: "Sobre", id: "about" },
{ name: "Dicas", id: "features" },
{ name: "Contato", id: "contact" },
]}
brandName="Chef Dicas"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background="gradient-bars"
title="Domine a Arte da Culinária"
description="Descubra segredos, técnicas e dicas profissionais para elevar seus pratos a um novo patamar de sabor e sofisticação."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-eating-dinner-hotel-snacks_1122-1790.jpg",
imageAlt: "Chef Cozinhando",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chef-cutting-chives_23-2148491224.jpg",
imageAlt: "Corte de Carne",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-wooden-board-garlic-salt-rosemary_141793-17508.jpg",
imageAlt: "Selando Proteína",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41855.jpg",
imageAlt: "Ervas Aromáticas",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-pastry-machine_23-2148296901.jpg",
imageAlt: "Pasta Fresca",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-sweet-biscuits-inside-designed-plate-dark-space_140725-95311.jpg",
imageAlt: "Sobremesa",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-49102.jpg",
imageAlt: "Pães Artesanais",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-shrimp-prawn_74190-954.jpg",
imageAlt: "Frutos do Mar",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vegan-salads-cabbage-carrots-mushroom-cheese-onion-pepper-top-view-concept_176474-213.jpg",
imageAlt: "Saladas Frescas",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cake-ingredients-table_23-2148769311.jpg",
imageAlt: "Cozinha",
},
]}
buttons={[
{
text: "Explorar Dicas",
href: "#features",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-collection-kitchen-tools_23-2148302981.jpg",
alt: "Chef profissional 1",
},
{
src: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727972.jpg",
alt: "Chef profissional 2",
},
{
src: "http://img.b2bpic.net/free-photo/woman-kneads-dough-make-pizza-wooden-cooking-concept_1150-4704.jpg",
alt: "Chef profissional 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-cutting-slices-tomato-kitchen-counter_23-2147893489.jpg",
alt: "Chef profissional 4",
},
{
src: "http://img.b2bpic.net/free-photo/part-modern-kitchen-interior-with-oven_169016-19754.jpg",
alt: "Chef profissional 5",
},
]}
avatarText="Junte-se a 10.000 chefs"
marqueeItems={[
{
type: "text",
text: "Alta Gastronomia",
},
{
type: "text",
text: "Técnicas de Corte",
},
{
type: "text",
text: "Panificação",
},
{
type: "text",
text: "Confeitaria",
},
{
type: "text",
text: "Assados",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Domine a Arte da Culinária"
description="Descubra segredos, técnicas e dicas profissionais para elevar seus pratos a um novo patamar de sabor e sofisticação."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-eating-dinner-hotel-snacks_1122-1790.jpg", imageAlt: "Chef Cozinhando" },
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-cutting-chives_23-2148491224.jpg", imageAlt: "Corte de Carne" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-wooden-board-garlic-salt-rosemary_141793-17508.jpg", imageAlt: "Selando Proteína" },
{ imageSrc: "http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41855.jpg", imageAlt: "Ervas Aromáticas" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-pastry-machine_23-2148296901.jpg", imageAlt: "Pasta Fresca" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-sweet-biscuits-inside-designed-plate-dark-space_140725-95311.jpg", imageAlt: "Sobremesa" },
{ imageSrc: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-49102.jpg", imageAlt: "Pães Artesanais" },
{ imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-shrimp-prawn_74190-954.jpg", imageAlt: "Frutos do Mar" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vegan-salads-cabbage-carrots-mushroom-cheese-onion-pepper-top-view-concept_176474-213.jpg", imageAlt: "Saladas Frescas" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-cake-ingredients-table_23-2148769311.jpg", imageAlt: "Cozinha" }
]}
buttons={[{ text: "Explorar Dicas", href: "#features" }]}
avatarText="Junte-se a 10.000 chefs"
marqueeItems={[{ type: "text", text: "Alta Gastronomia" }, { type: "text", text: "Técnicas de Corte" }, { type: "text", text: "Panificação" }, { type: "text", text: "Confeitaria" }, { type: "text", text: "Assados" }]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Sua Jornada Gastronômica"
description="Nossa missão é simplificar a alta gastronomia, oferecendo conhecimento técnico acessível e prático para que qualquer um possa cozinhar como um chef em casa."
bulletPoints={[
{
title: "Técnicas Profissionais",
description: "Domine métodos de corte, cozimento e preparo básicos.",
},
{
title: "Ingredientes de Qualidade",
description: "Como escolher e combinar os melhores ingredientes.",
},
{
title: "Cozinha Prática",
description: "Dicas para agilizar seu dia a dia na cozinha.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-chef-seasoning-salad_23-2148471931.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Sua Jornada Gastronômica"
description="Nossa missão é simplificar a alta gastronomia, oferecendo conhecimento técnico acessível e prático para que qualquer um possa cozinhar como um chef em casa."
bulletPoints={[
{ title: "Técnicas Profissionais", description: "Domine métodos de corte, cozimento e preparo básicos." },
{ title: "Ingredientes de Qualidade", description: "Como escolher e combinar os melhores ingredientes." },
{ title: "Cozinha Prática", description: "Dicas para agilizar seu dia a dia na cozinha." }
]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-chef-seasoning-salad_23-2148471931.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Domínio da Faca",
author: "Chef André",
description: "Aprenda cortes precisos e seguros.",
tags: [
"Técnica",
"Basico",
],
imageSrc: "http://img.b2bpic.net/free-photo/chef-s-male-hand-cutting-tomato-with-sharp-knife-board_23-2147863736.jpg",
},
{
id: "f2",
title: "Selagem Perfeita",
author: "Chef Bia",
description: "Como obter crostas incríveis na carne.",
tags: [
"Proteínas",
"Selagem",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chopping-board-with-lemon-slices-chicken_23-2148638937.jpg",
},
{
id: "f3",
title: "Ervas e Aromas",
author: "Chef Carlos",
description: "Como extrair o máximo das ervas frescas.",
tags: [
"Temperos",
"Aromas",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-green-onion-with-seasonings-vegetables-light-blue-background_140725-136939.jpg",
},
]}
title="Dicas de Chef"
description="Aprenda os segredos que transformam ingredientes simples em experiências inesquecíveis."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Domínio da Faca", author: "Chef André", description: "Aprenda cortes precisos e seguros.", tags: ["Técnica", "Basico"], imageSrc: "http://img.b2bpic.net/free-photo/chef-s-male-hand-cutting-tomato-with-sharp-knife-board_23-2147863736.jpg" },
{ id: "f2", title: "Selagem Perfeita", author: "Chef Bia", description: "Como obter crostas incríveis na carne.", tags: ["Proteínas", "Selagem"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-chopping-board-with-lemon-slices-chicken_23-2148638937.jpg" },
{ id: "f3", title: "Ervas e Aromas", author: "Chef Carlos", description: "Como extrair o máximo das ervas frescas.", tags: ["Temperos", "Aromas"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-green-onion-with-seasonings-vegetables-light-blue-background_140725-136939.jpg" }
]}
title="Dicas de Chef"
description="Aprenda os segredos que transformam ingredientes simples em experiências inesquecíveis."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Confeitaria",
price: "Doces",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132614.jpg",
},
{
id: "p2",
name: "Massas Artesanais",
price: "Italiano",
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-breaking-egg-flour_23-2148763168.jpg",
},
{
id: "p3",
name: "Panificação",
price: "Artesanal",
imageSrc: "http://img.b2bpic.net/free-photo/dark-bread-slices-wooden-board-blue-table_114579-14440.jpg",
},
{
id: "p4",
name: "Frutos do Mar",
price: "Mediterrâneo",
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-cooking-fish_23-2147753657.jpg",
},
{
id: "p5",
name: "Saladas",
price: "Saudável",
imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-greed-currant_140725-966.jpg",
},
{
id: "p6",
name: "Assados",
price: "Clássicos",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-with-fried-zucchini-fork-knife-greens-round-plate_176474-3364.jpg",
},
]}
title="Categorias de Pratos"
description="Explore as principais categorias gastronômicas para suas próximas criações."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Confeitaria", price: "Doces", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132614.jpg" },
{ id: "p2", name: "Massas Artesanais", price: "Italiano", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-breaking-egg-flour_23-2148763168.jpg" },
{ id: "p3", name: "Panificação", price: "Artesanal", imageSrc: "http://img.b2bpic.net/free-photo/dark-bread-slices-wooden-board-blue-table_114579-14440.jpg" },
{ id: "p4", name: "Frutos do Mar", price: "Mediterrâneo", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-cooking-fish_23-2147753657.jpg" },
{ id: "p5", name: "Saladas", price: "Saudável", imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-greed-currant_140725-966.jpg" },
{ id: "p6", name: "Assados", price: "Clássicos", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-with-fried-zucchini-fork-knife-greens-round-plate_176474-3364.jpg" }
]}
title="Categorias de Pratos"
description="Explore as principais categorias gastronômicas para suas próximas criações."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Receitas",
description: "Passo a passo testado.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-infographic-template-about-food_23-2147591066.jpg",
},
{
id: "m2",
value: "150",
title: "Vídeos",
description: "Conteúdo exclusivo.",
imageSrc: "http://img.b2bpic.net/free-vector/illustration-food-concept_53876-9252.jpg",
},
{
id: "m3",
value: "10k",
title: "Alunos",
description: "Cozinheiros formados.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-chef-logo-template_23-2148984570.jpg",
},
]}
title="Nossa Biblioteca"
description="Números que comprovam nossa dedicação ao ensino gastronômico."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "500+", title: "Receitas", description: "Passo a passo testado.", imageSrc: "http://img.b2bpic.net/free-vector/flat-infographic-template-about-food_23-2147591066.jpg" },
{ id: "m2", value: "150", title: "Vídeos", description: "Conteúdo exclusivo.", imageSrc: "http://img.b2bpic.net/free-vector/illustration-food-concept_53876-9252.jpg" },
{ id: "m3", value: "10k", title: "Alunos", description: "Cozinheiros formados.", imageSrc: "http://img.b2bpic.net/free-vector/flat-chef-logo-template_23-2148984570.jpg" }
]}
title="Nossa Biblioteca"
description="Números que comprovam nossa dedicação ao ensino gastronômico."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Mariana Souza",
role: "Fã",
company: "Casa",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-white-cook-suit-holding-sugar-cookies-green-surface_140725-31237.jpg",
},
{
id: "2",
name: "Pedro Lima",
role: "Amador",
company: "Culinária",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-195053.jpg",
},
{
id: "3",
name: "Fernanda Costa",
role: "Chef",
company: "Restaurante",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-chef-with-tablet_23-2148480424.jpg",
},
{
id: "4",
name: "Ricardo Alves",
role: "Iniciante",
company: "Entusiasta",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-kitchen_23-2147782465.jpg",
},
{
id: "5",
name: "Camila Oliveira",
role: "Estudante",
company: "Gastronomia",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-pepper_23-2149631687.jpg",
},
]}
title="O que Dizem Nossos Alunos"
description="Histórias de sucesso de quem começou a cozinhar conosco."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Mariana Souza", role: "Fã", company: "Casa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-white-cook-suit-holding-sugar-cookies-green-surface_140725-31237.jpg" },
{ id: "2", name: "Pedro Lima", role: "Amador", company: "Culinária", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-195053.jpg" },
{ id: "3", name: "Fernanda Costa", role: "Chef", company: "Restaurante", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-chef-with-tablet_23-2148480424.jpg" },
{ id: "4", name: "Ricardo Alves", role: "Iniciante", company: "Entusiasta", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-kitchen_23-2147782465.jpg" },
{ id: "5", name: "Camila Oliveira", role: "Estudante", company: "Gastronomia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-pepper_23-2149631687.jpg" }
]}
title="O que Dizem Nossos Alunos"
description="Histórias de sucesso de quem começou a cozinhar conosco."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Como aprender?",
content: "Siga as dicas diárias no site.",
},
{
id: "q2",
title: "Preciso de utensílios?",
content: "Apenas o básico para começar.",
},
{
id: "q3",
title: "É gratuito?",
content: "Sim, todas as dicas são livres.",
},
]}
sideTitle="Dúvidas Comuns"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Como aprender?", content: "Siga as dicas diárias no site." },
{ id: "q2", title: "Preciso de utensílios?", content: "Apenas o básico para começar." },
{ id: "q3", title: "É gratuito?", content: "Sim, todas as dicas são livres." }
]}
sideTitle="Dúvidas Comuns"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Entre em Contato"
description="Fale conosco para parcerias ou sugestões de temas culinários."
inputs={[
{
name: "name",
type: "text",
placeholder: "Seu Nome",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Seu Email",
required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934672.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Entre em Contato"
description="Fale conosco para parcerias ou sugestões de temas culinários."
inputs={[
{ name: "name", type: "text", placeholder: "Seu Nome", required: true },
{ name: "email", type: "email", placeholder: "Seu Email", required: true }
]}
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934672.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Chef Dicas"
columns={[
{
title: "Conteúdo",
items: [
{
label: "Sobre",
href: "#about",
},
{
label: "Dicas",
href: "#features",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidade",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Chef Dicas"
columns={[
{ title: "Conteúdo", items: [{ label: "Sobre", href: "#about" }, { label: "Dicas", href: "#features" }] },
{ title: "Legal", items: [{ label: "Privacidade", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}