Merge version_1 into main #1
305
src/app/page.tsx
305
src/app/page.tsx
@@ -14,218 +14,115 @@ import { Cake, Coffee, Music, Wifi } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Destaques",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="vírgula,"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Destaques", id: "features" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="vírgula,"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="vírgula,"
|
||||
description="café e cozinha autoral em um espaço acolhedor, onde cada pausa vira um momento especial."
|
||||
buttons={[
|
||||
{
|
||||
text: "pedir pelo whatsapp",
|
||||
href: "https://wa.me/5551999130248",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talented-fashion-designer-sketching_1098-13776.jpg",
|
||||
imageAlt: "Cafe hero view 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104746.jpg",
|
||||
imageAlt: "Cafe hero view 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-124749.jpg",
|
||||
imageAlt: "Cafe hero view 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
|
||||
imageAlt: "Cafe hero view 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-milk_23-2148337170.jpg",
|
||||
imageAlt: "Cafe hero view 5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg",
|
||||
imageAlt: "Cafe hero view 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="vírgula,"
|
||||
description="café e cozinha autoral em um espaço acolhedor, onde cada pausa vira um momento especial."
|
||||
buttons={[{ text: "pedir pelo whatsapp", href: "https://wa.me/5551999130248" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/talented-fashion-designer-sketching_1098-13776.jpg", imageAlt: "Cafe hero view 1" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104746.jpg", imageAlt: "Cafe hero view 2" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-124749.jpg", imageAlt: "Cafe hero view 3" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", imageAlt: "Cafe hero view 4" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-milk_23-2148337170.jpg", imageAlt: "Cafe hero view 5" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg", imageAlt: "Cafe hero view 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Nossa História"
|
||||
title="sobre o vírgula"
|
||||
description="O vírgula é um espaço feito para desacelerar. Um café onde cada detalhe importa: do grão selecionado ao doce artesanal, do atendimento caloroso ao ambiente que abraça."
|
||||
subdescription="Com um cardápio enxuto e autoral, priorizamos qualidade, sabor e experiências memoráveis."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Nossa História"
|
||||
title="sobre o vírgula"
|
||||
description="O vírgula é um espaço feito para desacelerar. Um café onde cada detalhe importa: do grão selecionado ao doce artesanal, do atendimento caloroso ao ambiente que abraça."
|
||||
subdescription="Com um cardápio enxuto e autoral, priorizamos qualidade, sabor e experiências memoráveis."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "cafés especiais",
|
||||
description: "espresso, capuccino e passado com grãos selecionados — sabor que dispensa açúcar.",
|
||||
},
|
||||
{
|
||||
icon: Cake,
|
||||
title: "doces artesanais",
|
||||
description: "brownie com sorvete da casa e criações autorais feitas com cuidado.",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "ambiente acolhedor",
|
||||
description: "um espaço inclusivo, confortável e perfeito para encontros ou momentos só seus.",
|
||||
},
|
||||
{
|
||||
icon: Music,
|
||||
title: "curadoria musical",
|
||||
description: "uma atmosfera pensada para relaxar, com trilhas que acompanham seu ritmo.",
|
||||
},
|
||||
{
|
||||
icon: Wifi,
|
||||
title: "espaço conectável",
|
||||
description: "ideal para o seu momento de trabalho remoto ou leitura tranquila.",
|
||||
},
|
||||
]}
|
||||
title="nossos destaques"
|
||||
description="descubra o que torna o vírgula um lugar especial."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Coffee, title: "cafés especiais", description: "espresso, capuccino e passado com grãos selecionados — sabor que dispensa açúcar." },
|
||||
{ icon: Cake, title: "doces artesanais", description: "brownie com sorvete da casa e criações autorais feitas com cuidado." },
|
||||
{ icon: Coffee, title: "ambiente acolhedor", description: "um espaço inclusivo, confortável e perfeito para encontros ou momentos só seus." },
|
||||
{ icon: Music, title: "curadoria musical", description: "uma atmosfera pensada para relaxar, com trilhas que acompanham seu ritmo." },
|
||||
{ icon: Wifi, title: "espaço conectável", description: "ideal para o seu momento de trabalho remoto ou leitura tranquila." },
|
||||
]}
|
||||
title="nossos destaques"
|
||||
description="descubra o que torna o vírgula um lugar especial."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ambiente e atendimento ótimos!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-fun-while-holding-cup-coffee_23-2149130679.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Café maravilhoso, não precisa nem de açúcar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-holding-disposable-coffee-cup_23-2147906573.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Cardápio simples, mas extremamente bem executado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-businesswoman-sitting-table-cafe-drinking-coffee-reading-smartphone-app-s_1258-137924.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Um lugar perfeito para momentos de pausa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-with-book-hands-sitting-cafe-drinking-coffee-eating_1258-199209.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Atendimento carinhoso e café impecável.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-woman-talking-phone-cafe_197531-33569.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="o que dizem"
|
||||
cardTag="Clientes"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ambiente e atendimento ótimos!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-fun-while-holding-cup-coffee_23-2149130679.jpg" },
|
||||
{ id: "t2", name: "Café maravilhoso, não precisa nem de açúcar.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-holding-disposable-coffee-cup_23-2147906573.jpg" },
|
||||
{ id: "t3", name: "Cardápio simples, mas extremamente bem executado.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-businesswoman-sitting-table-cafe-drinking-coffee-reading-smartphone-app-s_1258-137924.jpg" },
|
||||
{ id: "t4", name: "Um lugar perfeito para momentos de pausa.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-with-book-hands-sitting-cafe-drinking-coffee-eating_1258-199209.jpg" },
|
||||
{ id: "t5", name: "Atendimento carinhoso e café impecável.", imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-woman-talking-phone-cafe_197531-33569.jpg" },
|
||||
]}
|
||||
cardTitle="o que dizem"
|
||||
cardTag="Clientes"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="contato"
|
||||
title="faça uma pausa"
|
||||
description="venha conhecer o vírgula pessoalmente"
|
||||
buttonText="falar no whatsapp"
|
||||
onSubmit={(email) => window.open('https://wa.me/5551999130248')}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="contato"
|
||||
title="faça uma pausa"
|
||||
description="venha conhecer o vírgula pessoalmente"
|
||||
buttonText="falar no whatsapp"
|
||||
onSubmit={(email) => window.open('https://wa.me/5551999130248')}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Destaques",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5551999130248",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="vírgula"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Sobre", href: "#about" }, { label: "Destaques", href: "#features" }] },
|
||||
{ items: [{ label: "Contato", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/5551999130248" }] },
|
||||
]}
|
||||
logoText="vírgula"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user