259 lines
15 KiB
TypeScript
259 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Activity, Facebook, Heart, Instagram, Leaf, MapPin, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Início", id: "inicio"},
|
|
{
|
|
name: "Sobre Nós", id: "sobre"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Avaliações", id: "avaliacoes"},
|
|
{
|
|
name: "Contato", id: "contato"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o0f0pt"
|
|
logoAlt="Ponto do Açaí Logo"
|
|
brandName="Ponto do Açaí"
|
|
button={{
|
|
text: "Ver Menu & Localização", href: "#menu"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="inicio" data-section="inicio" className="scroll-mt-20">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="Açaí Premium na Alma de Lisboa"
|
|
description="Authentic, fresh açaí bowls crafted daily at Ponto do Açaí de Roma. Your new favorite spot in Av Óscar Monteiro Torres."
|
|
testimonials={[
|
|
{
|
|
name: "Sofia P.", handle: "@sofi.eats", testimonial: "Os melhores açaí bowls de Lisboa! Sabores incríveis e ingredientes super frescos. Viciada!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg"},
|
|
{
|
|
name: "Carlos M.", handle: "@lisboa_foodie", testimonial: "Qualidade premium e apresentação impecável. Uma joia escondida no coração da cidade.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"},
|
|
{
|
|
name: "Ana R.", handle: "@ana.fitlife", testimonial: "Perfeito para um lanche saudável e energético. A variedade é fantástica, e o atendimento excelente.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-holding-smartphone-street-short-haired-teen-bright-glasses-denim-beige-jacket-posing-cafe-with-bottle-water_197531-29369.jpg"},
|
|
{
|
|
name: "Pedro L.", handle: "@pedro.nutri", testimonial: "Ingredientes de primeira e um sabor que realmente se destaca. Açaí que alimenta o corpo e a alma.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg"},
|
|
{
|
|
name: "Marta V.", handle: "@marta_explora", testimonial: "Um cantinho delicioso em Lisboa! Amo a personalização dos bowls e o ambiente acolhedor. Recomendo sempre!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-student-smiling-confident-standing-library-university_839833-29769.jpg"},
|
|
]}
|
|
tag="Avaliado 4.8★ por 68 Clientes"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Ver Menu & Localização", href: "#menu"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg", alt: "Avatar Sofia P."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-student-smiling-confident-standing-library-university_839833-29769.jpg", alt: "Avatar Carlos M."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1319.jpg", alt: "Avatar Ana R."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-forest_1157-23244.jpg", alt: "Avatar Visitantes"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg", alt: "Smiling woman's avatar"},
|
|
]}
|
|
avatarText="Mais de 68 clientes satisfeitos!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168863.jpg"
|
|
imageAlt="Açaí bowl com frutas e granola"
|
|
mediaAnimation="opacity"
|
|
fixedMediaHeight={true}
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Açaí Fresco Diariamente", icon: Leaf,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Sabor Inesquecível", icon: Heart,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Qualidade Premium", icon: Star,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Energia Natural", icon: Activity,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Criações Exclusivas", icon: Sparkles,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "4.8★", title: "Média de Avaliações", description: "Excelente feedback dos nossos clientes.", imageSrc: "http://img.b2bpic.net/free-vector/5-star-rating-symbol-design_1017-14516.jpg", imageAlt: "Ícone de estrela"},
|
|
{
|
|
id: "m2", value: "68+", title: "Clientes Satisfeitos", description: "Com uma comunidade crescente de fãs de açaí.", imageSrc: "http://img.b2bpic.net/free-photo/winner-team-showing-their-trophy-copy-space_53876-71525.jpg", imageAlt: "Ícone de estrela"},
|
|
{
|
|
id: "m3", value: "Desde 2023", title: "No Coração de Lisboa", description: "Servindo açaí premium com paixão e frescura.", imageSrc: "http://img.b2bpic.net/free-photo/golden-star-icon-symbol-ranking-rating-review-sign-illustration-3d-rendering_56104-1227.jpg", imageAlt: "Ícone de estrela"},
|
|
]}
|
|
title="Nossos Números Falam Por Si"
|
|
description="Qualidade e sabor que conquistam a cada dia. Veja o que nossos clientes e a comunidade dizem."
|
|
/>
|
|
</div>
|
|
|
|
<div id="sobre" data-section="sobre" className="scroll-mt-20">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="A Nossa História e Paixão"
|
|
description={[
|
|
"No Ponto do Açaí de Roma, a paixão pelo açaí encontra a alma vibrante de Lisboa. Cada bowl é preparado com ingredientes frescos, autênticos e de origem sustentável, selecionados para proporcionar uma experiência de sabor inigualável a cada colherada.", "Mais do que um simples restaurante, somos um ponto de encontro para a comunidade que busca bem-estar, energia e momentos deliciosos. Nosso compromisso é oferecer opções nutritivas e um serviço acolhedor, criando memórias em cada visita."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu" className="scroll-mt-20">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "pb1", name: "Clássico Lisboa", price: "€6.50", variant: "Banana, granola, mel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258907.jpg", imageAlt: "Açaí Bowl Clássico Lisboa"},
|
|
{
|
|
id: "pb2", name: "Tropical Oasis", price: "€7.00", variant: "Manga, kiwi, coco ralado", imageSrc: "http://img.b2bpic.net/free-photo/mixed-fruit-with-muesli-granola_1203-9321.jpg", imageAlt: "Açaí Bowl Tropical Oasis"},
|
|
{
|
|
id: "pb3", name: "Choco Energy", price: "€7.50", variant: "Cacau nibs, morango, pasta de amendoim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258863.jpg", imageAlt: "Açaí Bowl Choco Energy"},
|
|
{
|
|
id: "pb4", name: "Berry Power", price: "€6.80", variant: "Mix de frutas vermelhas, chia", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-composition_23-2149186015.jpg", imageAlt: "Açaí Bowl Berry Power"},
|
|
{
|
|
id: "pb5", name: "Green Vitality", price: "€8.00", variant: "Espinafre, spirulina, banana", imageSrc: "http://img.b2bpic.net/free-photo/seasonal-salad-with-greenery-herbs_114579-2446.jpg", imageAlt: "Açaí Bowl Green Vitality"},
|
|
{
|
|
id: "pb6", name: "Supreme Crunch", price: "€7.20", variant: "Granola extra, nozes, frutos secos", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258908.jpg", imageAlt: "Açaí Bowl Supreme Crunch"},
|
|
]}
|
|
title="Nosso Menu Exclusivo de Açaí Bowls"
|
|
description="Descubra a variedade de sabores e combinações perfeitas. Cada bowl é feito com amor, frescor e os melhores ingredientes selecionados."
|
|
/>
|
|
</div>
|
|
|
|
<div id="avaliacoes" data-section="avaliacoes" className="scroll-mt-20">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="auto"
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Mariana Santos", role: "Fã de Açaí", company: "Cliente Frequente", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-food-home_23-2150176893.jpg", imageAlt: "Mariana Santos"},
|
|
{
|
|
id: "t2", name: "João Pereira", role: "Explorador Gastronômico", company: "Visitante Recorrente", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156196.jpg", imageAlt: "João Pereira"},
|
|
{
|
|
id: "t3", name: "Sofia Almeida", role: "Nutricionista", company: "Avaliação Positiva", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788542.jpg", imageAlt: "Sofia Almeida"},
|
|
{
|
|
id: "t4", name: "Ricardo Costa", role: "Local de Lisboa", company: "Comunidade Açaí", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-loving-couple-having-breakfast_171337-306.jpg", imageAlt: "Ricardo Costa"},
|
|
{
|
|
id: "t5", name: "Inês Rodrigues", role: "Atleta Fitness", company: "Impulso de Energia", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-athletic-woman-enjoying-healthy-salad-after-sports-training-home_637285-3002.jpg", imageAlt: "Inês Rodrigues"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.8★", label: "Média de Avaliações"},
|
|
{
|
|
value: "68+", label: "Clientes Satisfeitos"},
|
|
{
|
|
value: "99%", label: "Recomendação"},
|
|
]}
|
|
title="A Voz dos Nossos Clientes Satisfeitos"
|
|
description="Avaliações autênticas que refletem a qualidade e o sabor inigualável que você encontra no Ponto do Açaí de Roma. Sua satisfação é nossa prioridade!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Google Avaliações", "Zomato", "TripAdvisor", "TheFork", "Glovo", "Uber Eats", "Eat Out Lisboa"]}
|
|
title="Reconhecido e Amado pela Comunidade"
|
|
description="Temos orgulho do feedback positivo e da visibilidade que alcançamos nas principais plataformas e guias gastronômicos de Lisboa."
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contato" data-section="contato" className="scroll-mt-20">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Visite-nos para experimentar o melhor açaí de Lisboa ou entre em contato para qualquer dúvida. Estamos na Av Óscar Monteiro Torres, 31, 1000-213 Lisboa."
|
|
buttons={[
|
|
{
|
|
text: "Abrir no Google Maps", href: "https://www.google.com/maps/search/Ponto+do+A%C3%A7a%C3%AD+de+Roma"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o0f0pt"
|
|
logoAlt="Ponto do Açaí Logo"
|
|
logoText="Ponto do Açaí de Roma"
|
|
copyrightText="© 2024 Ponto do Açaí de Roma. Todos os direitos reservados. Design por Webild."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
{
|
|
icon: MapPin,
|
|
href: "https://www.google.com/maps/search/Ponto+do+A%C3%3A%C3%A7a%C3%AD+de+Roma", ariaLabel: "Localização"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |