Merge version_3 into main #5
58
src/app/cadastro-servico/page.tsx
Normal file
58
src/app/cadastro-servico/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
44
src/app/servicos/gerenciar/page.tsx
Normal file
44
src/app/servicos/gerenciar/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user