Merge version_1 into main #1
214
src/app/page.tsx
214
src/app/page.tsx
@@ -19,31 +19,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Destaques",
|
||||
id: "features",
|
||||
},
|
||||
name: "Destaques", id: "features"},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Depoimentos", id: "testimonials"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="vírgula"
|
||||
/>
|
||||
@@ -52,89 +49,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="vírgula,"
|
||||
description="café e cozinha autoral em um espaço acolhedor, onde cada pausa vira um momento especial."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-cup_23-2148865587.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-cup_23-2148865587.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-tasty-drink_23-2148865604.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-tasty-drink_23-2148865604.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-coffee-shop_74190-2676.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-coffee-shop_74190-2676.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup-table_1203-7315.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup-table_1203-7315.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244093.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244093.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-with-hot-chocolate-mug-biscuits_23-2148350193.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-with-hot-chocolate-mug-biscuits_23-2148350193.jpg", imageAlt: "Café aconchegante"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-cup-coffee-table_53876-63270.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-cup-coffee-table_53876-63270.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-barista-with-apron-decorating-coffee-glass-with-milk_23-2148824457.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-barista-with-apron-decorating-coffee-glass-with-milk_23-2148824457.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-latte-by-beach_53876-31343.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-latte-by-beach_53876-31343.jpg", imageAlt: "Café aconchegante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg",
|
||||
imageAlt: "Café aconchegante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg", imageAlt: "Café aconchegante"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "pedir pelo whatsapp",
|
||||
href: "https://wa.me/5551999130248",
|
||||
},
|
||||
text: "pedir pelo whatsapp", href: "https://wa.me/5551999130248"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-man-wearing-denim-jacket-with-wireless-headphones-holding-takeaway-coffee-outside-cafe-looking-camera_613910-17845.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-man-wearing-denim-jacket-with-wireless-headphones-holding-takeaway-coffee-outside-cafe-looking-camera_613910-17845.jpg", alt: "Cliente satisfeito"},
|
||||
]}
|
||||
avatarText="Junte-se a mais de 1.200 pausas felizes."
|
||||
/>
|
||||
@@ -147,19 +107,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "grãos selecionados",
|
||||
value: "100%",
|
||||
},
|
||||
label: "grãos selecionados", value: "100%"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "pausas de qualidade",
|
||||
value: "diário",
|
||||
},
|
||||
label: "pausas de qualidade", value: "diário"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "cozinha autoral",
|
||||
value: "sempre",
|
||||
},
|
||||
label: "cozinha autoral", value: "sempre"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -171,24 +125,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Sem pressa",
|
||||
"Sem pressa",
|
||||
"Sem pressa",
|
||||
"Sem pressa",
|
||||
"Sem pressa",
|
||||
],
|
||||
"Sem pressa", "Sem pressa", "Sem pressa", "Sem pressa", "Sem pressa"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"cafés especiais",
|
||||
"doces artesanais",
|
||||
"ambiente acolhedor",
|
||||
"wifi veloz",
|
||||
"atendimento gentil",
|
||||
],
|
||||
"cafés especiais", "doces artesanais", "ambiente acolhedor", "wifi veloz", "atendimento gentil"],
|
||||
}}
|
||||
title="destaques"
|
||||
description="Um cardápio enxuto, priorizando sabor e experiências memoráveis."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -197,32 +142,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ambiente e atendimento ótimos!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-barista-girl-uniform-serving-coffee-waitress-holding-cup-drink-working-cafe_1258-129817.jpg",
|
||||
},
|
||||
id: "1", name: "Ambiente e atendimento ótimos!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-barista-girl-uniform-serving-coffee-waitress-holding-cup-drink-working-cafe_1258-129817.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Café maravilhoso.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-holding-thermo-cup-thoughtfully-looking-away-cozy-street-cafe_574295-2535.jpg",
|
||||
},
|
||||
id: "2", name: "Café maravilhoso.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-holding-thermo-cup-thoughtfully-looking-away-cozy-street-cafe_574295-2535.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cardápio simples e bem executado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8194.jpg",
|
||||
},
|
||||
id: "3", name: "Cardápio simples e bem executado.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8194.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Um refúgio no meio do dia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
},
|
||||
id: "4", name: "Um refúgio no meio do dia.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Atendimento nota 10.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3668.jpg",
|
||||
},
|
||||
id: "5", name: "Atendimento nota 10.", imageSrc: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3668.jpg"},
|
||||
]}
|
||||
cardTitle="o que dizem"
|
||||
cardTag="depoimentos"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -234,20 +165,11 @@ export default function LandingPage() {
|
||||
tag="vírgula café"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
description: "receitas autorais",
|
||||
},
|
||||
id: "m1", value: "50+", description: "receitas autorais"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "café especial",
|
||||
},
|
||||
id: "m2", value: "100%", description: "café especial"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.2k",
|
||||
description: "pausas felizes",
|
||||
},
|
||||
id: "m3", value: "1.2k", description: "pausas felizes"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -259,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "qual o horário?",
|
||||
content: "estamos abertos todos os dias, das 9h às 19h.",
|
||||
},
|
||||
id: "f1", title: "qual o horário?", content: "estamos abertos todos os dias, das 9h às 19h."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "aceitam reservas?",
|
||||
content: "sim, trabalhamos com reservas para pequenos grupos.",
|
||||
},
|
||||
id: "f2", title: "aceitam reservas?", content: "sim, trabalhamos com reservas para pequenos grupos."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "pet friendly?",
|
||||
content: "sim, seu pet é muito bem vindo.",
|
||||
},
|
||||
id: "f3", title: "pet friendly?", content: "sim, seu pet é muito bem vindo."},
|
||||
]}
|
||||
title="perguntas frequentes"
|
||||
description="tem alguma dúvida? estamos à disposição."
|
||||
@@ -284,8 +197,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="contato"
|
||||
title="faça uma pausa"
|
||||
description="venha conhecer o vírgula pessoalmente"
|
||||
@@ -297,33 +209,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "links",
|
||||
items: [
|
||||
title: "links", items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Início", href: "#hero"},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre", href: "#about"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contato", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "redes",
|
||||
items: [
|
||||
title: "redes", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5551999130248",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/5551999130248"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user