bender/ab707fc5-86d6-4f53-a8da-95cc6134abf9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-21 15:25:36 +00:00
Conversation 0 Commits 2 Files Changed 2 +63 -197
2 changed files with 63 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Início",
id: "hero",
},
name: "Início", id: "hero"},
{
name: "Sobre",
id: "about",
},
name: "Sobre", id: "about"},
{
name: "Cardápio",
id: "products",
},
name: "Cardápio", id: "products"},
{
name: "Contato",
id: "contact",
},
name: "Contato", id: "contact"},
]}
brandName="Vírgula"
/>
@@ -54,104 +46,61 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Vírgula: uma pausa no seu cotidiano."
description="Desacelere o ritmo, aprecie o detalhe e redescubra o sabor real do café. O tempo para, o prazer começa."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-shadow-sun-light_23-2148337545.jpg",
imageAlt: "Coffee ambiance 1",
},
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-shadow-sun-light_23-2148337545.jpg", imageAlt: "Coffee ambiance 1"},
{
imageSrc: "http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg",
imageAlt: "Coffee ambiance 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg", imageAlt: "Coffee ambiance 2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-latte-coffee_74190-2919.jpg",
imageAlt: "Coffee ambiance 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-latte-coffee_74190-2919.jpg", imageAlt: "Coffee ambiance 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-maker-with-roasted-coffee-beans-black-background_23-2147908274.jpg",
imageAlt: "Coffee ambiance 4",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-maker-with-roasted-coffee-beans-black-background_23-2147908274.jpg", imageAlt: "Coffee ambiance 4"},
{
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-cafe-latte-cappuccino-newspaper-concept_53876-31819.jpg",
imageAlt: "Coffee ambiance 5",
},
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-cafe-latte-cappuccino-newspaper-concept_53876-31819.jpg", imageAlt: "Coffee ambiance 5"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-close-up_53876-75023.jpg",
imageAlt: "Coffee detail 1",
},
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-close-up_53876-75023.jpg", imageAlt: "Coffee detail 1"},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31295.jpg",
imageAlt: "Coffee detail 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31295.jpg", imageAlt: "Coffee detail 2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149600693.jpg",
imageAlt: "Coffee detail 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149600693.jpg", imageAlt: "Coffee detail 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-point-black-coffee-white-cup_74190-3898.jpg",
imageAlt: "Coffee detail 4",
},
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-point-black-coffee-white-cup_74190-3898.jpg", imageAlt: "Coffee detail 4"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501041.jpg",
imageAlt: "Coffee detail 5",
},
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501041.jpg", imageAlt: "Coffee detail 5"},
]}
buttons={[
{
text: "Ver cardápio",
href: "#products",
},
text: "Ver cardápio", href: "#products"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/melted-chocolate-cup-sugar-close-up_23-2148379650.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/melted-chocolate-cup-sugar-close-up_23-2148379650.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/three-cups-coffee_23-2147764907.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/three-cups-coffee_23-2147764907.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/coffee-sunlight_23-2151961384.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/coffee-sunlight_23-2151961384.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-pink-background_23-2148296171.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-pink-background_23-2148296171.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg", alt: "Customer 5"},
]}
avatarText="Junte-se a 500+ clientes satisfeitos"
marqueeItems={[
{
type: "text",
text: "Curadoria",
},
type: "text", text: "Curadoria"},
{
type: "text",
text: "Artesanal",
},
type: "text", text: "Artesanal"},
{
type: "text",
text: "Sustentável",
},
type: "text", text: "Sustentável"},
{
type: "text",
text: "Intimista",
},
type: "text", text: "Intimista"},
{
type: "text",
text: "Memorável",
},
type: "text", text: "Memorável"},
]}
/>
</div>
@@ -164,17 +113,11 @@ export default function LandingPage() {
description="Não somos apenas uma cafeteria. Somos o respiro que o seu dia exige. Com cardápio autoral e atendimento cuidadoso, criamos memórias em xícaras."
bulletPoints={[
{
title: "Sabor Autoral",
description: "Cafés selecionados para serem apreciados puramente.",
},
title: "Sabor Autoral", description: "Cafés selecionados para serem apreciados puramente."},
{
title: "Atendimento Acolhedor",
description: "Mais que servir, queremos receber.",
},
title: "Atendimento Acolhedor", description: "Mais que servir, queremos receber."},
{
title: "Ambiente Memorável",
description: "Um refúgio de silêncio e calma no centro da rotina.",
},
title: "Ambiente Memorável", description: "Um refúgio de silêncio e calma no centro da rotina."},
]}
imageSrc="http://img.b2bpic.net/free-photo/mixed-race-man-drawing-sunny-loft-listening-music-earphonesimages-with-sunny-flairs_633478-1152.jpg"
mediaAnimation="blur-reveal"
@@ -188,20 +131,11 @@ export default function LandingPage() {
description="Sinta a diferença em cada elemento da nossa curadoria."
accordionItems={[
{
id: "f1",
title: "Café Sem Necessidade de Açúcar",
content: "Nossos grãos possuem torra e origem que valorizam o dulçor natural.",
},
id: "f1", title: "Café Sem Necessidade de Açúcar", content: "Nossos grãos possuem torra e origem que valorizam o dulçor natural."},
{
id: "f2",
title: "Cardápio Enxuto",
content: "Escolhas precisas e autorais, sem excessos, focadas na qualidade máxima.",
},
id: "f2", title: "Cardápio Enxuto", content: "Escolhas precisas e autorais, sem excessos, focadas na qualidade máxima."},
{
id: "f3",
title: "Experiência Intimista",
content: "Um espaço planejado para o acolhimento, onde o tempo desacelera.",
},
id: "f3", title: "Experiência Intimista", content: "Um espaço planejado para o acolhimento, onde o tempo desacelera."},
]}
imageSrc="http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187518.jpg"
mediaAnimation="slide-up"
@@ -216,41 +150,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Espresso Reserva",
price: "R$ 12,00",
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg",
},
id: "p1", name: "Espresso Reserva", price: "R$ 12,00", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg"},
{
id: "p2",
name: "Latte Cremoso",
price: "R$ 16,00",
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-deliverybrewing_346278-737.jpg",
},
id: "p2", name: "Latte Cremoso", price: "R$ 16,00", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-deliverybrewing_346278-737.jpg"},
{
id: "p3",
name: "Cold Brew",
price: "R$ 18,00",
imageSrc: "http://img.b2bpic.net/free-photo/small-cups-espresso-with-copy-space-background_23-2148337128.jpg",
},
id: "p3", name: "Cold Brew", price: "R$ 18,00", imageSrc: "http://img.b2bpic.net/free-photo/small-cups-espresso-with-copy-space-background_23-2148337128.jpg"},
{
id: "p4",
name: "Cappuccino Vírgula",
price: "R$ 17,00",
imageSrc: "http://img.b2bpic.net/free-photo/two-big-hermetic-packages-with-blank-labels-near-transparent-glass-with-raw-sampled-coffee-beans_346278-410.jpg",
},
id: "p4", name: "Cappuccino Vírgula", price: "R$ 17,00", imageSrc: "http://img.b2bpic.net/free-photo/two-big-hermetic-packages-with-blank-labels-near-transparent-glass-with-raw-sampled-coffee-beans_346278-410.jpg"},
{
id: "p5",
name: "Cookie Artesanal",
price: "R$ 9,00",
imageSrc: "http://img.b2bpic.net/free-photo/texture-breakfast-art-caffeine-wooden_1150-1577.jpg",
},
id: "p5", name: "Cookie Artesanal", price: "R$ 9,00", imageSrc: "http://img.b2bpic.net/free-photo/texture-breakfast-art-caffeine-wooden_1150-1577.jpg"},
{
id: "p6",
name: "Pacote 250g Grãos",
price: "R$ 45,00",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cup-cappuccino-with-white-heart-pattern-wooden-table_181624-9618.jpg",
},
id: "p6", name: "Pacote 250g Grãos", price: "R$ 45,00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cup-cappuccino-with-white-heart-pattern-wooden-table_181624-9618.jpg"},
]}
title="Destaques do cardápio"
description="Itens selecionados pelos nossos clientes mais fiéis."
@@ -262,30 +172,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Ana Souza",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756317.jpg",
},
id: "t1", name: "Ana Souza", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756317.jpg"},
{
id: "t2",
name: "Pedro Lima",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-with-mugs-thinking_23-2148450778.jpg",
},
id: "t2", name: "Pedro Lima", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-with-mugs-thinking_23-2148450778.jpg"},
{
id: "t3",
name: "Mariana Costa",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-work_23-2149390526.jpg",
},
id: "t3", name: "Mariana Costa", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-work_23-2149390526.jpg"},
{
id: "t4",
name: "Ricardo Alves",
imageSrc: "http://img.b2bpic.net/free-photo/relax-asian-man-drinking-coffee-reading-book_1150-10437.jpg",
},
id: "t4", name: "Ricardo Alves", imageSrc: "http://img.b2bpic.net/free-photo/relax-asian-man-drinking-coffee-reading-book_1150-10437.jpg"},
{
id: "t5",
name: "Juliana Reis",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148877753.jpg",
},
id: "t5", name: "Juliana Reis", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148877753.jpg"},
]}
cardTitle="O que dizem sobre nós"
cardTag="4,7 de 5 estrelas"
@@ -298,20 +193,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Vocês possuem opções sem lactose?",
content: "Sim, oferecemos opções de leite vegetal para todas as preparações.",
},
id: "q1", title: "Vocês possuem opções sem lactose?", content: "Sim, oferecemos opções de leite vegetal para todas as preparações."},
{
id: "q2",
title: "O espaço é pet friendly?",
content: "Com certeza, seu pet é muito bem-vindo em nossa área externa.",
},
id: "q2", title: "O espaço é pet friendly?", content: "Com certeza, seu pet é muito bem-vindo em nossa área externa."},
{
id: "q3",
title: "Posso trabalhar com meu notebook?",
content: "Nosso ambiente é focado em experiência e desconexão, mas temos Wi-Fi caso precise.",
},
id: "q3", title: "Posso trabalhar com meu notebook?", content: "Nosso ambiente é focado em experiência e desconexão, mas temos Wi-Fi caso precise."},
]}
sideTitle="Dúvidas comuns"
sideDescription="Tudo o que você precisa saber antes de fazer sua pausa."
@@ -326,22 +212,14 @@ export default function LandingPage() {
description="Estamos de portas abertas esperando por você. Venha descobrir o seu novo cantinho favorito."
inputs={[
{
name: "name",
type: "text",
placeholder: "Nome completo",
required: true,
name: "name", type: "text", placeholder: "Nome completo", required: true,
},
{
name: "email",
type: "email",
placeholder: "E-mail",
required: true,
name: "email", type: "email", placeholder: "E-mail", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Diga-nos o que achou ou alguma dúvida específica",
rows: 4,
name: "message", placeholder: "Diga-nos o que achou ou alguma dúvida específica", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/woman-looking-man-side-view_23-2148422322.jpg"
@@ -352,33 +230,21 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Navegação",
items: [
title: "Navegação", items: [
{
label: "Início",
href: "#hero",
},
label: "Início", href: "#hero"},
{
label: "Sobre",
href: "#about",
},
label: "Sobre", href: "#about"},
{
label: "Cardápio",
href: "#products",
},
label: "Cardápio", href: "#products"},
],
},
{
title: "Contato",
items: [
title: "Contato", items: [
{
label: "Endereço",
href: "#",
},
label: "Endereço", href: "#"},
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
],
},
]}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0f0f0f;
--card: #151515;
--foreground: #ffffff;
--primary-cta: #ffffff;
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #2b180a;
--primary-cta-text: #0f0f0f;
--secondary-cta: #151515;
--secondary-cta: #efe7dd;
--secondary-cta-text: #ffffff;
--accent: #2a2a2a;
--background-accent: #2a2a2a;
--accent: #94877c;
--background-accent: #afa094;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);