Update src/app/page.tsx
This commit is contained in:
300
src/app/page.tsx
300
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="BurgerJoy"
|
||||
/>
|
||||
@@ -59,99 +44,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sabor que você respeita, carne que você ama."
|
||||
description="Os melhores hambúrgueres artesanais da cidade, preparados com ingredientes frescos e amor. Venha provar a diferença de um burger de verdade."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana Silva",
|
||||
handle: "@anasilva",
|
||||
testimonial: "O melhor burger que já comi! Ingredientes super frescos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-earrings-yellow-sweater_273609-4971.jpg",
|
||||
},
|
||||
{
|
||||
name: "Pedro Souza",
|
||||
handle: "@pedrosouza",
|
||||
testimonial: "Atendimento rápido e sabor espetacular.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carla Lima",
|
||||
handle: "@carlalima",
|
||||
testimonial: "A carne é suculenta e o pão perfeito.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appetizing-chicken-burger-female-hands-fast-food-restaurant_169016-55094.jpg",
|
||||
},
|
||||
{
|
||||
name: "João Santos",
|
||||
handle: "@joaosantos",
|
||||
testimonial: "Experiência incrível, recomendo muito!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-fun-while-sitting-with-her-friends-dining-table-eating-dessert_637285-3239.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria Oliveira",
|
||||
handle: "@mariaoli",
|
||||
testimonial: "O blend da carne é simplesmente imbatível.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-masks-burgers_23-2148705563.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Peça agora",
|
||||
href: "#menu",
|
||||
},
|
||||
{ name: "Ana Silva", handle: "@anasilva", testimonial: "O melhor burger que já comi! Ingredientes super frescos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-earrings-yellow-sweater_273609-4971.jpg" },
|
||||
{ name: "Pedro Souza", handle: "@pedrosouza", testimonial: "Atendimento rápido e sabor espetacular.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg" },
|
||||
{ name: "Carla Lima", handle: "@carlalima", testimonial: "A carne é suculenta e o pão perfeito.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/appetizing-chicken-burger-female-hands-fast-food-restaurant_169016-55094.jpg" },
|
||||
{ name: "João Santos", handle: "@joaosantos", testimonial: "Experiência incrível, recomendo muito!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-fun-while-sitting-with-her-friends-dining-table-eating-dessert_637285-3239.jpg" },
|
||||
{ name: "Maria Oliveira", handle: "@mariaoli", testimonial: "O blend da carne é simplesmente imbatível.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-masks-burgers_23-2148705563.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Peça agora", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148374905.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg",
|
||||
alt: "Cliente Ana Silva",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-model-sexy-unshaven-man-dressed-white-summer-tshirt-jeans-clothes-fashion-male-posing-near-blue-wall-studio-isolated_158538-26836.jpg",
|
||||
alt: "Cliente Pedro Souza",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg",
|
||||
alt: "Cliente Carla Lima",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg",
|
||||
alt: "Cliente João Santos",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg",
|
||||
alt: "Cliente Maria Oliveira",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg", alt: "Cliente Ana Silva" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-model-sexy-unshaven-man-dressed-white-summer-tshirt-jeans-clothes-fashion-male-posing-near-blue-wall-studio-isolated_158538-26836.jpg", alt: "Cliente Pedro Souza" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", alt: "Cliente Carla Lima" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg", alt: "Cliente João Santos" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg", alt: "Cliente Maria Oliveira" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Artesanal",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Carne fresca diária",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pão de fermentação natural",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente acolhedor",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sabor inesquecível",
|
||||
},
|
||||
{ type: "text", text: "100% Artesanal" },
|
||||
{ type: "text", text: "Carne fresca diária" },
|
||||
{ type: "text", text: "Pão de fermentação natural" },
|
||||
{ type: "text", text: "Ambiente acolhedor" },
|
||||
{ type: "text", text: "Sabor inesquecível" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,18 +81,9 @@ export default function LandingPage() {
|
||||
title="Nossa História de Sabor"
|
||||
description="Tudo começou em uma pequena cozinha, com o desejo de criar o hambúrguer perfeito. Hoje, somos referência em sabor e qualidade artesanal."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Blend Artesanal",
|
||||
description: "Carnes selecionadas diariamente por nossos açougueiros.",
|
||||
},
|
||||
{
|
||||
title: "Pão de Fermentação Natural",
|
||||
description: "Assado artesanalmente para garantir a maciez ideal.",
|
||||
},
|
||||
{
|
||||
title: "Ingredientes Frescos",
|
||||
description: "Vegetais colhidos localmente para o máximo frescor.",
|
||||
},
|
||||
{ title: "Blend Artesanal", description: "Carnes selecionadas diariamente por nossos açougueiros." },
|
||||
{ title: "Pão de Fermentação Natural", description: "Assado artesanalmente para garantir a maciez ideal." },
|
||||
{ title: "Ingredientes Frescos", description: "Vegetais colhidos localmente para o máximo frescor." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-burger-wooden-board-with-fresh-tomatoes_23-2148238496.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -187,21 +96,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Beef,
|
||||
title: "Carnes Nobres",
|
||||
description: "Seleção premium para garantir o melhor sabor possível.",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Grelhados com Carinho",
|
||||
description: "Ponto exato e suculência preservada em fogo vivo.",
|
||||
},
|
||||
{
|
||||
icon: Salad,
|
||||
title: "Freshness Garantida",
|
||||
description: "Produtos orgânicos sempre à disposição na sua mesa.",
|
||||
},
|
||||
{ icon: Beef, title: "Carnes Nobres", description: "Seleção premium para garantir o melhor sabor possível." },
|
||||
{ icon: Flame, title: "Grelhados com Carinho", description: "Ponto exato e suculência preservada em fogo vivo." },
|
||||
{ icon: Salad, title: "Freshness Garantida", description: "Produtos orgânicos sempre à disposição na sua mesa." },
|
||||
]}
|
||||
title="Por que somos diferentes?"
|
||||
description="Nosso compromisso com a qualidade se reflete em cada detalhe do nosso processo."
|
||||
@@ -215,42 +112,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Burger",
|
||||
price: "R$ 29,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-wooden-cutting-board-isolated-dark-surface-with-free-space_179666-42695.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bacon Lover",
|
||||
price: "R$ 35,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-burger-with-fresh-vegetables-meat-inside-round-plate_140725-11618.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chicken Crispy",
|
||||
price: "R$ 32,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16529.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Veggie Delight",
|
||||
price: "R$ 30,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-made-delicious-big-hamburger_23-2148374920.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Double Smash",
|
||||
price: "R$ 39,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637344.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Chef Special",
|
||||
price: "R$ 42,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pair-hands-holding-fresh-juicy-burger-with-lettuce-onions-cheese-black-background_181624-59244.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Burger", price: "R$ 29,00", imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-wooden-cutting-board-isolated-dark-surface-with-free-space_179666-42695.jpg" },
|
||||
{ id: "2", name: "Bacon Lover", price: "R$ 35,00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-burger-with-fresh-vegetables-meat-inside-round-plate_140725-11618.jpg" },
|
||||
{ id: "3", name: "Chicken Crispy", price: "R$ 32,00", imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16529.jpg" },
|
||||
{ id: "4", name: "Veggie Delight", price: "R$ 30,00", imageSrc: "http://img.b2bpic.net/free-photo/home-made-delicious-big-hamburger_23-2148374920.jpg" },
|
||||
{ id: "5", name: "Double Smash", price: "R$ 39,00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637344.jpg" },
|
||||
{ id: "6", name: "Chef Special", price: "R$ 42,00", imageSrc: "http://img.b2bpic.net/free-photo/pair-hands-holding-fresh-juicy-burger-with-lettuce-onions-cheese-black-background_181624-59244.jpg" },
|
||||
]}
|
||||
title="Cardápio do Dia"
|
||||
description="Escolha a sua paixão do dia."
|
||||
@@ -261,47 +128,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
handle: "@ana",
|
||||
testimonial: "Sensacional!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pedro Souza",
|
||||
handle: "@pedro",
|
||||
testimonial: "Sabor incrível.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-middleaged-man-smiling-happy-satisfied-showing-thumbsup-expressing-approval_1258-130248.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carla Lima",
|
||||
handle: "@carla",
|
||||
testimonial: "Atendimento top.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-hungry-curly-woman-eats-hot-dog-burger-keeps-mouth-widely-opened-prefers-fast-food-wears-white-formal-shirt-tie-isolated-pink-background-blank-space-your-advertisement_273609-62442.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "João Santos",
|
||||
handle: "@joao",
|
||||
testimonial: "Voltarei sempre.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Oliveira",
|
||||
handle: "@maria",
|
||||
testimonial: "Qualidade única.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-charming-curly-hispanic-girl-cooking-her-kitchen-grates-cheese-grater_613910-4901.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana Silva", handle: "@ana", testimonial: "Sensacional!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg" },
|
||||
{ id: "2", name: "Pedro Souza", handle: "@pedro", testimonial: "Sabor incrível.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-middleaged-man-smiling-happy-satisfied-showing-thumbsup-expressing-approval_1258-130248.jpg" },
|
||||
{ id: "3", name: "Carla Lima", handle: "@carla", testimonial: "Atendimento top.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-hungry-curly-woman-eats-hot-dog-burger-keeps-mouth-widely-opened-prefers-fast-food-wears-white-formal-shirt-tie-isolated-pink-background-blank-space-your-advertisement_273609-62442.jpg" },
|
||||
{ id: "4", name: "João Santos", handle: "@joao", testimonial: "Voltarei sempre.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg" },
|
||||
{ id: "5", name: "Maria Oliveira", handle: "@maria", testimonial: "Qualidade única.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-charming-curly-hispanic-girl-cooking-her-kitchen-grates-cheese-grater_613910-4901.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="O que dizem os clientes"
|
||||
@@ -314,14 +147,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"iFood",
|
||||
"Visa",
|
||||
"Fazenda X",
|
||||
"Coca-Cola",
|
||||
"Heineken",
|
||||
"Padaria Central",
|
||||
"Açougue Prime",
|
||||
]}
|
||||
"iFood", "Visa", "Fazenda X", "Coca-Cola", "Heineken", "Padaria Central", "Açougue Prime"]}
|
||||
title="Parceiros que nos ajudam"
|
||||
description="Qualidade garantida com os melhores fornecedores."
|
||||
/>
|
||||
@@ -333,22 +159,10 @@ export default function LandingPage() {
|
||||
title="Fale com a gente"
|
||||
description="Dúvidas ou sugestões? Envie uma mensagem e responderemos em breve."
|
||||
inputs={[
|
||||
{
|
||||
name: "nome",
|
||||
type: "text",
|
||||
placeholder: "Nome",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Seu e-mail",
|
||||
},
|
||||
{ name: "nome", type: "text", placeholder: "Nome" },
|
||||
{ name: "email", type: "email", placeholder: "Seu e-mail" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "mensagem",
|
||||
placeholder: "Sua mensagem aqui",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "mensagem", placeholder: "Sua mensagem aqui", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-interior-design-table-with-food_23-2150595532.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -356,30 +170,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Cardápio",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Sobre", href: "#about" }, { label: "Cardápio", href: "#menu" }] },
|
||||
{ items: [{ label: "Contato", href: "#contact" }, { label: "Privacidade", href: "#" }] },
|
||||
]}
|
||||
logoText="BurgerJoy"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user