Update src/app/page.tsx
This commit is contained in:
234
src/app/page.tsx
234
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Cardápio",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Cardápio", id: "#menu"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Sobre", id: "#about"},
|
||||
{
|
||||
name: "Avaliações",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Avaliações", id: "#reviews"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contato", id: "#contact"},
|
||||
{
|
||||
name: "Reservar Mesa",
|
||||
id: "https://example.com/reservar-mesa",
|
||||
},
|
||||
name: "Reservar Mesa", id: "https://example.com/reservar-mesa"},
|
||||
]}
|
||||
brandName="Affetto Caffè"
|
||||
/>
|
||||
@@ -57,66 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Onde cada xícara conta uma história"
|
||||
description="No Affetto Caffè, cada visita é uma celebração de sabor e afeto. Desfrute de cafés especiais, gastronomia italiana e um ambiente acolhedor, onde a paixão pelo café se encontra com a tradição em Duque de Caxias."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
|
||||
alt: "Foto de cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg", alt: "Foto de cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-cheerful-friendly-carefree-redhead-girl-laughing_176420-30749.jpg",
|
||||
alt: "Foto de cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-cheerful-friendly-carefree-redhead-girl-laughing_176420-30749.jpg", alt: "Foto de cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-pretty-tattooed-girl-smiling-biting-lip_176420-9478.jpg",
|
||||
alt: "Foto de cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-pretty-tattooed-girl-smiling-biting-lip_176420-9478.jpg", alt: "Foto de cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-studio-portrait-stylish-caucasian-girl-dressed-trendy-clothes-standing-white-wall_273609-9055.jpg",
|
||||
alt: "Foto de cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-studio-portrait-stylish-caucasian-girl-dressed-trendy-clothes-standing-white-wall_273609-9055.jpg", alt: "Foto de cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
|
||||
alt: "Cliente sorrindo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", alt: "Cliente sorrindo"},
|
||||
]}
|
||||
avatarText="★ 4,5 · 126 avaliações Google"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Cardápio",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Ver Cardápio", href: "#menu"},
|
||||
{
|
||||
text: "Como Chegar",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Como Chegar", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Café Fresco Diário",
|
||||
type: "text", text: "Café Fresco Diário"},
|
||||
{
|
||||
type: "text-icon", text: "Ambiente Acolhedor", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ambiente Acolhedor",
|
||||
icon: Heart,
|
||||
type: "text", text: "Sabores Autênticos"},
|
||||
{
|
||||
type: "text-icon", text: "Experiência Única", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sabores Autênticos",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Experiência Única",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradição Italiana",
|
||||
},
|
||||
type: "text", text: "Tradição Italiana"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,26 +93,18 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Horário de Funcionamento",
|
||||
value: "Seg–Sex 08h–22h, Sáb 09h–23h",
|
||||
},
|
||||
label: "Horário de Funcionamento", value: "Seg–Sex 08h–22h, Sáb 09h–23h"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Nosso Endereço",
|
||||
value: "R. Prof. José de Souza Herdy, 1235 – Caxias",
|
||||
},
|
||||
label: "Nosso Endereço", value: "R. Prof. José de Souza Herdy, 1235 – Caxias"},
|
||||
{
|
||||
icon: Phone,
|
||||
label: "Telefone para Contato",
|
||||
value: "(21) 99719-2404",
|
||||
},
|
||||
label: "Telefone para Contato", value: "(21) 99719-2404"},
|
||||
{
|
||||
icon: Wallet,
|
||||
label: "Faixa de Preço",
|
||||
value: "R$20–40 por pessoa",
|
||||
},
|
||||
label: "Faixa de Preço", value: "R$20–40 por pessoa"},
|
||||
]}
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -158,26 +115,18 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Avaliações Google",
|
||||
value: "126",
|
||||
},
|
||||
label: "Avaliações Google", value: "126"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Média de Satisfação",
|
||||
value: "4,5★",
|
||||
},
|
||||
label: "Média de Satisfação", value: "4,5★"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Carinho Diário",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Carinho Diário", value: "100%"},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "A partir de",
|
||||
value: "R$20",
|
||||
},
|
||||
label: "A partir de", value: "R$20"},
|
||||
]}
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,55 +135,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "cappuccino",
|
||||
name: "Cappuccino",
|
||||
price: "R$12",
|
||||
variant: "Cafés & Bebidas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruit-tea-with-cookies-cups-table_140725-7858.jpg",
|
||||
imageAlt: "Xícara de Cappuccino",
|
||||
},
|
||||
id: "cappuccino", name: "Cappuccino", price: "R$12", variant: "Cafés & Bebidas", imageSrc: "http://img.b2bpic.net/free-photo/fruit-tea-with-cookies-cups-table_140725-7858.jpg", imageAlt: "Xícara de Cappuccino"},
|
||||
{
|
||||
id: "expresso",
|
||||
name: "Expresso",
|
||||
price: "R$7",
|
||||
variant: "Cafés & Bebidas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055850.jpg",
|
||||
imageAlt: "Xícara de Expresso",
|
||||
},
|
||||
id: "expresso", name: "Expresso", price: "R$7", variant: "Cafés & Bebidas", imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055850.jpg", imageAlt: "Xícara de Expresso"},
|
||||
{
|
||||
id: "chocolate-quente",
|
||||
name: "Chocolate Quente Cremoso",
|
||||
price: "R$14",
|
||||
variant: "Cafés & Bebidas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-delicious-beverage-copy-space_23-2148325576.jpg",
|
||||
imageAlt: "Chocolate Quente Cremoso",
|
||||
},
|
||||
id: "chocolate-quente", name: "Chocolate Quente Cremoso", price: "R$14", variant: "Cafés & Bebidas", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-delicious-beverage-copy-space_23-2148325576.jpg", imageAlt: "Chocolate Quente Cremoso"},
|
||||
{
|
||||
id: "strogonoff",
|
||||
name: "Strogonoff de Camarão",
|
||||
price: "R$38",
|
||||
variant: "Pratos Principais",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg",
|
||||
imageAlt: "Prato de Strogonoff de Camarão",
|
||||
},
|
||||
id: "strogonoff", name: "Strogonoff de Camarão", price: "R$38", variant: "Pratos Principais", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg", imageAlt: "Prato de Strogonoff de Camarão"},
|
||||
{
|
||||
id: "parmeggiana",
|
||||
name: "Parmeggiana de Frango",
|
||||
price: "R$35",
|
||||
variant: "Pratos Principais",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-cannelloni-with-cheese-bechamel-sauce_123827-36261.jpg",
|
||||
imageAlt: "Prato de Parmeggiana de Frango",
|
||||
},
|
||||
id: "parmeggiana", name: "Parmeggiana de Frango", price: "R$35", variant: "Pratos Principais", imageSrc: "http://img.b2bpic.net/free-photo/baked-cannelloni-with-cheese-bechamel-sauce_123827-36261.jpg", imageAlt: "Prato de Parmeggiana de Frango"},
|
||||
{
|
||||
id: "bolo-chocolate",
|
||||
name: "Bolo de Chocolate",
|
||||
price: "R$18",
|
||||
variant: "Sobremesas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cherry-cake-slice-with-fresh-sour-cherries-milk-dark_140725-31988.jpg",
|
||||
imageAlt: "Fatia de Bolo de Chocolate",
|
||||
},
|
||||
id: "bolo-chocolate", name: "Bolo de Chocolate", price: "R$18", variant: "Sobremesas", imageSrc: "http://img.b2bpic.net/free-photo/cherry-cake-slice-with-fresh-sour-cherries-milk-dark_140725-31988.jpg", imageAlt: "Fatia de Bolo de Chocolate"},
|
||||
]}
|
||||
title="Nosso Cardápio"
|
||||
description="Uma seleção cuidadosamente elaborada para todos os paladares. Descubra nossos cafés especiais, lanches saborosos, pratos principais e sobremesas irresistíveis.\n\n**Cafés & Bebidas:** Cappuccino R$12, Expresso R$7, Café Para 2 R$18, Chocolate Quente Cremoso R$14, Afogato R$16, Suco R$10\n**Lanches:** Torrada Petrópolis R$15, Croque Madame R$22\n**Pratos Principais:** Strogonoff de Camarão R$38, Parmeggiana de Frango R$35\n**Sobremesas:** Bolo de Chocolate R$18"
|
||||
@@ -245,66 +159,31 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Juliana Santos",
|
||||
role: "Cliente Satisfeita",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jolly-upbeat-person-sitting-home-desk-exulting-feeling-satisfied-close-up_482257-123062.jpg",
|
||||
imageAlt: "Foto de Juliana Santos",
|
||||
},
|
||||
id: "1", name: "Juliana Santos", role: "Cliente Satisfeita", company: "Google", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jolly-upbeat-person-sitting-home-desk-exulting-feeling-satisfied-close-up_482257-123062.jpg", imageAlt: "Foto de Juliana Santos"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcos Almeida",
|
||||
role: "Cliente Satisfeito",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-african-man-looking_171337-9852.jpg",
|
||||
imageAlt: "Foto de Marcos Almeida",
|
||||
},
|
||||
id: "2", name: "Marcos Almeida", role: "Cliente Satisfeito", company: "Google", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-african-man-looking_171337-9852.jpg", imageAlt: "Foto de Marcos Almeida"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carla Pereira",
|
||||
role: "Cliente Satisfeita",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg",
|
||||
imageAlt: "Foto de Carla Pereira",
|
||||
},
|
||||
id: "3", name: "Carla Pereira", role: "Cliente Satisfeita", company: "Google", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg", imageAlt: "Foto de Carla Pereira"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rafael Costa",
|
||||
role: "Cliente Satisfeito",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hands-holding-using-modern-smart-phone-cafe-shop_231208-11099.jpg",
|
||||
imageAlt: "Foto de Rafael Costa",
|
||||
},
|
||||
id: "4", name: "Rafael Costa", role: "Cliente Satisfeito", company: "Google", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hands-holding-using-modern-smart-phone-cafe-shop_231208-11099.jpg", imageAlt: "Foto de Rafael Costa"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fernanda Lima",
|
||||
role: "Cliente Satisfeita",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-showing-ok-signs-looking-happy_176474-17426.jpg",
|
||||
imageAlt: "Foto de Fernanda Lima",
|
||||
},
|
||||
id: "5", name: "Fernanda Lima", role: "Cliente Satisfeita", company: "Google", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-showing-ok-signs-looking-happy_176474-17426.jpg", imageAlt: "Foto de Fernanda Lima"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.5",
|
||||
label: "Estrelas Médias",
|
||||
},
|
||||
value: "4.5", label: "Estrelas Médias"},
|
||||
{
|
||||
value: "126+",
|
||||
label: "Avaliações Positivas",
|
||||
},
|
||||
value: "126+", label: "Avaliações Positivas"},
|
||||
{
|
||||
value: "Qualidade",
|
||||
label: "Sabor & Afeto",
|
||||
},
|
||||
value: "Qualidade", label: "Sabor & Afeto"},
|
||||
]}
|
||||
title="O Que Nossos Clientes Dizem"
|
||||
description="A satisfação de quem nos visita é a nossa maior recompensa. Leia alguns dos depoimentos de nossos clientes e sinta o afeto que dedicamos em cada detalhe."
|
||||
@@ -315,8 +194,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Fale Conosco"
|
||||
title="Visite-nos ou Entre em Contato"
|
||||
description="Estamos localizados no coração de Duque de Caxias, prontos para te receber com o melhor café e um ambiente aconchegante. \n\n**Endereço:** R. Prof. José de Souza Herdy, 1235 – Jardim 25 de Agosto, Duque de Caxias - RJ, 25075-355\n**Telefone:** (21) 99719-2404\n**Instagram:** [@affettocaffe](https://www.instagram.com/affettocaffe)\n\n**Horário de Funcionamento:**\nSegunda a Sexta: 08h às 22h\nSábado: 09h às 23h\nDomingo: Fechado\n\n[Ver no Google Maps](https://www.google.com/maps/search/?api=1&query=Affetto+Caff%C3%A8,+R.+Prof.+Jos%C3%A9+de+Souza+Herdy,+1235+%E2%80%93+Jardim+25+de+Agosto,+Duque+de+Caxias+-+RJ,+25075-355)\n[Chamar no WhatsApp](https://wa.me/5521997192404)"
|
||||
@@ -330,13 +208,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Affetto Caffè"
|
||||
leftLink={{
|
||||
text: "Política de Privacidade",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Política de Privacidade", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Termos de Uso",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Termos de Uso", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user