Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 658053bdbc | |||
| 58e0601907 |
211
src/app/page.tsx
211
src/app/page.tsx
@@ -31,26 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Cardápio",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Cardápio", id: "menu"},
|
||||
{
|
||||
name: "Experiência",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experiência", id: "experience"},
|
||||
{
|
||||
name: "Reservar",
|
||||
id: "reservation",
|
||||
},
|
||||
name: "Reservar", id: "reservation"},
|
||||
]}
|
||||
button={{
|
||||
text: "Reservar Mesa",
|
||||
href: "#reservation",
|
||||
}}
|
||||
text: "Reservar Mesa", href: "#reservation"}}
|
||||
brandName="Maria da Praia"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Maria / da Praia"
|
||||
description="Frutos do mar frescos, vista inesquecível e a alma carioca à beira-mar."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar Mesa",
|
||||
href: "#reservation",
|
||||
},
|
||||
text: "Reservar Mesa", href: "#reservation"},
|
||||
{
|
||||
text: "Ver Cardápio",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Ver Cardápio", href: "#menu"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-island-aegean-sea-from-empty-restaurant_1268-15840.jpg",
|
||||
imageAlt: "Vista da praia",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-island-aegean-sea-from-empty-restaurant_1268-15840.jpg", imageAlt: "Vista da praia"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-spaghetti-mussels_23-2148461650.jpg",
|
||||
imageAlt: "Prato de camarão",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-spaghetti-mussels_23-2148461650.jpg", imageAlt: "Prato de camarão"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-mussels-salad-with-galetta-white-plate_114579-2359.jpg",
|
||||
imageAlt: "Ambiente noturno",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-mussels-salad-with-galetta-white-plate_114579-2359.jpg", imageAlt: "Ambiente noturno"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-barefooted-woman-with-pretty-smile-posing-cafe-photo-cute-blonde-female-model-with-excited-face-expression-sitting-window-sill_197531-9234.jpg",
|
||||
imageAlt: "Terraço ao ar livre",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-barefooted-woman-with-pretty-smile-posing-cafe-photo-cute-blonde-female-model-with-excited-face-expression-sitting-window-sill_197531-9234.jpg", imageAlt: "Terraço ao ar livre"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-with-lime-with-sea_181624-8259.jpg",
|
||||
imageAlt: "Drink especial",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-with-lime-with-sea_181624-8259.jpg", imageAlt: "Drink especial"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -105,17 +80,11 @@ export default function LandingPage() {
|
||||
description="Nossa cozinha combina o frescor do oceano com a tradição da culinária carioca, oferecendo uma experiência que vai muito além do paladar. Localizados na deslumbrante Praia de Piratininga, criamos um refúgio para quem busca sabores autênticos e o calor humano que só o Rio de Janeiro pode proporcionar."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Anos de tradição",
|
||||
},
|
||||
value: "10+", title: "Anos de tradição"},
|
||||
{
|
||||
value: "4.5★",
|
||||
title: "Avaliação média",
|
||||
},
|
||||
value: "4.5★", title: "Avaliação média"},
|
||||
{
|
||||
value: "100+",
|
||||
title: "Reviews reais",
|
||||
},
|
||||
value: "100+", title: "Reviews reais"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/raw-trout-ready-be-cooked_23-2150353386.jpg"
|
||||
imageAlt="Ambiente do restaurante"
|
||||
@@ -129,38 +98,18 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bobó de Camarão",
|
||||
price: "R$ 118 – 148",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-sauteed-containing-mussels-crabs_114579-2139.jpg",
|
||||
},
|
||||
id: "1", name: "Bobó de Camarão", price: "R$ 118 – 148", imageSrc: "http://img.b2bpic.net/free-photo/seafood-sauteed-containing-mussels-crabs_114579-2139.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pastel de Camarão",
|
||||
price: "R$ 52 – 68",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-oysters-with-lemons-ice_52683-111695.jpg",
|
||||
},
|
||||
id: "2", name: "Pastel de Camarão", price: "R$ 52 – 68", imageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-oysters-with-lemons-ice_52683-111695.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ceviche da Casa",
|
||||
price: "R$ 62 – 78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-side-dishes-with-platter-shrimp-squids-fish_140725-2576.jpg",
|
||||
},
|
||||
id: "3", name: "Ceviche da Casa", price: "R$ 62 – 78", imageSrc: "http://img.b2bpic.net/free-photo/seafood-side-dishes-with-platter-shrimp-squids-fish_140725-2576.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Camarão Tailandês",
|
||||
price: "R$ 128 – 158",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-clams-store_23-2148263843.jpg",
|
||||
},
|
||||
id: "4", name: "Camarão Tailandês", price: "R$ 128 – 158", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-clams-store_23-2148263843.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Filé de Peixe Grelhado",
|
||||
price: "R$ 88 – 108",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sea-food_23-2149214658.jpg",
|
||||
},
|
||||
id: "5", name: "Filé de Peixe Grelhado", price: "R$ 88 – 108", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sea-food_23-2149214658.jpg"},
|
||||
]}
|
||||
title="Nosso Cardápio"
|
||||
description="Seleção exclusiva de frutos do mar frescos e preparos autorais."
|
||||
@@ -175,30 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vista Privilegiada",
|
||||
description: "Debruçados sobre o mar de Piratininga.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-letter-lies-blue-serviette-dinner-table_1304-3688.jpg",
|
||||
},
|
||||
title: "Vista Privilegiada", description: "Debruçados sobre o mar de Piratininga.", imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-letter-lies-blue-serviette-dinner-table_1304-3688.jpg"},
|
||||
{
|
||||
title: "Pet-Friendly",
|
||||
description: "Seu melhor amigo é bem-vindo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sharm-vacation-tropical-silhouette-light_1203-4806.jpg",
|
||||
},
|
||||
title: "Pet-Friendly", description: "Seu melhor amigo é bem-vindo.", imageSrc: "http://img.b2bpic.net/free-photo/sharm-vacation-tropical-silhouette-light_1203-4806.jpg"},
|
||||
{
|
||||
title: "Eventos Especiais",
|
||||
description: "Espaço ideal para grupos e celebrações.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-table-terrace-restaurant-with-sea-view_1339-7119.jpg",
|
||||
},
|
||||
title: "Eventos Especiais", description: "Espaço ideal para grupos e celebrações.", imageSrc: "http://img.b2bpic.net/free-photo/chair-table-terrace-restaurant-with-sea-view_1339-7119.jpg"},
|
||||
{
|
||||
title: "Pôr do Sol Mágico",
|
||||
description: "O melhor espetáculo da cidade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-fresh-blue-lemon-drink-with-straw-sliced-lime_23-2148145416.jpg",
|
||||
},
|
||||
title: "Pôr do Sol Mágico", description: "O melhor espetáculo da cidade.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-fresh-blue-lemon-drink-with-straw-sliced-lime_23-2148145416.jpg"},
|
||||
{
|
||||
title: "Atendimento VIP",
|
||||
description: "Experiência personalizada para você.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-with-gloves-sprinkled-salt-onto-fresh-fish-pomegranate-seeds-bowl-table_179666-44311.jpg",
|
||||
},
|
||||
title: "Atendimento VIP", description: "Experiência personalizada para você.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-with-gloves-sprinkled-salt-onto-fresh-fish-pomegranate-seeds-bowl-table_179666-44311.jpg"},
|
||||
]}
|
||||
title="Mais que uma refeição"
|
||||
description="Nossa experiência é composta por elementos que traduzem a magia do litoral carioca."
|
||||
@@ -209,43 +143,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
role: "Frequente",
|
||||
testimonial: "O bobó de camarão é insuperável, tempero perfeito!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg",
|
||||
},
|
||||
id: "1", name: "Ana Silva", role: "Frequente", testimonial: "O bobó de camarão é insuperável, tempero perfeito!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Mendes",
|
||||
role: "Visitante",
|
||||
testimonial: "Vista maravilhosa e o pôr do sol é um evento à parte.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-woman-using-mobile-phone-cafe_273443-677.jpg",
|
||||
},
|
||||
id: "2", name: "Carlos Mendes", role: "Visitante", testimonial: "Vista maravilhosa e o pôr do sol é um evento à parte.", imageSrc: "http://img.b2bpic.net/free-photo/european-woman-using-mobile-phone-cafe_273443-677.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Beatriz Rocha",
|
||||
role: "Frequente",
|
||||
testimonial: "Atendimento impecável e porções muito generosas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-enjoying-christmas-dinner_23-2149144969.jpg",
|
||||
},
|
||||
id: "3", name: "Beatriz Rocha", role: "Frequente", testimonial: "Atendimento impecável e porções muito generosas.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-enjoying-christmas-dinner_23-2149144969.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Felipe Souza",
|
||||
role: "Aniversariante",
|
||||
testimonial: "Celebrar meu aniversário aqui foi a melhor escolha.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-friends-enjoying-burgers-together-while-beach_23-2148666657.jpg",
|
||||
},
|
||||
id: "4", name: "Felipe Souza", role: "Aniversariante", testimonial: "Celebrar meu aniversário aqui foi a melhor escolha.", imageSrc: "http://img.b2bpic.net/free-photo/three-friends-enjoying-burgers-together-while-beach_23-2148666657.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Juliana Lima",
|
||||
role: "Frequente",
|
||||
testimonial: "Ambiente super relaxado, pé na areia total.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-wearing-white-cook-suit-holding-big-sign-green-desk-kitchen-cuisine-cooking-female-color_140725-58666.jpg",
|
||||
},
|
||||
id: "5", name: "Juliana Lima", role: "Frequente", testimonial: "Ambiente super relaxado, pé na areia total.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-wearing-white-cook-suit-holding-big-sign-green-desk-kitchen-cuisine-cooking-female-color_140725-58666.jpg"},
|
||||
]}
|
||||
title="O que nossos clientes dizem"
|
||||
description="Relatos de quem já viveu a experiência Maria da Praia."
|
||||
@@ -256,14 +165,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Reserve sua mesa e venha saborear o melhor do litoral de Niterói."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar agora",
|
||||
href: "#",
|
||||
},
|
||||
text: "Reservar agora", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -271,23 +177,14 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Onde estamos?",
|
||||
content: "Praia de Piratininga, Niterói - RJ.",
|
||||
},
|
||||
id: "1", title: "Onde estamos?", content: "Praia de Piratininga, Niterói - RJ."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Horários?",
|
||||
content: "Terça a Domingo das 11h às 22h.",
|
||||
},
|
||||
id: "2", title: "Horários?", content: "Terça a Domingo das 11h às 22h."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Estacionamento?",
|
||||
content: "Disponível na orla da praia.",
|
||||
},
|
||||
id: "3", title: "Estacionamento?", content: "Disponível na orla da praia."},
|
||||
]}
|
||||
title="Informações Úteis"
|
||||
description="Saiba mais sobre como chegar e nossos horários."
|
||||
@@ -302,39 +199,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Maria da Praia",
|
||||
items: [
|
||||
title: "Maria da Praia", items: [
|
||||
{
|
||||
label: "Sobre nós",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre nós", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Cardápio",
|
||||
items: [
|
||||
title: "Cardápio", items: [
|
||||
{
|
||||
label: "Ver opções",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Ver opções", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reservas",
|
||||
items: [
|
||||
title: "Reservas", items: [
|
||||
{
|
||||
label: "Agendar mesa",
|
||||
href: "#reservation",
|
||||
},
|
||||
label: "Agendar mesa", href: "#reservation"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
title: "Contato", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -345,4 +230,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5ede0;
|
||||
--card: #0d1b2a;
|
||||
--foreground: #0d1b2a;
|
||||
--card: #f0f0f0;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #c9a96e;
|
||||
--primary-cta-text: #0d1b2a;
|
||||
--secondary-cta: #f5ede0;
|
||||
--secondary-cta-text: #0d1b2a;
|
||||
--accent: #c9a96e;
|
||||
--background-accent: #0d1b2a;
|
||||
--background-accent: #e8e0d5;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user