Merge version_1 into main #2
322
src/app/page.tsx
322
src/app/page.tsx
@@ -17,290 +17,48 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Buscar Serviços",
|
||||
id: "/servicos",
|
||||
},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "/planos",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "/sobre",
|
||||
},
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
button={{
|
||||
text: "Cadastrar Serviço",
|
||||
href: "/cadastro-servico",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="FreelanceFlow"
|
||||
description="Conecte-se com profissionais qualificados ou divulgue seus serviços profissionais de forma rápida, segura e intuitiva."
|
||||
buttons={[
|
||||
{
|
||||
text: "Encontre Profissionais",
|
||||
href: "/servicos",
|
||||
},
|
||||
{
|
||||
text: "Cadastre seu Serviço",
|
||||
href: "/cadastro-servico",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-tech-interface-for-a-freela-1776640604423-7190c83c.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Plataforma para Profissionais de Todos os Setores"
|
||||
description="Criamos um ambiente onde eletricistas, designers, encanadores e editores de vídeo encontram oportunidades reais. Com pagamentos seguros, avaliações transparentes e suporte dedicado, garantimos a melhor experiência de contratação."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/a-diverse-group-of-skilled-professionals-1776640613270-6b3cd9a4.png?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Segurança em Pagamentos",
|
||||
tags: [
|
||||
"PIX",
|
||||
"Cartão",
|
||||
"Seguro",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/security-and-payment-concept-a-modern-mi-1776640621452-3bee9cbb.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "Verificação Profissional",
|
||||
tags: [
|
||||
"Confiança",
|
||||
"Documento",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/a-person-receiving-professional-verifica-1776640629575-47150f60.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Notificações em Tempo Real",
|
||||
tags: [
|
||||
"Ágil",
|
||||
"Push",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-mobile-notification-concept-an-ab-1776640636698-46dbc4ff.png?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Recursos que Impulsionam seu Negócio"
|
||||
description="Ferramentas simples para garantir confiança, agilidade e crescimento constante."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Carlos Silva",
|
||||
role: "Eletricista",
|
||||
company: "Serviços Rápidos",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-headshot-of-a-smiling-male--1776640644689-2408c93b.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ana Souza",
|
||||
role: "Designer",
|
||||
company: "Criativa Lab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-headshot-of-a-smiling-femal-1776640652856-e9a673e3.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mariana Lima",
|
||||
role: "Cliente",
|
||||
company: "Doméstico",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-portrait-of-an-adult-client-1776640661516-6547d42b.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Pedro Henrique",
|
||||
role: "Encanador",
|
||||
company: "FixIt",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-portrait-of-a-male-plumber--1776640670450-50dbd470.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Costa",
|
||||
role: "Editora",
|
||||
company: "MotionCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-portrait-of-a-female-creati-1776640681441-fcb9725f.png",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Serviços Finalizados",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfação",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Cidades Atendidas",
|
||||
},
|
||||
]}
|
||||
title="O Que Dizem Nossos Usuários"
|
||||
description="Milhares de profissionais e clientes confiam na FreelanceFlow diariamente."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Base",
|
||||
price: "R$ 0",
|
||||
subtitle: "Para começar",
|
||||
buttons: [
|
||||
{
|
||||
text: "Cadastrar Grátis",
|
||||
href: "/cadastro-servico",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Publicação básica",
|
||||
"Painel de controle",
|
||||
"Pagamentos seguros",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Básico",
|
||||
price: "R$ 50/mês",
|
||||
subtitle: "Destaque regional",
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar Básico",
|
||||
href: "/cadastro-servico",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Destaque nas buscas",
|
||||
"Portfólio expandido",
|
||||
"Suporte prioritário",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium",
|
||||
price: "R$ 100/mês",
|
||||
subtitle: "Visibilidade máxima",
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar Premium",
|
||||
href: "/cadastro-servico",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Destaque na Home",
|
||||
"Ferramentas extras",
|
||||
"Agendamento direto",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Planos de Visibilidade"
|
||||
description="Escolha o melhor plano para expandir sua presença na plataforma."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Precisa de ajuda ou tem alguma dúvida? Entre em contato com nossa equipe de suporte."
|
||||
buttons={[
|
||||
{
|
||||
text: "Falar com Suporte",
|
||||
href: "mailto:suporte@freelanceflow.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-abstract-logo-for-freelance-marke-1776640714077-174aab4a.png?_wi=1"
|
||||
logoText="FreelanceFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Plataforma",
|
||||
items: [
|
||||
{
|
||||
label: "Como funciona",
|
||||
href: "/sobre",
|
||||
},
|
||||
{
|
||||
label: "Planos",
|
||||
href: "/planos",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "mailto:suporte@freelanceflow.com",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Início", id: "/" },
|
||||
{ name: "Buscar Serviços", id: "/servicos" },
|
||||
{ name: "Planos", id: "/planos" },
|
||||
{ name: "Sobre", id: "/sobre" }
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
button={{ text: "Cadastrar Serviço", href: "/cadastro-servico" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo logoText="FreelanceFlow" description="Conecte-se com profissionais qualificados ou divulgue seus serviços profissionais de forma rápida, segura e intuitiva." buttons={[{text: "Encontre Profissionais", href: "/servicos"}, {text: "Cadastre seu Serviço", href: "/cadastro-servico"}]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-tech-interface-for-a-freela-1776640604423-7190c83c.png" />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout useInvertedBackground={false} title="A Plataforma para Profissionais de Todos os Setores" description="Criamos um ambiente onde eletricistas, designers, encanadores e editores de vídeo encontram oportunidades reais. Com pagamentos seguros, avaliações transparentes e suporte dedicado, garantimos a melhor experiência de contratação." imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/a-diverse-group-of-skilled-professionals-1776640613270-6b3cd9a4.png" />
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree animationType="slide-up" textboxLayout="split" useInvertedBackground={false} features={[{id: "feat-1", title: "Segurança em Pagamentos", tags: ["PIX", "Cartão", "Seguro"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/security-and-payment-concept-a-modern-mi-1776640621452-3bee9cbb.png"}, {id: "feat-2", title: "Verificação Profissional", tags: ["Confiança", "Documento"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/a-person-receiving-professional-verifica-1776640629575-47150f60.png"}, {id: "feat-3", title: "Notificações em Tempo Real", tags: ["Ágil", "Push"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-mobile-notification-concept-an-ab-1776640636698-46dbc4ff.png"}]} title="Recursos que Impulsionam seu Negócio" description="Ferramentas simples para garantir confiança, agilidade e crescimento constante." />
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen animationType="slide-up" textboxLayout="split" useInvertedBackground={false} testimonials={[{id: "t1", name: "Carlos Silva", role: "Eletricista", company: "Serviços Rápidos", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-headshot-of-a-smiling-male--1776640644689-2408c93b.png"}, {id: "t2", name: "Ana Souza", role: "Designer", company: "Criativa Lab", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-headshot-of-a-smiling-femal-1776640652856-e9a673e3.png"}, {id: "t3", name: "Mariana Lima", role: "Cliente", company: "Doméstico", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-portrait-of-an-adult-client-1776640661516-6547d42b.png"}, {id: "t4", name: "Pedro Henrique", role: "Encanador", company: "FixIt", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-portrait-of-a-male-plumber--1776640670450-50dbd470.png"}, {id: "t5", name: "Julia Costa", role: "Editora", company: "MotionCo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/professional-portrait-of-a-female-creati-1776640681441-fcb9725f.png"}]} kpiItems={[{value: "10k+", label: "Serviços Finalizados"}, {value: "99%", label: "Satisfação"}, {value: "500+", label: "Cidades Atendidas"}]} title="O Que Dizem Nossos Usuários" description="Milhares de profissionais e clientes confiam na FreelanceFlow diariamente." />
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight animationType="slide-up" textboxLayout="split" useInvertedBackground={false} plans={[{id: "free", badge: "Base", price: "R$ 0", subtitle: "Para começar", buttons: [{text: "Cadastrar Grátis", href: "/cadastro-servico"}], features: ["Publicação básica", "Painel de controle", "Pagamentos seguros"]}, {id: "basic", badge: "Básico", price: "R$ 50/mês", subtitle: "Destaque regional", buttons: [{text: "Assinar Básico", href: "/cadastro-servico"}], features: ["Destaque nas buscas", "Portfólio expandido", "Suporte prioritário"]}, {id: "premium", badge: "Premium", price: "R$ 100/mês", subtitle: "Visibilidade máxima", buttons: [{text: "Assinar Premium", href: "/cadastro-servico"}], features: ["Destaque na Home", "Ferramentas extras", "Agendamento direto"]}]} title="Planos de Visibilidade" description="Escolha o melhor plano para expandir sua presença na plataforma." />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText useInvertedBackground={false} background={{ variant: "plain" }} text="Precisa de ajuda ou tem alguma dúvida? Entre em contato com nossa equipe de suporte." buttons={[{text: "Falar com Suporte", href: "mailto:suporte@freelanceflow.com"}]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-abstract-logo-for-freelance-marke-1776640714077-174aab4a.png" logoText="FreelanceFlow" columns={[{title: "Plataforma", items: [{label: "Como funciona", href: "/sobre"}, {label: "Planos", href: "/planos"}, {label: "Blog", href: "#"}]}, {title: "Suporte", items: [{label: "FAQ", href: "#"}, {label: "Contato", href: "mailto:suporte@freelanceflow.com"}, {label: "Privacidade", href: "#"}]}]} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,163 +7,42 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PlansPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Buscar Serviços",
|
||||
id: "/servicos",
|
||||
},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "/planos",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "/sobre",
|
||||
},
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
button={{
|
||||
text: "Cadastrar Serviço",
|
||||
href: "/cadastro-servico",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Base",
|
||||
price: "R$ 0",
|
||||
subtitle: "Para começar",
|
||||
buttons: [
|
||||
{
|
||||
text: "Cadastrar Grátis",
|
||||
href: "/cadastro-servico",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Publicação básica",
|
||||
"Painel de controle",
|
||||
"Pagamentos seguros",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Básico",
|
||||
price: "R$ 50/mês",
|
||||
subtitle: "Destaque regional",
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar Básico",
|
||||
href: "/cadastro-servico",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Destaque nas buscas",
|
||||
"Portfólio expandido",
|
||||
"Suporte prioritário",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium",
|
||||
price: "R$ 100/mês",
|
||||
subtitle: "Visibilidade máxima",
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar Premium",
|
||||
href: "/cadastro-servico",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Destaque na Home",
|
||||
"Ferramentas extras",
|
||||
"Agendamento direto",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Planos de Visibilidade"
|
||||
description="Escolha o melhor plano para expandir sua presença na plataforma."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Dúvidas sobre qual plano escolher?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Consultar Consultor",
|
||||
href: "mailto:vendas@freelanceflow.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-abstract-logo-for-freelance-marke-1776640714077-174aab4a.png?_wi=3"
|
||||
logoText="FreelanceFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Plataforma",
|
||||
items: [
|
||||
{
|
||||
label: "Como funciona",
|
||||
href: "/sobre",
|
||||
},
|
||||
{
|
||||
label: "Planos",
|
||||
href: "/planos",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "mailto:suporte@freelanceflow.com",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Início", id: "/" },
|
||||
{ name: "Buscar Serviços", id: "/servicos" },
|
||||
{ name: "Planos", id: "/planos" },
|
||||
{ name: "Sobre", id: "/sobre" }
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
button={{ text: "Cadastrar Serviço", href: "/cadastro-servico" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight animationType="slide-up" textboxLayout="split" useInvertedBackground={false} plans={[{id: "free", badge: "Base", price: "R$ 0", subtitle: "Para começar", buttons: [{text: "Cadastrar Grátis", href: "/cadastro-servico"}], features: ["Publicação básica", "Painel de controle", "Pagamentos seguros"]}, {id: "basic", badge: "Básico", price: "R$ 50/mês", subtitle: "Destaque regional", buttons: [{text: "Assinar Básico", href: "/cadastro-servico"}], features: ["Destaque nas buscas", "Portfólio expandido", "Suporte prioritário"]}, {id: "premium", badge: "Premium", price: "R$ 100/mês", subtitle: "Visibilidade máxima", buttons: [{text: "Assinar Premium", href: "/cadastro-servico"}], features: ["Destaque na Home", "Ferramentas extras", "Agendamento direto"]}]} title="Planos de Visibilidade" description="Escolha o melhor plano para expandir sua presença na plataforma." />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText useInvertedBackground={false} background={{ variant: "plain" }} text="Dúvidas sobre qual plano escolher?" buttons={[{text: "Consultar Consultor", href: "mailto:vendas@freelanceflow.com"}]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-abstract-logo-for-freelance-marke-1776640714077-174aab4a.png" logoText="FreelanceFlow" columns={[{title: "Plataforma", items: [{label: "Como funciona", href: "/sobre"}, {label: "Planos", href: "/planos"}, {label: "Blog", href: "#"}]}, {title: "Suporte", items: [{label: "FAQ", href: "#"}, {label: "Contato", href: "mailto:suporte@freelanceflow.com"}, {label: "Privacidade", href: "#"}]}]} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,140 +7,42 @@ import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwe
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Buscar Serviços",
|
||||
id: "/servicos",
|
||||
},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "/planos",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "/sobre",
|
||||
},
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
button={{
|
||||
text: "Cadastrar Serviço",
|
||||
href: "/cadastro-servico",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Segurança em Pagamentos",
|
||||
tags: [
|
||||
"PIX",
|
||||
"Cartão",
|
||||
"Seguro",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/security-and-payment-concept-a-modern-mi-1776640621452-3bee9cbb.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "Verificação Profissional",
|
||||
tags: [
|
||||
"Confiança",
|
||||
"Documento",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/a-person-receiving-professional-verifica-1776640629575-47150f60.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Notificações em Tempo Real",
|
||||
tags: [
|
||||
"Ágil",
|
||||
"Push",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-mobile-notification-concept-an-ab-1776640636698-46dbc4ff.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Recursos que Impulsionam seu Negócio"
|
||||
description="Ferramentas simples para garantir confiança, agilidade e crescimento constante."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Não encontrou o que buscava? Nossa equipe pode ajudar você a encontrar o profissional ideal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Fale Conosco",
|
||||
href: "mailto:suporte@freelanceflow.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-abstract-logo-for-freelance-marke-1776640714077-174aab4a.png?_wi=2"
|
||||
logoText="FreelanceFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Plataforma",
|
||||
items: [
|
||||
{
|
||||
label: "Como funciona",
|
||||
href: "/sobre",
|
||||
},
|
||||
{
|
||||
label: "Planos",
|
||||
href: "/planos",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "mailto:suporte@freelanceflow.com",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Início", id: "/" },
|
||||
{ name: "Buscar Serviços", id: "/servicos" },
|
||||
{ name: "Planos", id: "/planos" },
|
||||
{ name: "Sobre", id: "/sobre" }
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
button={{ text: "Cadastrar Serviço", href: "/cadastro-servico" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree animationType="slide-up" textboxLayout="split" useInvertedBackground={false} features={[{id: "feat-1", title: "Segurança em Pagamentos", tags: ["PIX", "Cartão", "Seguro"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/security-and-payment-concept-a-modern-mi-1776640621452-3bee9cbb.png"}, {id: "feat-2", title: "Verificação Profissional", tags: ["Confiança", "Documento"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/a-person-receiving-professional-verifica-1776640629575-47150f60.png"}, {id: "feat-3", title: "Notificações em Tempo Real", tags: ["Ágil", "Push"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-mobile-notification-concept-an-ab-1776640636698-46dbc4ff.png"}]} title="Recursos que Impulsionam seu Negócio" description="Ferramentas simples para garantir confiança, agilidade e crescimento constante." />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText useInvertedBackground={false} background={{ variant: "plain" }} text="Não encontrou o que buscava? Nossa equipe pode ajudar você a encontrar o profissional ideal." buttons={[{text: "Fale Conosco", href: "mailto:suporte@freelanceflow.com"}]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-abstract-logo-for-freelance-marke-1776640714077-174aab4a.png" logoText="FreelanceFlow" columns={[{title: "Plataforma", items: [{label: "Como funciona", href: "/sobre"}, {label: "Planos", href: "/planos"}, {label: "Blog", href: "#"}]}, {title: "Suporte", items: [{label: "FAQ", href: "#"}, {label: "Contato", href: "mailto:suporte@freelanceflow.com"}, {label: "Privacidade", href: "#"}]}]} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,109 +7,42 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Buscar Serviços",
|
||||
id: "/servicos",
|
||||
},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "/planos",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "/sobre",
|
||||
},
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
button={{
|
||||
text: "Cadastrar Serviço",
|
||||
href: "/cadastro-servico",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nossa Missão"
|
||||
description="Transformar o mercado de trabalho autônomo conectando talentos a necessidades reais de forma justa e transparente."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/a-diverse-group-of-skilled-professionals-1776640613270-6b3cd9a4.png?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Quer fazer parte da nossa história?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Conheça nossas vagas",
|
||||
href: "/vagas",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-abstract-logo-for-freelance-marke-1776640714077-174aab4a.png?_wi=4"
|
||||
logoText="FreelanceFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Plataforma",
|
||||
items: [
|
||||
{
|
||||
label: "Como funciona",
|
||||
href: "/sobre",
|
||||
},
|
||||
{
|
||||
label: "Planos",
|
||||
href: "/planos",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "mailto:suporte@freelanceflow.com",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Início", id: "/" },
|
||||
{ name: "Buscar Serviços", id: "/servicos" },
|
||||
{ name: "Planos", id: "/planos" },
|
||||
{ name: "Sobre", id: "/sobre" }
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
button={{ text: "Cadastrar Serviço", href: "/cadastro-servico" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout useInvertedBackground={false} title="Nossa Missão" description="Transformar o mercado de trabalho autônomo conectando talentos a necessidades reais de forma justa e transparente." imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/a-diverse-group-of-skilled-professionals-1776640613270-6b3cd9a4.png" />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText useInvertedBackground={false} background={{ variant: "plain" }} text="Quer fazer parte da nossa história?" buttons={[{text: "Conheça nossas vagas", href: "/vagas"}]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-abstract-logo-for-freelance-marke-1776640714077-174aab4a.png" logoText="FreelanceFlow" columns={[{title: "Plataforma", items: [{label: "Como funciona", href: "/sobre"}, {label: "Planos", href: "/planos"}, {label: "Blog", href: "#"}]}, {title: "Suporte", items: [{label: "FAQ", href: "#"}, {label: "Contato", href: "mailto:suporte@freelanceflow.com"}, {label: "Privacidade", href: "#"}]}]} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user