Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e761f05951 | |||
| 104ab7d9ed | |||
| 2feeeb9fb5 |
196
src/app/page.tsx
196
src/app/page.tsx
@@ -2,26 +2,26 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Clock, Home, MapPin } from "lucide-react";
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-mesh"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre Nós",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre Nós", id: "about"},
|
||||
{
|
||||
name: "Diferenciais",
|
||||
id: "features",
|
||||
},
|
||||
name: "Diferenciais", id: "features"},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Produtos", id: "products"},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Depoimentos", id: "testimonials"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Fazer Pedido",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Fazer Pedido", href: "#contact"}}
|
||||
brandName="Crema & Co. Café"
|
||||
/>
|
||||
</div>
|
||||
@@ -66,19 +52,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="Crema & Co. Café"
|
||||
description="Experimente a pausa perfeita. Curadoria artesanal e sabores únicos em um ambiente acolhedor, onde cada xícara conta uma história."
|
||||
buttons={[
|
||||
{
|
||||
text: "Nosso Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Nosso Menu", href: "#products"},
|
||||
{
|
||||
text: "Visite-nos",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visite-nos", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hazelnuts-coffee-autumn-breakfast_23-2147885882.jpg"
|
||||
imageAlt="Detalhe de café sendo preparado em ambiente aconchegante"
|
||||
@@ -104,19 +85,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "Curadoria de Grãos",
|
||||
description: "Selecionamos apenas cafés especiais de origem, em parceria com produtores que valorizam a qualidade e sustentabilidade.",
|
||||
},
|
||||
title: "Curadoria de Grãos", description: "Selecionamos apenas cafés especiais de origem, em parceria com produtores que valorizam a qualidade e sustentabilidade."},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Ambiente Acolhedor",
|
||||
description: "Um refúgio para seus sentidos, com design que une o rústico ao sofisticado, convidando a momentos de paz e boas conversas.",
|
||||
},
|
||||
title: "Ambiente Acolhedor", description: "Um refúgio para seus sentidos, com design que une o rústico ao sofisticado, convidando a momentos de paz e boas conversas."},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Pausa Consciente",
|
||||
description: "Promovemos uma cultura de desaceleração, onde o tempo é seu para desfrutar plenamente de cada gole e cada sabor.",
|
||||
},
|
||||
title: "Pausa Consciente", description: "Promovemos uma cultura de desaceleração, onde o tempo é seu para desfrutar plenamente de cada gole e cada sabor."},
|
||||
]}
|
||||
title="O Que Nos Torna Especiais"
|
||||
description="Cada detalhe na Crema & Co. é pensado para enriquecer sua experiência. Descubra os pilares que fazem do nosso café um destino único."
|
||||
@@ -132,26 +107,11 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "specialty-coffee-bag",
|
||||
name: "Café Especial Blend da Casa",
|
||||
price: "R$ 49,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cups-with-foam_23-2149514290.jpg",
|
||||
imageAlt: "Embalagem de café especial em grãos",
|
||||
},
|
||||
id: "specialty-coffee-bag", name: "Café Especial Blend da Casa", price: "R$ 49,90", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cups-with-foam_23-2149514290.jpg", imageAlt: "Embalagem de café especial em grãos"},
|
||||
{
|
||||
id: "iced-latte",
|
||||
name: "Iced Latte Cremoso",
|
||||
price: "R$ 18,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91642.jpg",
|
||||
imageAlt: "Copo de iced latte com bastante espuma",
|
||||
},
|
||||
id: "iced-latte", name: "Iced Latte Cremoso", price: "R$ 18,00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91642.jpg", imageAlt: "Copo de iced latte com bastante espuma"},
|
||||
{
|
||||
id: "artisanal-brownie",
|
||||
name: "Brownie Artesanal de Chocolate",
|
||||
price: "R$ 15,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549978.jpg",
|
||||
imageAlt: "Brownie de chocolate em prato de cerâmica",
|
||||
},
|
||||
id: "artisanal-brownie", name: "Brownie Artesanal de Chocolate", price: "R$ 15,00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549978.jpg", imageAlt: "Brownie de chocolate em prato de cerâmica"},
|
||||
]}
|
||||
title="Nossos Sabores"
|
||||
description="Explore nossa seleção de cafés especiais e delícias artesanais, cuidadosamente escolhidos para você."
|
||||
@@ -159,43 +119,18 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Clara",
|
||||
handle: "@anaclara.s",
|
||||
testimonial: "A Crema & Co. é meu refúgio favorito! O café é impecável e o ambiente transmite uma paz incrível. Sempre um prazer visitar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-woman-with-silent-facial-expression_329181-9873.jpg",
|
||||
imageAlt: "Foto de Ana Clara",
|
||||
},
|
||||
id: "1", title: "Experiência Memorável", quote: "A Crema & Co. é meu refúgio favorito! O café é impecável e o ambiente transmite uma paz incrível. Sempre um prazer visitar.", name: "Ana Clara", role: "@anaclara.s", imageSrc: "http://img.b2bpic.net/free-photo/pensive-woman-with-silent-facial-expression_329181-9873.jpg", imageAlt: "Foto de Ana Clara"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rodrigo Silva",
|
||||
handle: "@rodrigo.s",
|
||||
testimonial: "Impressionante a qualidade dos grãos e a expertise dos baristas. Cada café é uma descoberta. Recomendo fortemente!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg",
|
||||
imageAlt: "Foto de Rodrigo Silva",
|
||||
},
|
||||
id: "2", title: "Experiência Memorável", quote: "Impressionante a qualidade dos grãos e a expertise dos baristas. Cada café é uma descoberta. Recomendo fortemente!", name: "Rodrigo Silva", role: "@rodrigo.s", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg", imageAlt: "Foto de Rodrigo Silva"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Isabela Martins",
|
||||
handle: "@isabelam",
|
||||
testimonial: "O Brownie com café é a combinação perfeita! Um lugar charmoso para encontros e para trabalhar em paz. Adoro!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-notepad_158595-1004.jpg",
|
||||
imageAlt: "Foto de Isabela Martins",
|
||||
},
|
||||
id: "3", title: "Experiência Memorável", quote: "O Brownie com café é a combinação perfeita! Um lugar charmoso para encontros e para trabalhar em paz. Adoro!", name: "Isabela Martins", role: "@isabelam", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-notepad_158595-1004.jpg", imageAlt: "Foto de Isabela Martins"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lucas Pereira",
|
||||
handle: "@lucasp_eng",
|
||||
testimonial: "Desde a atenção no atendimento até a complexidade dos sabores, tudo na Crema & Co. é de alto nível. Virou meu ponto certo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-coffee-cup_23-2149512494.jpg",
|
||||
imageAlt: "Foto de Lucas Pereira",
|
||||
},
|
||||
id: "4", title: "Experiência Memorável", quote: "Desde a atenção no atendimento até a complexidade dos sabores, tudo na Crema & Co. é de alto nível. Virou meu ponto certo.", name: "Lucas Pereira", role: "@lucasp_eng", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-coffee-cup_23-2149512494.jpg", imageAlt: "Foto de Lucas Pereira"},
|
||||
]}
|
||||
title="O Que Nossos Clientes Dizem"
|
||||
description="A melhor parte do nosso trabalho é ver a felicidade de quem nos visita. Leia o que dizem sobre a experiência Crema & Co."
|
||||
@@ -203,98 +138,61 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
<FaqDouble
|
||||
animationType="smooth"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Qual o horário de funcionamento?",
|
||||
content: "Estamos abertos de terça a domingo, das 9h às 19h. Fechados às segundas-feiras.",
|
||||
},
|
||||
id: "1", title: "Qual o horário de funcionamento?", content: "Estamos abertos de terça a domingo, das 9h às 19h. Fechados às segundas-feiras."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Vocês aceitam reservas?",
|
||||
content: "Não aceitamos reservas, pois nosso espaço é rotativo. Venha quando quiser e aproveite!",
|
||||
},
|
||||
id: "2", title: "Vocês aceitam reservas?", content: "Não aceitamos reservas, pois nosso espaço é rotativo. Venha quando quiser e aproveite!"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Existe estacionamento no local?",
|
||||
content: "Temos algumas vagas limitadas em frente à cafeteria e opções de estacionamento público nas ruas próximas.",
|
||||
},
|
||||
id: "3", title: "Existe estacionamento no local?", content: "Temos algumas vagas limitadas em frente à cafeteria e opções de estacionamento público nas ruas próximas."},
|
||||
]}
|
||||
ctaTitle="Entre em Contato ou Visite-nos"
|
||||
ctaDescription="Tem alguma dúvida, sugestão ou quer saber mais sobre nossos cafés? Fale conosco ou venha nos fazer uma visita!"
|
||||
ctaButton={{
|
||||
text: "Ver no Mapa",
|
||||
href: "https://maps.app.goo.gl/SEUENDERECO",
|
||||
}}
|
||||
ctaIcon={MapPin}
|
||||
accordionAnimationType="smooth"
|
||||
showCard={true}
|
||||
title="Perguntas Frequentes"
|
||||
description="Encontre respostas para suas dúvidas mais comuns sobre a Crema & Co. Café e como podemos te servir melhor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="Crema & Co. Café"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Início", href: "#hero"},
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre Nós", href: "#about"},
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Produtos", href: "#products"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contato", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Nossos Cafés",
|
||||
items: [
|
||||
{
|
||||
label: "Cafés Especiais",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Cafés Especiais", href: "#products"},
|
||||
{
|
||||
label: "Bebidas Geladas",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Bebidas Geladas", href: "#products"},
|
||||
{
|
||||
label: "Doces Artesanais",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Doces Artesanais", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Redes Sociais",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/cremacafeteria",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/cremacafeteria"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Crema & Co. Café. Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user