From 9168cb55ce9a56a3985f95d7095b1ddb38ca48e1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 23:45:50 +0000
Subject: [PATCH 1/3] Add src/app/cadastro-servico/page.tsx

---
 src/app/cadastro-servico/page.tsx | 58 +++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 src/app/cadastro-servico/page.tsx

diff --git a/src/app/cadastro-servico/page.tsx b/src/app/cadastro-servico/page.tsx
new file mode 100644
index 0000000..ba23979
--- /dev/null
+++ b/src/app/cadastro-servico/page.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function CadastroServicoPage() {
+  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="contact" data-section="contact">
+          <ContactCenter
+            tag="Novo Serviço"
+            title="Cadastre seu Serviço"
+            description="Preencha os dados abaixo para publicar seu serviço profissional na plataforma FreelanceFlow."
+            background={{ variant: "plain" }}
+            inputPlaceholder="Nome do Serviço"
+            buttonText="Publicar Serviço"
+            termsText="Ao publicar, você concorda com nossos termos de serviço para prestadores."
+            onSubmit={(email) => console.log("Submit service:", email)}
+          />
+        </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>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 06e671ab532bd03beffb87193ec031666877adb2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 23:45:50 +0000
Subject: [PATCH 2/3] Update src/app/page.tsx

---
 src/app/page.tsx | 46 +++++++++++++++++++++++++---------------------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d429508..cc81758 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { TrendingUp, CreditCard, MessageSquare, Bell, HelpCircle, FileText } from "lucide-react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 
 export default function LandingPage() {
   return (
@@ -30,36 +30,40 @@ export default function LandingPage() {
           <NavbarLayoutFloatingInline
             navItems={[
               { name: "Início", id: "/" },
-              { name: "Buscar Serviços", id: "/servicos" },
-              { name: "Planos", id: "/planos" },
-              { name: "Sobre", id: "/sobre" }
+              { name: "Dashboard", id: "#dashboard" },
+              { name: "Suporte", id: "#suporte" }
             ]}
             brandName="FreelanceFlow"
-            button={{ text: "Cadastrar Serviço", href: "/cadastro-servico" }}
+            button={{ text: "Painel Financeiro", href: "#dashboard" }}
           />
         </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" />
+          <HeroLogo logoText="FreelanceFlow Financial" description="Acompanhe suas receitas, gerencie transações e tenha suporte total ao seu negócio em uma única plataforma intuitiva." buttons={[{text: "Acessar Dashboard", href: "#dashboard"}, {text: "Ajuda", href: "#suporte"}]} 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 id="dashboard" data-section="dashboard">
+            <MetricCardThree 
+                title="Gestão Financeira Completa"
+                description="Mantenha o controle total sobre seus ganhos e histórico de movimentações."
+                textboxLayout="split"
+                animationType="slide-up"
+                useInvertedBackground={false}
+                metrics={[
+                    { id: "rev", icon: TrendingUp, title: "Receita Total", value: "R$ 15.420" },
+                    { id: "trans", icon: CreditCard, title: "Transações", value: "142" },
+                    { id: "status", icon: Bell, title: "Notificações", value: "5 Novas" }
+                ]}
+            />
         </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 id="suporte" data-section="suporte">
+          <FeatureCardTwentyThree animationType="slide-up" textboxLayout="split" useInvertedBackground={true} features={[{id: "help", title: "Centro de Ajuda", tags: ["Docs", "Tutorials"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/modern-mobile-notification-concept-an-ab-1776640636698-46dbc4ff.png?_wi=1"}, {id: "ticket", title: "Sistema de Tickets", tags: ["Suporte", "Rápido"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV2jmS8jKO8XHLgCFbuFaKRWFB/a-person-receiving-professional-verifica-1776640629575-47150f60.png?_wi=1"}, {id: "chat", title: "Chat de Suporte", tags: ["24/7", "Humano"], 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"}]} title="Estamos Aqui Para Você" description="Conte com nosso suporte multicanal para resolver qualquer questão financeira rapidamente." />
         </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"}]} />
+          <ContactText useInvertedBackground={false} background={{ variant: "plain" }} text="Precisa de suporte personalizado? Nossa equipe está pronta para auxiliar." buttons={[{text: "Abrir Ticket", 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: "#"}]}]} />
+          <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: "Dashboard", items: [{label: "Receitas", href: "#dashboard"}, {label: "Transações", href: "#dashboard"}]}, {title: "Suporte", items: [{label: "Central de Ajuda", href: "#suporte"}, {label: "Tickets", href: "#suporte"}, {label: "Contato", href: "mailto:suporte@freelanceflow.com"}]}]} />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From cb7f5fc0517cd82ee80383a70fe9fcffdde6d3ab Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 23:45:51 +0000
Subject: [PATCH 3/3] Add src/app/servicos/gerenciar/page.tsx

---
 src/app/servicos/gerenciar/page.tsx | 44 +++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/app/servicos/gerenciar/page.tsx

diff --git a/src/app/servicos/gerenciar/page.tsx b/src/app/servicos/gerenciar/page.tsx
new file mode 100644
index 0000000..b288844
--- /dev/null
+++ b/src/app/servicos/gerenciar/page.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function ManageServicesPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingInline
+        navItems={[
+          { name: "Início", id: "/" },
+          { name: "Buscar Serviços", id: "/servicos" },
+          { name: "Planos", id: "/planos" },
+          { name: "Sobre", id: "/sobre" },
+          { name: "Gerenciar Serviços", id: "/servicos/gerenciar" }
+        ]}
+        brandName="FreelanceFlow"
+        button={{ text: "Cadastrar Serviço", href: "/cadastro-servico" }}
+      />
+      <main className="pt-32 pb-20 px-6 max-w-7xl mx-auto min-h-screen">
+        <h1 className="text-4xl font-bold mb-8">Gerenciamento de Serviços</h1>
+        <p className="text-gray-600 mb-12">Aqui você pode listar, filtrar, editar ou excluir seus serviços cadastrados e visualizar avaliações de clientes.</p>
+        <div className="grid gap-8">
+          <div className="p-6 rounded-2xl border border-gray-200 bg-white/50 backdrop-blur-sm">
+            <h2 className="text-xl font-semibold mb-4">Lista de Serviços</h2>
+            <div className="space-y-4">
+                <div className="flex items-center justify-between p-4 border rounded-xl">
+                    <span>Eletricista Residencial</span>
+                    <div className="flex gap-2">
+                        <button className="px-4 py-2 bg-blue-600 text-white rounded-lg">Editar</button>
+                        <button className="px-4 py-2 bg-red-600 text-white rounded-lg">Excluir</button>
+                    </div>
+                </div>
+            </div>
+          </div>
+          <div className="p-6 rounded-2xl border border-gray-200 bg-white/50 backdrop-blur-sm">
+            <h2 className="text-xl font-semibold mb-4">Feedbacks e Avaliações</h2>
+            <p className="text-gray-500">Nenhuma avaliação recente disponível.</p>
+          </div>
+        </div>
+      </main>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1