180 lines
9.1 KiB
TypeScript
180 lines
9.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Clock, Sparkles, UtensilsCrossed, MapPin, Phone, MessageCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="GALO"
|
|
navItems={[
|
|
{ name: "A Experiência", id: "experience" },
|
|
{ name: "Nossas Tapas", id: "tapas" },
|
|
{ name: "Localização", id: "location" }
|
|
]}
|
|
button={{
|
|
text: "Reservar Mesa", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="GALO"
|
|
description="O sabor da história com vista para o Cávado."
|
|
buttons={[
|
|
{ text: "Reservar Mesa", href: "#contact" },
|
|
{ text: "Pedir Takeaway", href: "https://wa.me/351253823077" }
|
|
]}
|
|
background={{ variant: "radial-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bridge-ocean-brooklyn-australia-sky-daytime_181624-10127.jpg"
|
|
videoSrc="https://videos.pexels.com/video-files/3769127/3769127-sd_640_360_25fps.mp4"
|
|
imageAlt="Vista do Rio Cávado com ponte medieval ao pôr do sol"
|
|
videoAriaLabel="Vídeo cinemático da esplanada GALO com vista para o castelo de Barcelos"
|
|
mediaAnimation="opacity"
|
|
buttonAnimation="slide-up"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<MetricSplitMediaAbout
|
|
title="A Experiência GALO"
|
|
description="Bem-vindo a um refúgio onde a tradição portuguesa encontra a sofisticação contemporânea. Cada momento em GALO é meticulosamente concebido para envolver os seus sentidos — desde a vista incomparável sobre o Rio Cávado até aos cocktails artesanais que desafiam expectativas."
|
|
tag="Desde 2015"
|
|
tagIcon={Clock}
|
|
metrics={[
|
|
{ value: "100%", title: "Vista Única" },
|
|
{ value: "24/7", title: "Disponível" },
|
|
{ value: "♥", title: "Adorado" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236897.jpg"
|
|
imageAlt="Esplanada acolhedora com vista para o castelo"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
title="Por que escolher GALO?"
|
|
description="Três razões convincentes para visitar o nosso espaço em Barcelos."
|
|
tag="Destaque"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
id: "castle-view", title: "Vista Única para o Castelo", descriptions: ["A única esplanada em Barcelos com vista frontal e desimpedida para o medieval Castelo do Rio Cávado. Coma, beba e contemple séculos de história portuguesa."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/famous-agios-nikolaos-church-crete_268835-17486.jpg", imageAlt: "medieval castle fortress historic landmark"
|
|
},
|
|
{
|
|
id: "welcoming-terrace", title: "Esplanada Acolhedora", descriptions: ["Ambiente intimista e aconchego em pleno coração histórico de Barcelos. A perfeita simbiose entre tradição local e conforto contemporâneo."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-storey-restaurant-hall-with-cream-walls_140725-2682.jpg", imageAlt: "rustic restaurant interior wood beams warm lighting"
|
|
},
|
|
{
|
|
id: "cocktails", title: "Cocktails Ótimos", descriptions: ["Mixologia criativa que honra técnicas clássicas com toques portugueses. Cada bebida é uma narrativa de sabores artesanalmente desenvolvida."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-cocktails_23-2150168854.jpg", imageAlt: "craft cocktails bartender mixology bar drinks"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Nossas Tapas & Vinhos"
|
|
description="Explore o melhor da cozinha portuguesa e da adega portuguesa cuidadosamente curada."
|
|
tag="Menu"
|
|
tagIcon={UtensilsCrossed}
|
|
products={[
|
|
{
|
|
id: "menu-executivo", name: "Menu Executivo", price: "€12,50", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomatoes-onions-greens_140725-8107.jpg", imageAlt: "lunch executive menu food plating business dining"
|
|
},
|
|
{
|
|
id: "tabuas-charcutaria", name: "Tábuas de Charcutaria", price: "€18,00", imageSrc: "http://img.b2bpic.net/free-photo/prosciutto-crudo-with-smoked-sausage-cheese-spices_8353-6742.jpg", imageAlt: "traditional charcuterie board cured meats cheese"
|
|
},
|
|
{
|
|
id: "tapas-rio", name: "Tapas do Rio", price: "€15,75", imageSrc: "http://img.b2bpic.net/free-photo/chicken-fajitas-with-mayonnaise-sauces_140725-3225.jpg", imageAlt: "fresh seafood tapas plates restaurant presentation"
|
|
},
|
|
{
|
|
id: "cartao-vinhos", name: "Cartão de Vinhos Premium", price: "Desde €8,00", imageSrc: "http://img.b2bpic.net/free-photo/assorted-food-near-oils_23-2147930122.jpg", imageAlt: "Portuguese wine bottles cellar curated selection"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<MetricCardOne
|
|
title="Localização & Contacto"
|
|
description="Situado no coração histórico de Barcelos, junto ao magnífico Rio Cávado. Reserva a sua mesa ou encomende takeaway facilmente."
|
|
tag="Visite-nos"
|
|
tagIcon={MapPin}
|
|
metrics={[
|
|
{
|
|
id: "address", value: "Largo de Guilherme Gomes Fernandes, Nº 115", title: "Barcelos", description: "Portugal", icon: MapPin
|
|
},
|
|
{
|
|
id: "phone", value: "253 823 077", title: "Telefone", description: "Ligue para reservar", icon: Phone
|
|
},
|
|
{
|
|
id: "whatsapp", value: "WhatsApp", title: "Takeaway", description: "Encomendas rápidas", icon: MessageCircle
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Pronto para Saborear a História?"
|
|
background={{ variant: "downward-rays-animated" }}
|
|
buttons={[
|
|
{ text: "Reservar Agora", href: "tel:+351253823077" },
|
|
{ text: "Pedir Takeaway", href: "https://wa.me/351253823077?text=Olá%20GALO!%20Gostaria%20de%20fazer%20uma%20encomenda%20takeaway." }
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="entrance-slide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="GALO"
|
|
leftLink={{ text: "Privacidade", href: "#" }}
|
|
rightLink={{ text: "© 2024 GALO Wine & Tapas, Barcelos", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |