Update src/app/page.tsx
This commit is contained in:
388
src/app/page.tsx
388
src/app/page.tsx
@@ -17,292 +17,124 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Nosso Espaço",
|
||||
id: "space",
|
||||
},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Estúdio",
|
||||
id: "studio",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Cuesta Group Partners"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Nosso Espaço", id: "space" },
|
||||
{ name: "Planos", id: "pricing" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Cuesta Group Partners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Seu escritório em Botucatu, sem as dores de cabeça."
|
||||
description="Espaço de coworking aconchegante, estrutura completa e networking real. Por um preço que faz sentido para MEIs e pequenas empresas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Quero ser um Partner",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Conhecer o Espaço",
|
||||
href: "#space",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-office-desk-with-festive-decorations-business-workplace-seasonal-holiday-ornaments-celebrate-xmas-tradition-startup-company-space-corporate-job-with-winter-season-decor_482257-47141.jpg"
|
||||
imageAlt="modern coworking office warm lighting"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg",
|
||||
alt: "People sitting at table full shot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726813.jpg",
|
||||
alt: "People sitting at table full shot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-wearing-floral-dress-wearing-hat-sitting_1150-19274.jpg",
|
||||
alt: "Girl wearing a floral dress and wearing a hat sitting",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-ladies-stylish-outfits-work-as-fashion-designers-cozy-office-shorthaired-women-creates-clothes-patterns_197531-29824.jpg",
|
||||
alt: "Cheerful young ladies in stylish outfits work as fashion designers in cozy office Shorthaired women creates clothes patterns",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nobody-office-desk-with-festive-decorations-business-workplace-seasonal-holiday-ornaments-celebrate-xmas-tradition-startup-company-space-corporate-job-with-winter-season-decor_482257-47141.jpg",
|
||||
alt: "modern coworking office warm lighting",
|
||||
},
|
||||
]}
|
||||
avatarText="Junte-se a mais de 100 parceiros"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Wi-Fi Fibra 1GB",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Estúdio de Podcast",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Salas de Reunião",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Climatizado",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Coffee Break Incluso",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Seu escritório em Botucatu, sem as dores de cabeça."
|
||||
description="Espaço de coworking aconchegante, estrutura completa e networking real. Por um preço que faz sentido para MEIs e pequenas empresas."
|
||||
buttons={[
|
||||
{ text: "Quero ser um Partner", href: "#contact" },
|
||||
{ text: "Conhecer o Espaço", href: "#space" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-office-desk-with-festive-decorations-business-workplace-seasonal-holiday-ornaments-celebrate-xmas-tradition-startup-company-space-corporate-job-with-winter-season-decor_482257-47141.jpg"
|
||||
imageAlt="modern coworking office warm lighting"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg", alt: "People sitting at table full shot" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726813.jpg", alt: "People sitting at table full shot" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-wearing-floral-dress-wearing-hat-sitting_1150-19274.jpg", alt: "Girl wearing a floral dress and wearing a hat sitting" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-ladies-stylish-outfits-work-as-fashion-designers-cozy-office-shorthaired-women-creates-clothes-patterns_197531-29824.jpg", alt: "Cheerful young ladies in stylish outfits work as fashion designers in cozy office Shorthaired women creates clothes patterns" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/nobody-office-desk-with-festive-decorations-business-workplace-seasonal-holiday-ornaments-celebrate-xmas-tradition-startup-company-space-corporate-job-with-winter-season-decor_482257-47141.jpg", alt: "modern coworking office warm lighting" }
|
||||
]}
|
||||
avatarText="Junte-se a mais de 100 parceiros"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Wi-Fi Fibra 1GB" },
|
||||
{ type: "text", text: "Estúdio de Podcast" },
|
||||
{ type: "text", text: "Salas de Reunião" },
|
||||
{ type: "text", text: "Ambiente Climatizado" },
|
||||
{ type: "text", text: "Coffee Break Incluso" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="space" data-section="space">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="NOSSO ESPAÇO"
|
||||
title="Tudo que você precisa para trabalhar bem"
|
||||
description="Ambiente aconchegante, estrutura completa e pessoas incríveis. Exatamente como você encontra nas nossas avaliações."
|
||||
subdescription="Do estúdio de podcast à sala privativa, cada m² foi desenhado para sua produtividade."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-group-happy-business-people-having-meeting-modern-office_637285-199.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="friendly business couple coworking owners"
|
||||
/>
|
||||
</div>
|
||||
<div id="space" data-section="space">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="NOSSO ESPAÇO"
|
||||
title="Tudo que você precisa para trabalhar bem"
|
||||
description="Ambiente aconchegante, estrutura completa e pessoas incríveis. Exatamente como você encontra nas nossas avaliações."
|
||||
subdescription="Do estúdio de podcast à sala privativa, cada m² foi desenhado para sua produtividade."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-group-happy-business-people-having-meeting-modern-office_637285-199.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="friendly business couple coworking owners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "day-use",
|
||||
badge: "Flexível",
|
||||
price: "Consulte",
|
||||
subtitle: "Para quem só precisa de foco por um dia",
|
||||
features: [
|
||||
"Mesa hot desk",
|
||||
"Wi-Fi Fibra",
|
||||
"Café incluso",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar Dia",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Mais escolhido",
|
||||
price: "Consulte",
|
||||
subtitle: "Para MEIs e freelancers com rotina fixa",
|
||||
features: [
|
||||
"Mesa fixa",
|
||||
"Endereço comercial",
|
||||
"Acesso à comunidade",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Quero ser Partner",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "private",
|
||||
badge: "Privacidade",
|
||||
price: "Consulte",
|
||||
subtitle: "Espaço dedicado para sua equipe",
|
||||
features: [
|
||||
"Sala exclusiva",
|
||||
"Reuniões inclusas",
|
||||
"Acesso 24/7",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Consultar Disponibilidade",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Escolha como quer trabalhar"
|
||||
description="Sem burocracia, sem contrato longo. Planos flexíveis que cabem no seu bolso."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "day-use", badge: "Flexível", price: "Consulte", subtitle: "Para quem só precisa de foco por um dia", features: ["Mesa hot desk", "Wi-Fi Fibra", "Café incluso"], buttons: [{ text: "Reservar Dia", href: "#contact" }] },
|
||||
{ id: "monthly", badge: "Mais escolhido", price: "Consulte", subtitle: "Para MEIs e freelancers com rotina fixa", features: ["Mesa fixa", "Endereço comercial", "Acesso à comunidade"], buttons: [{ text: "Quero ser Partner", href: "#contact" }] },
|
||||
{ id: "private", badge: "Privacidade", price: "Consulte", subtitle: "Espaço dedicado para sua equipe", features: ["Sala exclusiva", "Reuniões inclusas", "Acesso 24/7"], buttons: [{ text: "Consultar Disponibilidade", href: "#contact" }] }
|
||||
]}
|
||||
title="Escolha como quer trabalhar"
|
||||
description="Sem burocracia, sem contrato longo. Planos flexíveis que cabem no seu bolso."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Local Guide",
|
||||
quote: "Local muito agradável, extremamente limpo e organizado. Sempre que estou em Botucatu fico trabalhando aqui!",
|
||||
name: "Catani",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Verificada",
|
||||
quote: "Achei tudo muito organizado, limpo e adequado. Havia água e café, além de banheiro.",
|
||||
name: "Katy R.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Partner Mensal",
|
||||
quote: "Fechei o plano mensal e fui super bem acolhido. Thyago e sua esposa são pessoas íntegras!",
|
||||
name: "Henrique Nascimento",
|
||||
role: "Partner Mensal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16262.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Local Guide",
|
||||
quote: "Excelente espaço para quem procura algo sério e descontraído — ambiente de troca de ideias!",
|
||||
name: "Eric Tiago",
|
||||
role: "Local Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-woman-enjoying-drink-restaurant_23-2150165116.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Partner",
|
||||
quote: "Lugar incrivelmente pensado para quem precisa de tranquilidade para trabalhar.",
|
||||
name: "Mari Moura",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-office-christmas-day-giving-presents_176420-8165.jpg",
|
||||
},
|
||||
]}
|
||||
title="O que nossos partners dizem"
|
||||
description="39 avaliações com nota 5,0 no Google Maps."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Local Guide", quote: "Local muito agradável, extremamente limpo e organizado. Sempre que estou em Botucatu fico trabalhando aqui!", name: "Catani", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg" },
|
||||
{ id: "2", title: "Verificada", quote: "Achei tudo muito organizado, limpo e adequado. Havia água e café, além de banheiro.", name: "Katy R.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg" },
|
||||
{ id: "3", title: "Partner Mensal", quote: "Fechei o plano mensal e fui super bem acolhido. Thyago e sua esposa são pessoas íntegras!", name: "Henrique Nascimento", role: "Partner Mensal", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16262.jpg" },
|
||||
{ id: "4", title: "Local Guide", quote: "Excelente espaço para quem procura algo sério e descontraído — ambiente de troca de ideias!", name: "Eric Tiago", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-woman-enjoying-drink-restaurant_23-2150165116.jpg" },
|
||||
{ id: "5", title: "Partner", quote: "Lugar incrivelmente pensado para quem precisa de tranquilidade para trabalhar.", name: "Mari Moura", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-office-christmas-day-giving-presents_176420-8165.jpg" }
|
||||
]}
|
||||
title="O que nossos partners dizem"
|
||||
description="39 avaliações com nota 5,0 no Google Maps."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="AGENDAMENTO"
|
||||
title="Pronto para trabalhar diferente?"
|
||||
description="Agende uma visita gratuita e conheça o Cuesta Group pessoalmente."
|
||||
inputPlaceholder="Seu e-mail"
|
||||
buttonText="Enviar solicitação"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="AGENDAMENTO"
|
||||
title="Pronto para trabalhar diferente?"
|
||||
description="Agende uma visita gratuita e conheça o Cuesta Group pessoalmente."
|
||||
inputPlaceholder="Seu e-mail"
|
||||
buttonText="Enviar solicitação"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Institucional",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Serviços",
|
||||
items: [
|
||||
{
|
||||
label: "Coworking",
|
||||
href: "#space",
|
||||
},
|
||||
{
|
||||
label: "Estúdio",
|
||||
href: "#studio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "(14) 99682-6548",
|
||||
href: "https://wa.me/5514996826548",
|
||||
},
|
||||
{
|
||||
label: "Rua Brás de Assis, 381",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CUESTA GROUP PARTNERS"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Institucional", items: [{ label: "Sobre Nós", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Serviços", items: [{ label: "Coworking", href: "#space" }, { label: "Estúdio", href: "#studio" }] },
|
||||
{ title: "Contato", items: [{ label: "(14) 99682-6548", href: "https://wa.me/5514996826548" }, { label: "Rua Brás de Assis, 381", href: "#" }] }
|
||||
]}
|
||||
logoText="CUESTA GROUP PARTNERS"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user