Compare commits
No commits in common. "241ca3560d2ed7709d0f1343f46928744c2d438b" and "94c77fc867e947ef15bc5d0e4a9dbede812c6cd1" have entirely different histories.
241ca3560d
...
94c77fc867
@ -30,11 +30,7 @@
|
||||
"Bash(ssh:*)",
|
||||
"Bash(cat:*)",
|
||||
"Bash(dig:*)",
|
||||
"Bash(git commit:*)",
|
||||
"Bash(netstat:*)",
|
||||
"Bash(ss:*)",
|
||||
"Bash(lsof:*)",
|
||||
"Bash(dotnet run:*)"
|
||||
"Bash(git commit:*)"
|
||||
]
|
||||
},
|
||||
"enableAllProjectMcpServers": false
|
||||
|
||||
36
AGENTS.md
36
AGENTS.md
@ -1,36 +0,0 @@
|
||||
# Repository Guidelines
|
||||
|
||||
## Project Structure & Module Organization
|
||||
- `src/BCards.Web` is the main MVC app (Controllers, Services, Repositories, Razor Views, `wwwroot` assets).
|
||||
- `src/BCards.IntegrationTests` spins up the site with fixtures for API-level checks.
|
||||
- `tests/BCards.Tests` hosts xUnit + Moq unit coverage with overrides in `appsettings.Testing.json`.
|
||||
- `tests.e2e` carries Playwright specs and config; utility scripts live under `scripts/`, with `clean-build.sh` mirroring CI cleanup.
|
||||
|
||||
## Build, Test & Development Commands
|
||||
- `dotnet restore && dotnet build BCards.sln` primes dependencies and compiles.
|
||||
- `dotnet run --project src/BCards.Web` launches the site (HTTPS on 5001 by default).
|
||||
- `dotnet test` executes unit + integration suites; add `--collect:"XPlat Code Coverage"` to emit coverlet results.
|
||||
- In `tests.e2e`, run `npm install` once and `npx playwright test` per change; append `--headed` when debugging flows.
|
||||
- `./clean-build.sh` removes stale `bin/obj` output before CI or release builds.
|
||||
|
||||
## Coding Style & Naming Conventions
|
||||
- Use 4-space indents, file-scoped namespaces, PascalCase for types, camelCase for locals, and `_camelCase` for DI fields.
|
||||
- Keep Razor views presentation-only; push logic into Services, ViewModels, or TagHelpers.
|
||||
- Store localization strings in `Resources/`, shared UI in `Views/Shared`, and bundle-ready assets in `wwwroot`.
|
||||
- Run `dotnet format` before pushing; .NET 8 analyzers treat warnings as errors in the pipeline.
|
||||
|
||||
## Testing Guidelines
|
||||
- Mirror namespaces when creating unit files (`FooServiceTests` for `FooService`) and favour FluentAssertions for expressiveness.
|
||||
- Integration scenarios reside in `src/BCards.IntegrationTests/Tests`; use shared fixtures to mock MongoDB/Stripe without polluting global state.
|
||||
- End-to-end cases focus on signup, checkout, and profile rendering; keep snapshots in `tests.e2e/debug_*`.
|
||||
- Target ≥80% coverage across `Services/` and `Repositories/`; call out gaps explicitly in the PR body.
|
||||
|
||||
## Commit & Pull Request Guidelines
|
||||
- Follow the observed `type: resumo` format (`feat: artigos & tutoriais`, `fix: checkout`); keep scopes short, Portuguese when public-facing.
|
||||
- Squash WIP branches before review; one functional change per commit.
|
||||
- Every PR needs a summary, verification list (`dotnet test`, Playwright when touched), related issue link, and UI artifacts when visuals change.
|
||||
- Tag a module expert for review and flip the `Ready for QA` label only after E2E automation passes.
|
||||
|
||||
## Security & Configuration Notes
|
||||
- Keep secrets out of version control; base new configs on `appsettings.Production.example.json` and document required keys.
|
||||
- When callback URLs move, update both the environment files (`Dockerfile`, `docker-compose*.yml`) and external provider dashboards together.
|
||||
@ -1,740 +0,0 @@
|
||||
[{
|
||||
"_id": {
|
||||
"$oid": "685b17a70138fec28779d354"
|
||||
},
|
||||
"name": "Corretor de Imóveis",
|
||||
"slug": "corretor",
|
||||
"icon": "🏠",
|
||||
"seoKeywords": [
|
||||
"corretor",
|
||||
"imóveis",
|
||||
"casa",
|
||||
"apartamento",
|
||||
"venda",
|
||||
"locação"
|
||||
],
|
||||
"description": "Profissionais especializados em compra, venda e locação de imóveis",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:24:55.336Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "685b17c20138fec28779d355"
|
||||
},
|
||||
"name": "Tecnologia",
|
||||
"slug": "tecnologia",
|
||||
"icon": "💻",
|
||||
"seoKeywords": [
|
||||
"desenvolvimento",
|
||||
"software",
|
||||
"programação",
|
||||
"tecnologia",
|
||||
"TI"
|
||||
],
|
||||
"description": "Empresas e profissionais de tecnologia, desenvolvimento e TI",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:25:22.709Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "685b17c20138fec28779d356"
|
||||
},
|
||||
"name": "Saúde",
|
||||
"slug": "saude",
|
||||
"icon": "🏥",
|
||||
"seoKeywords": [
|
||||
"médico",
|
||||
"saúde",
|
||||
"clínica",
|
||||
"consulta",
|
||||
"tratamento"
|
||||
],
|
||||
"description": "Profissionais da saúde, clínicas e consultórios médicos",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:25:22.713Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "685b17c20138fec28779d357"
|
||||
},
|
||||
"name": "Educação",
|
||||
"slug": "educacao",
|
||||
"icon": "📚",
|
||||
"seoKeywords": [
|
||||
"educação",
|
||||
"ensino",
|
||||
"professor",
|
||||
"curso",
|
||||
"escola"
|
||||
],
|
||||
"description": "Professores, escolas, cursos e instituições de ensino",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:25:22.717Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "685b17c20138fec28779d358"
|
||||
},
|
||||
"name": "Comércio",
|
||||
"slug": "comercio",
|
||||
"icon": "🛍️",
|
||||
"seoKeywords": [
|
||||
"loja",
|
||||
"comércio",
|
||||
"venda",
|
||||
"produtos",
|
||||
"e-commerce"
|
||||
],
|
||||
"description": "Lojas, e-commerce e estabelecimentos comerciais",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:25:22.720Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "685b17c20138fec28779d359"
|
||||
},
|
||||
"name": "Serviços",
|
||||
"slug": "servicos",
|
||||
"icon": "🔧",
|
||||
"seoKeywords": [
|
||||
"serviços",
|
||||
"prestador",
|
||||
"profissional",
|
||||
"especializado"
|
||||
],
|
||||
"description": "Prestadores de serviços gerais e especializados",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:25:22.723Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "685b17c20138fec28779d35a"
|
||||
},
|
||||
"name": "Alimentação",
|
||||
"slug": "alimentacao",
|
||||
"icon": "🍽️",
|
||||
"seoKeywords": [
|
||||
"restaurante",
|
||||
"comida",
|
||||
"delivery",
|
||||
"alimentação",
|
||||
"gastronomia"
|
||||
],
|
||||
"description": "Restaurantes, delivery, food trucks e estabelecimentos alimentícios",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:25:22.727Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "685b17c20138fec28779d35b"
|
||||
},
|
||||
"name": "Beleza",
|
||||
"slug": "beleza",
|
||||
"icon": "💄",
|
||||
"seoKeywords": [
|
||||
"beleza",
|
||||
"salão",
|
||||
"estética",
|
||||
"cabeleireiro",
|
||||
"manicure"
|
||||
],
|
||||
"description": "Salões de beleza, barbearias, estética e cuidados pessoais",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:25:22.731Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "685b17c20138fec28779d35c"
|
||||
},
|
||||
"name": "Advocacia",
|
||||
"slug": "advocacia",
|
||||
"icon": "⚖️",
|
||||
"seoKeywords": [
|
||||
"advogado",
|
||||
"jurídico",
|
||||
"direito",
|
||||
"advocacia",
|
||||
"legal"
|
||||
],
|
||||
"description": "Advogados, escritórios jurídicos e consultoria legal",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:25:22.734Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "685b17c20138fec28779d35d"
|
||||
},
|
||||
"name": "Arquitetura",
|
||||
"slug": "arquitetura",
|
||||
"icon": "🏗️",
|
||||
"seoKeywords": [
|
||||
"arquiteto",
|
||||
"engenheiro",
|
||||
"construção",
|
||||
"projeto",
|
||||
"reforma"
|
||||
],
|
||||
"description": "Arquitetos, engenheiros e profissionais da construção",
|
||||
"isActive": true,
|
||||
"createdAt": {
|
||||
"$date": "2025-06-24T21:25:22.737Z"
|
||||
}
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6933"
|
||||
},
|
||||
"name": "Artesanato",
|
||||
"slug": "artesanato",
|
||||
"icon": "🎨",
|
||||
"seoKeywords": [
|
||||
"artesanato",
|
||||
"artesão",
|
||||
"feito à mão",
|
||||
"personalizado",
|
||||
"criativo",
|
||||
"decoração"
|
||||
],
|
||||
"description": "Artesãos e criadores de produtos feitos à mão, decoração e arte personalizada",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6934"
|
||||
},
|
||||
"name": "Papelaria",
|
||||
"slug": "papelaria",
|
||||
"icon": "📝",
|
||||
"seoKeywords": [
|
||||
"papelaria",
|
||||
"escritório",
|
||||
"material escolar",
|
||||
"impressão",
|
||||
"convites",
|
||||
"personalização"
|
||||
],
|
||||
"description": "Lojas de papelaria, material de escritório, impressão e produtos personalizados",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6935"
|
||||
},
|
||||
"name": "Coaching",
|
||||
"slug": "coaching",
|
||||
"icon": "🎯",
|
||||
"seoKeywords": [
|
||||
"coaching",
|
||||
"mentoria",
|
||||
"desenvolvimento pessoal",
|
||||
"life coach",
|
||||
"business coach",
|
||||
"liderança"
|
||||
],
|
||||
"description": "Coaches, mentores e profissionais de desenvolvimento pessoal e empresarial",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6936"
|
||||
},
|
||||
"name": "Fitness",
|
||||
"slug": "fitness",
|
||||
"icon": "💪",
|
||||
"seoKeywords": [
|
||||
"fitness",
|
||||
"academia",
|
||||
"personal trainer",
|
||||
"musculação",
|
||||
"treinamento",
|
||||
"exercícios"
|
||||
],
|
||||
"description": "Personal trainers, academias, estúdios de pilates e profissionais fitness",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6937"
|
||||
},
|
||||
"name": "Psicologia",
|
||||
"slug": "psicologia",
|
||||
"icon": "🧠",
|
||||
"seoKeywords": [
|
||||
"psicólogo",
|
||||
"terapia",
|
||||
"psicologia",
|
||||
"saúde mental",
|
||||
"consultório",
|
||||
"atendimento"
|
||||
],
|
||||
"description": "Psicólogos, terapeutas e profissionais de saúde mental",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6938"
|
||||
},
|
||||
"name": "Nutrição",
|
||||
"slug": "nutricao",
|
||||
"icon": "🥗",
|
||||
"seoKeywords": [
|
||||
"nutricionista",
|
||||
"dieta",
|
||||
"nutrição",
|
||||
"alimentação saudável",
|
||||
"consultoria nutricional",
|
||||
"emagrecimento"
|
||||
],
|
||||
"description": "Nutricionistas, consultores em alimentação e profissionais da nutrição",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6939"
|
||||
},
|
||||
"name": "Moda e Vestuário",
|
||||
"slug": "moda",
|
||||
"icon": "👗",
|
||||
"seoKeywords": [
|
||||
"moda",
|
||||
"vestuário",
|
||||
"roupas",
|
||||
"fashion",
|
||||
"estilista",
|
||||
"costureira"
|
||||
],
|
||||
"description": "Lojas de roupas, estilistas, costureiras e profissionais da moda",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb693a"
|
||||
},
|
||||
"name": "Fotografia",
|
||||
"slug": "fotografia",
|
||||
"icon": "📸",
|
||||
"seoKeywords": [
|
||||
"fotógrafo",
|
||||
"fotografia",
|
||||
"ensaio",
|
||||
"casamento",
|
||||
"eventos",
|
||||
"retratos"
|
||||
],
|
||||
"description": "Fotógrafos profissionais, estúdios fotográficos e serviços de fotografia",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb693b"
|
||||
},
|
||||
"name": "Marketing Digital",
|
||||
"slug": "marketing-digital",
|
||||
"icon": "📱",
|
||||
"seoKeywords": [
|
||||
"marketing digital",
|
||||
"social media",
|
||||
"publicidade",
|
||||
"SEO",
|
||||
"gestão de redes",
|
||||
"digital"
|
||||
],
|
||||
"description": "Agências de marketing digital, gestores de redes sociais e consultores digitais",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb693c"
|
||||
},
|
||||
"name": "Contabilidade",
|
||||
"slug": "contabilidade",
|
||||
"icon": "📊",
|
||||
"seoKeywords": [
|
||||
"contador",
|
||||
"contabilidade",
|
||||
"fiscal",
|
||||
"imposto de renda",
|
||||
"MEI",
|
||||
"consultoria contábil"
|
||||
],
|
||||
"description": "Contadores, escritórios contábeis e consultoria fiscal",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb693d"
|
||||
},
|
||||
"name": "Design",
|
||||
"slug": "design",
|
||||
"icon": "🎨",
|
||||
"seoKeywords": [
|
||||
"designer",
|
||||
"design gráfico",
|
||||
"identidade visual",
|
||||
"logo",
|
||||
"criativo",
|
||||
"branding"
|
||||
],
|
||||
"description": "Designers gráficos, criativos e profissionais de identidade visual",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb693e"
|
||||
},
|
||||
"name": "Consultoria",
|
||||
"slug": "consultoria",
|
||||
"icon": "🤝",
|
||||
"seoKeywords": [
|
||||
"consultor",
|
||||
"consultoria",
|
||||
"assessoria",
|
||||
"especialista",
|
||||
"negócios",
|
||||
"estratégia"
|
||||
],
|
||||
"description": "Consultores especializados, assessoria empresarial e serviços de consultoria",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb693f"
|
||||
},
|
||||
"name": "Pets",
|
||||
"slug": "pets",
|
||||
"icon": "🐕",
|
||||
"seoKeywords": [
|
||||
"veterinário",
|
||||
"pet shop",
|
||||
"animais",
|
||||
"cuidados",
|
||||
"petshop",
|
||||
"adestramento"
|
||||
],
|
||||
"description": "Veterinários, pet shops, adestradores e serviços para animais",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6940"
|
||||
},
|
||||
"name": "Casa e Jardim",
|
||||
"slug": "casa-jardim",
|
||||
"icon": "🏡",
|
||||
"seoKeywords": [
|
||||
"paisagismo",
|
||||
"jardinagem",
|
||||
"decoração",
|
||||
"casa",
|
||||
"jardim",
|
||||
"plantas"
|
||||
],
|
||||
"description": "Paisagistas, jardineiros, decoradores e serviços para casa e jardim",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6941"
|
||||
},
|
||||
"name": "Automóveis",
|
||||
"slug": "automoveis",
|
||||
"icon": "🚗",
|
||||
"seoKeywords": [
|
||||
"mecânico",
|
||||
"automóveis",
|
||||
"carros",
|
||||
"oficina",
|
||||
"manutenção",
|
||||
"peças"
|
||||
],
|
||||
"description": "Mecânicos, oficinas, lojas de peças e serviços automotivos",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6942"
|
||||
},
|
||||
"name": "Turismo",
|
||||
"slug": "turismo",
|
||||
"icon": "✈️",
|
||||
"seoKeywords": [
|
||||
"turismo",
|
||||
"viagem",
|
||||
"agência",
|
||||
"guia turístico",
|
||||
"passeios",
|
||||
"hospedagem"
|
||||
],
|
||||
"description": "Agências de turismo, guias, pousadas e prestadores de serviços turísticos",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6943"
|
||||
},
|
||||
"name": "Música",
|
||||
"slug": "musica",
|
||||
"icon": "🎵",
|
||||
"seoKeywords": [
|
||||
"músico",
|
||||
"professor de música",
|
||||
"instrumentos",
|
||||
"aulas",
|
||||
"banda",
|
||||
"eventos musicais"
|
||||
],
|
||||
"description": "Músicos, professores de música, bandas e profissionais do entretenimento",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6944"
|
||||
},
|
||||
"name": "Idiomas",
|
||||
"slug": "idiomas",
|
||||
"icon": "🗣️",
|
||||
"seoKeywords": [
|
||||
"professor de idiomas",
|
||||
"inglês",
|
||||
"espanhol",
|
||||
"tradutor",
|
||||
"aulas particulares",
|
||||
"curso de idiomas"
|
||||
],
|
||||
"description": "Professores de idiomas, tradutores e escolas de línguas",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6945"
|
||||
},
|
||||
"name": "Limpeza",
|
||||
"slug": "limpeza",
|
||||
"icon": "🧽",
|
||||
"seoKeywords": [
|
||||
"limpeza",
|
||||
"faxina",
|
||||
"diarista",
|
||||
"higienização",
|
||||
"empresa de limpeza",
|
||||
"doméstica"
|
||||
],
|
||||
"description": "Empresas de limpeza, diaristas e serviços de higienização",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6946"
|
||||
},
|
||||
"name": "Segurança",
|
||||
"slug": "seguranca",
|
||||
"icon": "🛡️",
|
||||
"seoKeywords": [
|
||||
"segurança",
|
||||
"vigilante",
|
||||
"porteiro",
|
||||
"alarmes",
|
||||
"monitoramento",
|
||||
"proteção"
|
||||
],
|
||||
"description": "Empresas de segurança, vigilantes e serviços de proteção",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6947"
|
||||
},
|
||||
"name": "Eventos",
|
||||
"slug": "eventos",
|
||||
"icon": "🎉",
|
||||
"seoKeywords": [
|
||||
"eventos",
|
||||
"festa",
|
||||
"casamento",
|
||||
"buffet",
|
||||
"decoração de festas",
|
||||
"cerimonial"
|
||||
],
|
||||
"description": "Organizadores de eventos, buffets, decoração e cerimonial",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6948"
|
||||
},
|
||||
"name": "Transporte",
|
||||
"slug": "transporte",
|
||||
"icon": "🚐",
|
||||
"seoKeywords": [
|
||||
"transporte",
|
||||
"frete",
|
||||
"mudança",
|
||||
"delivery",
|
||||
"motorista",
|
||||
"logística"
|
||||
],
|
||||
"description": "Empresas de transporte, fretes, mudanças e serviços de entrega",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6949"
|
||||
},
|
||||
"name": "Construção",
|
||||
"slug": "construcao",
|
||||
"icon": "🔨",
|
||||
"seoKeywords": [
|
||||
"construção",
|
||||
"pedreiro",
|
||||
"pintor",
|
||||
"eletricista",
|
||||
"encanador",
|
||||
"reforma"
|
||||
],
|
||||
"description": "Profissionais da construção civil, reformas e manutenção predial",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb694a"
|
||||
},
|
||||
"name": "Joias e Acessórios",
|
||||
"slug": "joias",
|
||||
"icon": "💎",
|
||||
"seoKeywords": [
|
||||
"joias",
|
||||
"bijuterias",
|
||||
"acessórios",
|
||||
"ourives",
|
||||
"relógios",
|
||||
"semijoias"
|
||||
],
|
||||
"description": "Joalherias, bijuterias, ourives e lojas de acessórios",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb694b"
|
||||
},
|
||||
"name": "Odontologia",
|
||||
"slug": "odontologia",
|
||||
"icon": "🦷",
|
||||
"seoKeywords": [
|
||||
"dentista",
|
||||
"odontologia",
|
||||
"clínica dentária",
|
||||
"ortodontia",
|
||||
"implante",
|
||||
"oral"
|
||||
],
|
||||
"description": "Dentistas, clínicas odontológicas e profissionais da área bucal",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb694c"
|
||||
},
|
||||
"name": "Fisioterapia",
|
||||
"slug": "fisioterapia",
|
||||
"icon": "🏥",
|
||||
"seoKeywords": [
|
||||
"fisioterapeuta",
|
||||
"fisioterapia",
|
||||
"reabilitação",
|
||||
"RPG",
|
||||
"massagem",
|
||||
"terapia"
|
||||
],
|
||||
"description": "Fisioterapeutas, clínicas de reabilitação e terapias corporais",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb694d"
|
||||
},
|
||||
"name": "Livraria",
|
||||
"slug": "livraria",
|
||||
"icon": "📚",
|
||||
"seoKeywords": [
|
||||
"livraria",
|
||||
"livros",
|
||||
"sebo",
|
||||
"literatura",
|
||||
"editora",
|
||||
"publicação"
|
||||
],
|
||||
"description": "Livrarias, sebos, editoras e comércio de livros e publicações",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb694e"
|
||||
},
|
||||
"name": "Floricultura",
|
||||
"slug": "floricultura",
|
||||
"icon": "🌸",
|
||||
"seoKeywords": [
|
||||
"floricultura",
|
||||
"flores",
|
||||
"buquê",
|
||||
"plantas",
|
||||
"arranjos",
|
||||
"casamento"
|
||||
],
|
||||
"description": "Floriculturas, arranjos florais e comércio de plantas ornamentais",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb694f"
|
||||
},
|
||||
"name": "Farmácia",
|
||||
"slug": "farmacia",
|
||||
"icon": "💊",
|
||||
"seoKeywords": [
|
||||
"farmácia",
|
||||
"farmacêutico",
|
||||
"medicamentos",
|
||||
"drogaria",
|
||||
"manipulação",
|
||||
"remédios"
|
||||
],
|
||||
"description": "Farmácias, drogarias e farmacêuticos especializados",
|
||||
"isActive": true
|
||||
},
|
||||
{
|
||||
"_id": {
|
||||
"$oid": "68c1bd62b1e9f4be8ecb6950"
|
||||
},
|
||||
"name": "Delivery",
|
||||
"slug": "delivery",
|
||||
"icon": "🛵",
|
||||
"seoKeywords": [
|
||||
"delivery",
|
||||
"entrega",
|
||||
"motoboy",
|
||||
"comida",
|
||||
"aplicativo",
|
||||
"rápido"
|
||||
],
|
||||
"description": "Serviços de delivery, entregadores e aplicativos de entrega",
|
||||
"isActive": true
|
||||
}]
|
||||
@ -1,394 +0,0 @@
|
||||
---
|
||||
title: "BCards vs LinkTree: A Alternativa Brasileira para Profissionais"
|
||||
description: "Descubra por que o BCards é a melhor alternativa brasileira ao LinkTree para profissionais e empresas. Comparação completa de recursos, preços e diferenciais."
|
||||
keywords: "linktree, link tree, alternativa ao linktree, melhor que linktree, bcards, cartão digital, bio links, página de links, linktree brasil, linktree brasileiro"
|
||||
author: "BCards"
|
||||
date: 2025-11-02
|
||||
lastmod: 2025-11-02
|
||||
image: "/images/artigos/bcards-vs-linktree-hero.jpg"
|
||||
---
|
||||
|
||||
# BCards vs LinkTree: A Alternativa Brasileira para Profissionais
|
||||
|
||||
Se você está procurando uma alternativa ao LinkTree, você chegou ao lugar certo. O BCards é uma solução brasileira desenvolvida especificamente para profissionais e empresas que querem uma presença digital profissional sem depender de plataformas internacionais.
|
||||
|
||||
## O Que São Páginas de Bio Links?
|
||||
|
||||
Antes de compararmos, vamos entender o conceito. Ferramentas como LinkTree e BCards são páginas de "bio links" - uma única URL que centraliza todos os seus links importantes:
|
||||
|
||||
- Redes sociais (Instagram, LinkedIn, Facebook)
|
||||
- WhatsApp para contato direto
|
||||
- Site ou portfólio
|
||||
- Loja online ou produtos
|
||||
- Localização física
|
||||
- E muito mais
|
||||
|
||||
A ideia é simples: ao invés de ter apenas um link na bio do Instagram, você tem uma página com todos os seus links organizados.
|
||||
|
||||
## Por Que Escolher uma Alternativa Brasileira ao LinkTree?
|
||||
|
||||
### 🇧🇷 1. Suporte em Português (de Verdade)
|
||||
|
||||
**LinkTree:**
|
||||
- Suporte majoritariamente em inglês
|
||||
- Fuso horário dos EUA
|
||||
- Documentação traduzida automaticamente
|
||||
|
||||
**BCards:**
|
||||
- Suporte 100% em português
|
||||
- Atendimento no horário comercial brasileiro
|
||||
- Documentação escrita para o mercado brasileiro
|
||||
- Entendimento de necessidades locais
|
||||
|
||||
### 💰 2. Preços em Real (Sem Surpresas)
|
||||
|
||||
**LinkTree:**
|
||||
- Preços em dólar (USD)
|
||||
- Sujeito a variação cambial
|
||||
- IOF em pagamentos internacionais (6.38%)
|
||||
- Preço final imprevisível
|
||||
|
||||
**BCards:**
|
||||
- Preços fixos em Real (R$)
|
||||
- Sem variação cambial
|
||||
- Sem taxas de IOF
|
||||
- Pagamento via Pix, cartão brasileiro
|
||||
|
||||
**Exemplo Real:**
|
||||
- LinkTree Pro: $9 USD/mês ≈ R$ 45-50 (variável)
|
||||
- BCards Básico: R$ 12,90/mês (fixo)
|
||||
|
||||
### 🎯 3. URLs Profissionais e Semânticas
|
||||
|
||||
**LinkTree:**
|
||||
```
|
||||
linktr.ee/seunome
|
||||
```
|
||||
- Domínio genérico
|
||||
- Não transmite profissionalismo
|
||||
- Óbvio que é uma ferramenta de terceiros
|
||||
|
||||
**BCards:**
|
||||
```
|
||||
bcards.site/page/tecnologia/seunome
|
||||
bcards.site/page/advocacia/drjoao
|
||||
bcards.site/page/saude/drmaria
|
||||
```
|
||||
- URLs categorizadas por profissão
|
||||
- SEO otimizado com categoria
|
||||
- Aparência mais profissional
|
||||
|
||||
## Comparação Técnica: LinkTree vs BCards
|
||||
|
||||
### Recursos Disponíveis
|
||||
|
||||
| Recurso | LinkTree Free | LinkTree Pro ($9/mês) | BCards Grátis | BCards Básico (R$ 12,90/mês) |
|
||||
|---------|---------------|----------------------|---------------|----------------------------|
|
||||
| **Número de Links** | Ilimitado | Ilimitado | 5 | 15 |
|
||||
| **Temas** | Básicos | Avançados | Básicos | Todos |
|
||||
| **Analytics** | Básico | Detalhado | Básico | Detalhado |
|
||||
| **Remover Logo** | ❌ | ✅ | ✅ (Grátis!) | ✅ |
|
||||
| **URLs Customizáveis** | Limitado | ✅ | ✅ | ✅ |
|
||||
| **Suporte em Português** | ❌ | ❌ | ✅ | ✅ |
|
||||
| **Pagamento em Real** | ❌ | ❌ | ✅ | ✅ |
|
||||
| **Categorização por Profissão** | ❌ | ❌ | ✅ | ✅ |
|
||||
| **Moderação Humana** | ❌ | ❌ | ✅ | ✅ |
|
||||
|
||||
### Diferenciais Técnicos do BCards
|
||||
|
||||
#### 1. Sistema de Categorias Profissionais
|
||||
|
||||
O BCards organiza perfis por categoria profissional, o que oferece vantagens:
|
||||
|
||||
**SEO:**
|
||||
- Google indexa melhor URLs categorizadas
|
||||
- Buscar "advogado + cidade" pode trazer seu BCard
|
||||
- Autoridade topical (especialização por nicho)
|
||||
|
||||
**Profissionalismo:**
|
||||
- URL mostra sua área de atuação
|
||||
- Facilita encontrar profissionais similares
|
||||
- Networking dentro da categoria
|
||||
|
||||
**Exemplos:**
|
||||
```
|
||||
bcards.site/page/advocacia/dr-pedro-silva
|
||||
bcards.site/page/tecnologia/joao-dev
|
||||
bcards.site/page/saude/dra-ana-cardiologia
|
||||
bcards.site/page/beleza/salao-mariana
|
||||
```
|
||||
|
||||
#### 2. Moderação Humana (Sem Conteúdo Inapropriado)
|
||||
|
||||
**LinkTree:**
|
||||
- Moderação automática (quando há)
|
||||
- Permite conteúdo adulto em alguns planos
|
||||
- Risco de associação com perfis inadequados
|
||||
|
||||
**BCards:**
|
||||
- Moderação humana de todos os perfis
|
||||
- Políticas claras de conteúdo profissional
|
||||
- Ambiente seguro para profissionais sérios
|
||||
- Rejeição de conteúdo inapropriado
|
||||
|
||||
**Por que isso importa?**
|
||||
- Sua marca não fica ao lado de conteúdo duvidoso
|
||||
- Transmite profissionalismo
|
||||
- Ideal para advogados, médicos, contadores, etc.
|
||||
|
||||
#### 3. Integração com Mercado Brasileiro
|
||||
|
||||
**LinkTree:**
|
||||
- Links para Venmo, CashApp (EUA)
|
||||
- Integração com plataformas americanas
|
||||
- Checkout Shopify (internacional)
|
||||
|
||||
**BCards:**
|
||||
- Foco em WhatsApp Business (essencial no Brasil)
|
||||
- Integração futura com Pix
|
||||
- Mercado Livre, Mercado Pago, PagSeguro
|
||||
- Google Maps para localização (crucial para negócios locais)
|
||||
|
||||
## Casos de Uso: Quando BCards é Melhor?
|
||||
|
||||
### ✅ Ideal para BCards:
|
||||
|
||||
1. **Advogados e Profissionais Liberais**
|
||||
- URL profissional com categoria
|
||||
- Moderação garante ambiente sério
|
||||
- Preço acessível em Real
|
||||
|
||||
2. **Pequenos Negócios Locais**
|
||||
- Integração com Google Maps
|
||||
- WhatsApp Business como principal contato
|
||||
- Preços em moeda local
|
||||
|
||||
3. **Profissionais de Saúde**
|
||||
- Ambiente moderado e profissional
|
||||
- Links para agendamento local
|
||||
- Conformidade com políticas do CFM
|
||||
|
||||
4. **Prestadores de Serviços**
|
||||
- Categorização por área
|
||||
- Fácil de compartilhar localmente
|
||||
- Suporte em português
|
||||
|
||||
### 🤔 Quando Considerar LinkTree:
|
||||
|
||||
1. **Influenciadores Internacionais**
|
||||
- Audiência global
|
||||
- Receita em dólar
|
||||
- Integrações com plataformas americanas
|
||||
|
||||
2. **E-commerce Internacional**
|
||||
- Vendas para fora do Brasil
|
||||
- Shopify, Amazon global
|
||||
- Múltiplas moedas
|
||||
|
||||
## Recursos Exclusivos do BCards
|
||||
|
||||
### 1. Links de Produtos com Preview Automático
|
||||
|
||||
Adicione links de produtos e o BCards captura automaticamente:
|
||||
- Imagem do produto
|
||||
- Preço
|
||||
- Descrição
|
||||
- Botão direto para compra
|
||||
|
||||
**Suportado:**
|
||||
- Mercado Livre
|
||||
- Shopee
|
||||
- Amazon Brasil
|
||||
- Lojas com Open Graph
|
||||
|
||||
### 2. Sistema de Preview para Moderação
|
||||
|
||||
Antes de seu perfil ficar público:
|
||||
- Revisão humana do conteúdo
|
||||
- Feedback se algo precisa ser ajustado
|
||||
- Link de preview para você testar
|
||||
- Aprovação rápida (geralmente em 24h)
|
||||
|
||||
### 3. Analytics Focado no Mercado Brasileiro
|
||||
|
||||
**Métricas relevantes:**
|
||||
- Cliques por link
|
||||
- Horários de maior acesso (fuso brasileiro)
|
||||
- Origem do tráfego (Instagram, WhatsApp, etc.)
|
||||
- Dispositivos (maioria mobile no Brasil)
|
||||
|
||||
## Preços Comparados (Detalhado)
|
||||
|
||||
### LinkTree
|
||||
|
||||
**Free:**
|
||||
- Links ilimitados
|
||||
- Temas básicos
|
||||
- Analytics limitado
|
||||
- Logo LinkTree presente
|
||||
|
||||
**Pro ($9 USD/mês ≈ R$ 45-50):**
|
||||
- Temas premium
|
||||
- Analytics avançado
|
||||
- Remove logo
|
||||
- Links prioritários
|
||||
- **Problema:** Preço varia com dólar + IOF
|
||||
|
||||
**Premium ($24 USD/mês ≈ R$ 120-135):**
|
||||
- Tudo do Pro
|
||||
- Integrações avançadas
|
||||
- Suporte prioritário
|
||||
|
||||
### BCards
|
||||
|
||||
**Gratuito:**
|
||||
- 5 links
|
||||
- Temas básicos
|
||||
- Analytics básico
|
||||
- **Sem logo BCards** (diferencial!)
|
||||
|
||||
**Básico (R$ 12,90/mês fixo):**
|
||||
- 15 links
|
||||
- Todos os temas
|
||||
- Analytics detalhado
|
||||
- Suporte em português
|
||||
|
||||
**Premium (R$ 29,90/mês fixo):**
|
||||
- Links ilimitados
|
||||
- Temas personalizados
|
||||
- Logo personalizado
|
||||
- Cores customizadas
|
||||
- Suporte prioritário
|
||||
- Upload de PDFs (até 5 arquivos)
|
||||
|
||||
**Economia Real:**
|
||||
- LinkTree Pro anual: ~$108 + IOF = ~R$ 540-600
|
||||
- BCards Básico anual: R$ 118,80
|
||||
- **Economia: ~R$ 420/ano**
|
||||
|
||||
## Migração do LinkTree para BCards
|
||||
|
||||
### É Fácil Migrar?
|
||||
|
||||
**Sim! Processo simples:**
|
||||
|
||||
1. **Crie sua conta BCards** (2 minutos)
|
||||
2. **Copie seus links do LinkTree** (5 minutos)
|
||||
3. **Cole no BCards** (5 minutos)
|
||||
4. **Ajuste tema e cores** (5 minutos)
|
||||
5. **Atualize bio das redes sociais** (2 minutos)
|
||||
|
||||
**Total: ~20 minutos**
|
||||
|
||||
### Posso Testar Antes de Migrar?
|
||||
|
||||
Sim! O plano gratuito do BCards permite:
|
||||
- Criar perfil completo
|
||||
- Testar 5 links principais
|
||||
- Ver como funciona
|
||||
- Decidir se vale a pena
|
||||
|
||||
**Sem risco:**
|
||||
- Não precisa cancelar LinkTree antes
|
||||
- Teste paralelamente
|
||||
- Migre quando se sentir confortável
|
||||
|
||||
## Perguntas Frequentes: BCards vs LinkTree
|
||||
|
||||
### O BCards funciona com Instagram, TikTok, YouTube?
|
||||
|
||||
Sim! Funciona com qualquer rede social que permite um link na bio:
|
||||
- Instagram ✅
|
||||
- TikTok ✅
|
||||
- YouTube ✅
|
||||
- LinkedIn ✅
|
||||
- Facebook ✅
|
||||
- Twitter/X ✅
|
||||
|
||||
### Posso usar domínio próprio?
|
||||
|
||||
**LinkTree:** Apenas em planos premium ($24/mês)
|
||||
**BCards:** Em desenvolvimento (plano Premium futuro)
|
||||
|
||||
Atualmente: `bcards.site/page/categoria/seunome`
|
||||
|
||||
### E se eu já tenho linktr.ee nas minhas mídias impressas?
|
||||
|
||||
Você pode:
|
||||
1. Manter LinkTree redirecionando para BCards temporariamente
|
||||
2. Atualizar gradualmente materiais impressos
|
||||
3. Usar QR Code do BCards (gera automaticamente)
|
||||
|
||||
### O BCards tem app mobile?
|
||||
|
||||
Não é necessário! É 100% web:
|
||||
- Funciona perfeitamente no mobile
|
||||
- Não ocupa espaço no celular
|
||||
- Atualiza instantaneamente
|
||||
- Sem necessidade de instalar nada
|
||||
|
||||
### Posso cancelar a qualquer momento?
|
||||
|
||||
Sim! Sem fidelidade:
|
||||
- Cancele quando quiser
|
||||
- Sem multa
|
||||
- Sem burocracia
|
||||
- Dados não são deletados (voltam ao plano grátis)
|
||||
|
||||
## Conclusão: Vale a Pena Trocar?
|
||||
|
||||
### ✅ Vale a pena trocar do LinkTree para BCards se:
|
||||
|
||||
- Você é profissional ou empresa brasileira
|
||||
- Quer economia real (3-5x mais barato)
|
||||
- Prefere suporte em português
|
||||
- Busca URL mais profissional
|
||||
- Quer ambiente moderado e sério
|
||||
- Precisa de pagamento em Real sem surpresas
|
||||
|
||||
### 🤔 Talvez LinkTree seja melhor se:
|
||||
|
||||
- Sua audiência é majoritariamente internacional
|
||||
- Você vende em dólar
|
||||
- Precisa integrações específicas americanas
|
||||
- Já tem grande investimento na marca "linktr.ee"
|
||||
|
||||
## Comece Agora
|
||||
|
||||
### Teste Gratuitamente
|
||||
|
||||
Não precisa acreditar na nossa palavra. Teste você mesmo:
|
||||
|
||||
1. **Crie conta grátis** (sem cartão de crédito)
|
||||
2. **Configure seus 5 links principais**
|
||||
3. **Escolha um tema profissional**
|
||||
4. **Compartilhe e veja os resultados**
|
||||
|
||||
Se gostar, faça upgrade para ter mais links. Se não gostar, não paga nada.
|
||||
|
||||
**Pronto para dar o próximo passo?** [Criar meu BCard grátis](https://bcards.site)
|
||||
|
||||
---
|
||||
|
||||
## Comparação Rápida (TL;DR)
|
||||
|
||||
| Aspecto | LinkTree | BCards |
|
||||
|---------|----------|--------|
|
||||
| **Preço (plano básico)** | ~R$ 45-50/mês (varia) | R$ 12,90/mês (fixo) |
|
||||
| **Suporte** | Inglês | Português |
|
||||
| **Pagamento** | Dólar + IOF | Real (Pix/Cartão BR) |
|
||||
| **URL** | linktr.ee/nome | bcards.site/categoria/nome |
|
||||
| **Moderação** | Automática | Humana |
|
||||
| **Foco** | Global | Brasil |
|
||||
| **Remover logo (grátis)** | ❌ | ✅ |
|
||||
|
||||
**Economia anual:** ~R$ 420 escolhendo BCards
|
||||
|
||||
---
|
||||
|
||||
## Recursos Adicionais
|
||||
|
||||
- [Tutorial: Como Criar um BCard](/tutoriais/tecnologia/como-criar-um-bcard)
|
||||
- [BCards para Advogados](/tutoriais/advocacia/como-advogados-podem-usar-bcards)
|
||||
- [Transformação Digital](/artigos/transformacao-digital-pequenos-negocios)
|
||||
- [Fale com nosso suporte](/support)
|
||||
@ -1,208 +0,0 @@
|
||||
---
|
||||
title: "Transformação Digital para Pequenos Negócios: Por Onde Começar?"
|
||||
description: "Descubra como a transformação digital pode revolucionar seu pequeno negócio e quais são os primeiros passos para entrar no mundo digital"
|
||||
keywords: "transformação digital, pequenos negócios, digitalização, empreendedorismo, tecnologia"
|
||||
author: "BCards"
|
||||
date: 2025-11-02
|
||||
lastmod: 2025-11-02
|
||||
image: "/images/artigos/transformacao-digital-hero.jpg"
|
||||
---
|
||||
|
||||
# Transformação Digital para Pequenos Negócios: Por Onde Começar?
|
||||
|
||||
A transformação digital não é mais uma opção, mas uma necessidade para pequenos negócios que querem se manter competitivos. Mas o que exatamente significa "transformação digital" e como um pequeno negócio pode embarcar nessa jornada sem gastar fortunas?
|
||||
|
||||
## O Que É Transformação Digital?
|
||||
|
||||
Transformação digital é o processo de usar tecnologias digitais para criar novos processos de negócio, cultura e experiências do cliente — ou modificar os existentes — para atender às mudanças nas demandas do mercado.
|
||||
|
||||
Para pequenos negócios, isso pode ser tão simples quanto:
|
||||
- Ter uma presença online profissional
|
||||
- Aceitar pagamentos digitais
|
||||
- Usar redes sociais para marketing
|
||||
- Digitalizar processos internos
|
||||
- Oferecer atendimento online
|
||||
|
||||
## Por Que Pequenos Negócios Precisam Se Digitalizar?
|
||||
|
||||
### 1. Alcance Maior
|
||||
|
||||
Com presença digital, você não está mais limitado à sua localização física. Clientes de qualquer lugar podem encontrar e conhecer seu negócio.
|
||||
|
||||
### 2. Custos Menores
|
||||
|
||||
Marketing digital é significativamente mais barato que publicidade tradicional. Uma campanha no Instagram pode custar centenas de vezes menos que um anúncio em jornal.
|
||||
|
||||
### 3. Competitividade
|
||||
|
||||
Seus concorrentes já estão online. Não estar presente digitalmente significa perder clientes para quem está.
|
||||
|
||||
### 4. Conveniência para o Cliente
|
||||
|
||||
Clientes modernos esperam poder:
|
||||
- Encontrar informações online
|
||||
- Fazer pedidos pelo WhatsApp
|
||||
- Pagar com Pix ou cartão
|
||||
- Ver avaliações de outros clientes
|
||||
|
||||
## Os 5 Primeiros Passos da Transformação Digital
|
||||
|
||||
### 1. Crie uma Presença Digital Básica
|
||||
|
||||
Você não precisa de um site complexo. Comece com:
|
||||
|
||||
**Mínimo Necessário:**
|
||||
- Uma página de links profissional (como o BCards)
|
||||
- Perfil no Instagram ou Facebook
|
||||
- WhatsApp Business configurado
|
||||
|
||||
**Por que isso funciona:**
|
||||
- É gratuito ou muito barato
|
||||
- Pode ser feito em 1 dia
|
||||
- Já coloca você no mapa digital
|
||||
|
||||
### 2. Organize Seus Contatos Digitais
|
||||
|
||||
Centralize todos os seus pontos de contato:
|
||||
- WhatsApp para pedidos
|
||||
- Instagram para divulgação
|
||||
- Email para orçamentos
|
||||
- Link para catálogo de produtos
|
||||
|
||||
**Solução simples:** Use um cartão digital (BCard) que concentra todos esses links em um só lugar. Assim, você compartilha um único link e o cliente escolhe como prefere contatar você.
|
||||
|
||||
### 3. Aceite Pagamentos Digitais
|
||||
|
||||
Configure:
|
||||
- Pix (essencial!)
|
||||
- Maquininha de cartão
|
||||
- Link de pagamento (Mercado Pago, PagSeguro)
|
||||
|
||||
**Resultado:** Você não perde vendas porque "o cliente não tem dinheiro trocado".
|
||||
|
||||
### 4. Use as Redes Sociais Estrategicamente
|
||||
|
||||
Não precisa estar em todas. Escolha UMA ou DUAS e faça bem:
|
||||
|
||||
**Para produtos físicos:** Instagram + Facebook
|
||||
**Para serviços profissionais:** LinkedIn + Instagram
|
||||
**Para comércio local:** Facebook + Google Meu Negócio
|
||||
|
||||
**Dica de ouro:** Poste regularmente (mesmo que seja 2-3x por semana). Consistência > Quantidade.
|
||||
|
||||
### 5. Peça Avaliações e Depoimentos
|
||||
|
||||
Clientes satisfeitos são seu melhor marketing. Peça:
|
||||
- Avaliações no Google
|
||||
- Comentários no Instagram
|
||||
- Depoimentos em vídeo (WhatsApp)
|
||||
|
||||
**Como pedir:** "Se você ficou satisfeito com nosso serviço, pode deixar uma avaliação no Google? Isso nos ajuda muito!"
|
||||
|
||||
## Ferramentas Essenciais (e Baratas!)
|
||||
|
||||
### Gratuitas
|
||||
- **Google Meu Negócio** - Apareça no Google Maps
|
||||
- **WhatsApp Business** - Atendimento profissional
|
||||
- **Canva** - Design de posts e materiais
|
||||
- **BCards** - Página de links profissional (plano grátis disponível)
|
||||
|
||||
### Investimento Baixo (menos de R$ 50/mês)
|
||||
- **Instagram Ads** - Impulsione suas publicações
|
||||
- **Hotmart/Eduzz** - Venda produtos digitais
|
||||
- **Mercado Pago** - Links de pagamento
|
||||
- **BCards Premium** - Cartão digital profissional completo
|
||||
|
||||
## Erros Comuns a Evitar
|
||||
|
||||
### ❌ Erro 1: Querer Fazer Tudo de Uma Vez
|
||||
|
||||
Não tente criar site, app, loja virtual e estar em todas as redes sociais simultaneamente. Comece pequeno e expanda gradualmente.
|
||||
|
||||
### ❌ Erro 2: Comprar Ferramentas Caras Demais
|
||||
|
||||
Você não precisa de um site de R$ 10.000 quando está começando. Use ferramentas simples primeiro e evolua conforme cresce.
|
||||
|
||||
### ❌ Erro 3: Não Ter um Ponto Central
|
||||
|
||||
Ter Instagram, Facebook, WhatsApp é ótimo. Mas onde você manda as pessoas? Tenha UM lugar que centraliza tudo (um BCard, por exemplo).
|
||||
|
||||
### ❌ Erro 4: Não Medir Resultados
|
||||
|
||||
Use as ferramentas gratuitas de analytics:
|
||||
- Instagram Insights
|
||||
- Google Analytics
|
||||
- Relatórios do WhatsApp Business
|
||||
|
||||
## Casos de Sucesso Inspiradores
|
||||
|
||||
### Padaria da Dona Maria
|
||||
|
||||
**Antes:** Apenas loja física, dependia de clientes que passavam na frente
|
||||
**Depois:**
|
||||
- BCard com cardápio e WhatsApp
|
||||
- QR Code nas embalagens
|
||||
- Pedidos pelo WhatsApp aumentaram 60%
|
||||
- Clientes de bairros vizinhos começaram a pedir
|
||||
|
||||
### Consultório do Dr. Pedro (Dentista)
|
||||
|
||||
**Antes:** Agendamentos apenas por telefone em horário comercial
|
||||
**Depois:**
|
||||
- Sistema de agendamento online
|
||||
- BCard com links para WhatsApp, Google Maps e Instagram
|
||||
- Reduziu trabalho da secretária em 40%
|
||||
- Mais agendamentos fora do horário comercial
|
||||
|
||||
### Loja de Roupas da Ana
|
||||
|
||||
**Antes:** Vendas apenas presenciais
|
||||
**Depois:**
|
||||
- Catálogo no Instagram
|
||||
- BCard com link para catálogo completo
|
||||
- WhatsApp Business para pedidos
|
||||
- Vendas online representam 35% do faturamento
|
||||
|
||||
## Próximos Passos Para Seu Negócio
|
||||
|
||||
### Semana 1: Organização
|
||||
- Liste todos os seus pontos de contato atuais
|
||||
- Crie um BCard com todos os links
|
||||
- Configure WhatsApp Business
|
||||
|
||||
### Semana 2: Presença Online
|
||||
- Atualize perfis de redes sociais
|
||||
- Adicione o BCard na bio
|
||||
- Tire fotos profissionais dos produtos/serviços
|
||||
|
||||
### Semana 3: Divulgação
|
||||
- Crie QR Code do seu BCard
|
||||
- Coloque em materiais impressos
|
||||
- Peça avaliações de clientes fiéis
|
||||
|
||||
### Semana 4: Otimização
|
||||
- Analise o que funcionou
|
||||
- Ajuste e melhore
|
||||
- Planeje próximos passos
|
||||
|
||||
## Conclusão
|
||||
|
||||
A transformação digital para pequenos negócios não precisa ser cara ou complicada. Comece com o básico:
|
||||
|
||||
1. Presença online simples (BCard + redes sociais)
|
||||
2. Facilite o contato (WhatsApp Business)
|
||||
3. Aceite pagamentos digitais (Pix + cartão)
|
||||
4. Peça avaliações de clientes
|
||||
5. Evolua gradualmente
|
||||
|
||||
O importante é começar. Cada pequeno passo digital que você dá coloca seu negócio à frente dos concorrentes que ainda não se moveram.
|
||||
|
||||
**Pronto para dar o primeiro passo?** [Crie seu BCard profissional grátis](https://bcards.site) e comece sua transformação digital hoje!
|
||||
|
||||
---
|
||||
|
||||
## Recursos Adicionais
|
||||
|
||||
- [Tutorial: Como Criar um BCard](/tutoriais/tecnologia/como-criar-um-bcard)
|
||||
- [BCards para Advogados](/tutoriais/advocacia/como-advogados-podem-usar-bcards)
|
||||
- [Fale com nosso suporte](/support)
|
||||
@ -1,197 +0,0 @@
|
||||
---
|
||||
title: "BCards para Advogados: Guia Completo"
|
||||
description: "Descubra como advogados podem usar o BCards para fortalecer sua presença digital, atrair mais clientes e organizar todos os seus contatos profissionais"
|
||||
keywords: "advogado, advocacia, cartão digital, marketing jurídico, presença online, bcards"
|
||||
author: "BCards"
|
||||
date: 2025-11-02
|
||||
lastmod: 2025-11-02
|
||||
image: "/images/tutoriais/advocacia/advogados-bcards-hero.jpg"
|
||||
category: "advocacia"
|
||||
---
|
||||
|
||||
# BCards para Advogados: Guia Completo
|
||||
|
||||
Na era digital, ter uma presença online profissional é essencial para advogados que querem se destacar e atrair mais clientes. O BCards é a solução perfeita para centralizar todos os seus contatos e informações profissionais em um único lugar.
|
||||
|
||||
## Por que Advogados Precisam de um BCard?
|
||||
|
||||
### 1. Credibilidade Profissional
|
||||
|
||||
Um cartão digital transmite modernidade e profissionalismo. Seus clientes verão que você está atualizado com as tecnologias atuais.
|
||||
|
||||
### 2. Facilidade de Contato
|
||||
|
||||
Centralize todas as formas de contato em um único link:
|
||||
- WhatsApp para consultas rápidas
|
||||
- Email profissional
|
||||
- Telefone do escritório
|
||||
- Endereço com localização no mapa
|
||||
- Redes sociais profissionais (LinkedIn)
|
||||
|
||||
### 3. Marketing Jurídico Eficiente
|
||||
|
||||
Divulgue seus serviços de forma ética e profissional:
|
||||
- Link para artigos jurídicos que você escreve
|
||||
- Vídeos educativos no YouTube
|
||||
- Depoimentos de clientes satisfeitos
|
||||
- Áreas de atuação
|
||||
|
||||
## Como Configurar seu BCard Profissional
|
||||
|
||||
### Passo 1: Informações Essenciais
|
||||
|
||||
Inclua em seu perfil:
|
||||
|
||||
**Informações Básicas:**
|
||||
- Nome completo e OAB
|
||||
- Foto profissional (de terno/blazer)
|
||||
- Bio concisa e profissional
|
||||
- Áreas de especialização
|
||||
|
||||
**Exemplo de Bio:**
|
||||
> "Dr. João Silva - OAB/SP 123.456
|
||||
> Advogado especialista em Direito do Consumidor
|
||||
> Atuação em todo território nacional
|
||||
> Mais de 15 anos de experiência"
|
||||
|
||||
### Passo 2: Links Estratégicos
|
||||
|
||||
Organize seus links por ordem de importância:
|
||||
|
||||
1. **WhatsApp Business** - Para consultas rápidas
|
||||
2. **Agendar Consulta** - Link para sistema de agendamento
|
||||
3. **Áreas de Atuação** - Página explicando seus serviços
|
||||
4. **Blog Jurídico** - Artigos e conteúdo educativo
|
||||
5. **LinkedIn** - Networking profissional
|
||||
6. **Localização** - Google Maps do seu escritório
|
||||
|
||||
### Passo 3: Conteúdo Educativo
|
||||
|
||||
Advogados podem se destacar compartilhando conhecimento:
|
||||
|
||||
- Artigos sobre direitos do consumidor
|
||||
- Vídeos explicando processos jurídicos
|
||||
- FAQ com perguntas frequentes
|
||||
- Guias práticos para clientes
|
||||
|
||||
## Estratégias de Marketing para Advogados
|
||||
|
||||
### 1. Use no Cartão de Visitas
|
||||
|
||||
Adicione um QR Code do seu BCard no cartão de visitas físico. Assim, as pessoas podem salvar todos os seus contatos instantaneamente.
|
||||
|
||||
### 2. Assinatura de Email
|
||||
|
||||
Inclua o link do seu BCard na assinatura de todos os emails profissionais.
|
||||
|
||||
**Exemplo:**
|
||||
```
|
||||
Dr. João Silva
|
||||
Advogado - OAB/SP 123.456
|
||||
📱 Todos os meus contatos: bcards.site/page/advocacia/joao-silva
|
||||
```
|
||||
|
||||
### 3. Redes Sociais
|
||||
|
||||
- Instagram: coloque na bio
|
||||
- LinkedIn: adicione na seção "Sobre"
|
||||
- Facebook: fixe uma publicação com o link
|
||||
|
||||
### 4. Materiais Impressos
|
||||
|
||||
Adicione QR Codes em:
|
||||
- Folders informativos
|
||||
- Cartazes do escritório
|
||||
- Apresentações em palestras
|
||||
- Documentos entregues a clientes
|
||||
|
||||
## Links Recomendados para Advogados
|
||||
|
||||
### Essenciais
|
||||
- ✅ WhatsApp Business (atendimento)
|
||||
- ✅ Email profissional
|
||||
- ✅ Telefone do escritório
|
||||
- ✅ Localização (Google Maps)
|
||||
- ✅ LinkedIn
|
||||
|
||||
### Opcionais mas Recomendados
|
||||
- 📝 Blog jurídico
|
||||
- 📺 Canal no YouTube (vídeos educativos)
|
||||
- 📅 Sistema de agendamento online
|
||||
- 📄 Portfólio de casos (quando permitido)
|
||||
- 💬 Depoimentos de clientes
|
||||
- 📖 E-books e materiais gratuitos
|
||||
|
||||
## Ética e Boas Práticas
|
||||
|
||||
### O que Fazer ✅
|
||||
|
||||
- Mantenha uma apresentação sóbria e profissional
|
||||
- Use foto com traje formal
|
||||
- Divulgue conteúdo educativo
|
||||
- Informe número da OAB sempre
|
||||
- Seja transparente sobre áreas de atuação
|
||||
|
||||
### O que Evitar ❌
|
||||
|
||||
- Promessas de resultado garantido
|
||||
- Comparações com outros advogados
|
||||
- Preços divulgados publicamente (consulte a OAB)
|
||||
- Linguagem sensacionalista
|
||||
- Imagens inadequadas
|
||||
|
||||
## Casos de Uso Reais
|
||||
|
||||
### Caso 1: Dra. Maria - Direito de Família
|
||||
|
||||
A Dra. Maria aumentou suas consultas em 40% após criar seu BCard. Ela incluiu:
|
||||
- Link para agendar consulta online
|
||||
- Artigos sobre divórcio e pensão alimentícia
|
||||
- Depoimentos de clientes (com autorização)
|
||||
- WhatsApp exclusivo para novos casos
|
||||
|
||||
### Caso 2: Dr. Pedro - Direito Trabalhista
|
||||
|
||||
O Dr. Pedro usa seu BCard para:
|
||||
- Compartilhar guias sobre direitos trabalhistas
|
||||
- Vídeos curtos explicando rescisão, FGTS, etc.
|
||||
- Formulário para pré-avaliação de casos
|
||||
- Links para suas redes sociais educativas
|
||||
|
||||
## Planos Recomendados
|
||||
|
||||
### Para Advogados Iniciantes
|
||||
|
||||
**Plano Básico (R$ 12,90/mês)**
|
||||
- Até 15 links
|
||||
- Temas profissionais
|
||||
- Analytics para acompanhar acessos
|
||||
|
||||
### Para Escritórios Estabelecidos
|
||||
|
||||
**Plano Premium (R$ 29,90/mês)**
|
||||
- Links ilimitados
|
||||
- Logo do escritório
|
||||
- Cores personalizadas
|
||||
- Suporte prioritário
|
||||
- Upload de PDFs para contratos, petições e materiais exclusivos
|
||||
|
||||
## Conclusão
|
||||
|
||||
O BCards é uma ferramenta essencial para advogados modernos que querem:
|
||||
- Facilitar o contato com clientes
|
||||
- Apresentar-se de forma profissional
|
||||
- Centralizar todas as informações em um só lugar
|
||||
- Aumentar a captação de clientes
|
||||
|
||||
A melhor parte? É rápido de configurar e totalmente compatível com as regras da OAB para marketing jurídico.
|
||||
|
||||
**Pronto para modernizar sua presença digital?** [Crie seu BCard profissional agora!](https://bcards.site)
|
||||
|
||||
---
|
||||
|
||||
## Recursos Adicionais
|
||||
|
||||
- [Tutorial: Como Criar um BCard](/tutoriais/tecnologia/como-criar-um-bcard)
|
||||
- [Suporte BCards](/support)
|
||||
- [Políticas de Privacidade](/privacidade)
|
||||
@ -1,148 +0,0 @@
|
||||
---
|
||||
title: "Como Criar um BCard Profissional em 5 Minutos"
|
||||
description: "Aprenda passo a passo como criar seu cartão digital profissional com BCards e centralize todos os seus links em um único lugar"
|
||||
keywords: "bcards, cartão digital, tutorial, tecnologia, links, página profissional"
|
||||
author: "BCards"
|
||||
date: 2025-11-02
|
||||
lastmod: 2025-11-02
|
||||
image: "/images/tutoriais/tecnologia/criar-bcard-hero.jpg"
|
||||
category: "tecnologia"
|
||||
---
|
||||
|
||||
# Como Criar um BCard Profissional em 5 Minutos
|
||||
|
||||
Criar um cartão digital profissional nunca foi tão fácil! Neste tutorial, vamos mostrar como você pode ter sua página de links profissional em apenas 5 minutos.
|
||||
|
||||
## O que é um BCard?
|
||||
|
||||
O BCard é sua página profissional na internet, onde você centraliza todos os seus links importantes:
|
||||
|
||||
- Redes sociais (Instagram, LinkedIn, Facebook)
|
||||
- WhatsApp para contato
|
||||
- Site ou portfólio
|
||||
- Links de produtos ou serviços
|
||||
- E muito mais!
|
||||
|
||||
## Passo 1: Faça seu Cadastro
|
||||
|
||||
1. Acesse [bcards.site](https://bcards.site)
|
||||
2. Clique em "Criar meu BCard grátis"
|
||||
3. Escolha fazer login com Google ou Microsoft
|
||||
4. Pronto! Sua conta está criada
|
||||
|
||||
> **Dica:** Use o mesmo email que você usa profissionalmente para facilitar o gerenciamento
|
||||
|
||||
## Passo 2: Escolha seu Tema
|
||||
|
||||
Temos diversos temas profissionais disponíveis:
|
||||
|
||||
- **Minimalista**: Clean e elegante
|
||||
- **Moderno**: Cores vibrantes e design atual
|
||||
- **Profissional**: Sóbrio e corporativo
|
||||
- **Criativo**: Para quem quer se destacar
|
||||
|
||||
Escolha o tema que mais combina com sua personalidade ou marca!
|
||||
|
||||
## Passo 3: Adicione seus Links
|
||||
|
||||
Agora é hora de adicionar os links mais importantes:
|
||||
|
||||
1. Clique em "Adicionar Link"
|
||||
2. Escolha o tipo (Instagram, WhatsApp, Site, etc.)
|
||||
3. Cole o link
|
||||
4. Dê um título descritivo
|
||||
5. Salve!
|
||||
|
||||
### Tipos de Links Suportados
|
||||
|
||||
- Redes Sociais (Instagram, Facebook, LinkedIn, TikTok)
|
||||
- Contato (WhatsApp, Email, Telefone)
|
||||
- Sites e Portfólios
|
||||
- Vídeos (YouTube, Vimeo)
|
||||
- Documentos e PDFs
|
||||
- Links personalizados
|
||||
|
||||
## Passo 4: Personalize seu Perfil
|
||||
|
||||
Deixe seu BCard com a sua cara:
|
||||
|
||||
- Adicione uma foto de perfil profissional
|
||||
- Escreva uma bio atrativa
|
||||
- Configure cores personalizadas (plano Premium)
|
||||
- Adicione seu logo (plano Premium)
|
||||
|
||||
## Passo 5: Compartilhe!
|
||||
|
||||
Agora que está pronto, é hora de compartilhar:
|
||||
|
||||
- Seu link será: `bcards.site/page/{categoria}/{seu-nome}`
|
||||
- Adicione na bio do Instagram
|
||||
- Coloque na assinatura de email
|
||||
- Compartilhe em grupos de WhatsApp
|
||||
- Adicione ao cartão de visitas físico com QR Code
|
||||
|
||||
## Dicas Profissionais
|
||||
|
||||
### 1. Mantenha Atualizado
|
||||
|
||||
Revise seus links regularmente e remova os que não são mais relevantes.
|
||||
|
||||
### 2. Use Descrições Claras
|
||||
|
||||
Ao invés de "Clique aqui", use "Veja meu portfólio completo" ou "Agende uma consulta".
|
||||
|
||||
### 3. Priorize os Links Mais Importantes
|
||||
|
||||
Coloque os links mais relevantes no topo. As pessoas geralmente clicam nos primeiros links.
|
||||
|
||||
### 4. Teste Regularmente
|
||||
|
||||
Clique em todos os seus links periodicamente para garantir que estão funcionando.
|
||||
|
||||
## Planos e Recursos
|
||||
|
||||
### Plano Gratuito
|
||||
|
||||
- Até 5 links
|
||||
- Temas básicos
|
||||
- Analytics básico
|
||||
|
||||
### Plano Básico (R$ 12,90/mês)
|
||||
|
||||
- Até 15 links
|
||||
- Todos os temas
|
||||
- Analytics detalhado
|
||||
|
||||
### Plano Premium (R$ 29,90/mês)
|
||||
|
||||
- Links ilimitados
|
||||
- Temas personalizados
|
||||
- Logo personalizado
|
||||
- Suporte prioritário
|
||||
- Upload de PDFs para materiais extras
|
||||
|
||||
## Conclusão
|
||||
|
||||
Criar seu BCard profissional é rápido, fácil e pode transformar a forma como você se apresenta online. Em apenas 5 minutos, você tem uma página profissional que centraliza todos os seus contatos e links importantes.
|
||||
|
||||
**Pronto para começar?** [Crie seu BCard grátis agora!](https://bcards.site)
|
||||
|
||||
---
|
||||
|
||||
## Perguntas Frequentes
|
||||
|
||||
### Posso mudar meu tema depois?
|
||||
|
||||
Sim! Você pode mudar o tema quantas vezes quiser, a qualquer momento.
|
||||
|
||||
### Como faço para adicionar um QR Code?
|
||||
|
||||
No dashboard, clique em "Baixar QR Code" para fazer download do código QR do seu BCard.
|
||||
|
||||
### Posso ter mais de um BCard?
|
||||
|
||||
No momento, cada conta pode ter apenas um BCard ativo.
|
||||
|
||||
### Precisa de mais ajuda?
|
||||
|
||||
Entre em contato com nosso [suporte](https://bcards.site/support) ou confira outros tutoriais!
|
||||
10
README.md
10
README.md
@ -16,9 +16,9 @@ Um clone profissional do LinkTree desenvolvido em ASP.NET Core MVC, focado no me
|
||||
- **Renderização SSR**: SEO-friendly
|
||||
|
||||
### 🎯 Planos e Pricing (Estratégia Decoy)
|
||||
- **Básico** (R$ 12,90/mês): 5 links, temas básicos, analytics simples
|
||||
- **Profissional** (R$ 25,90/mês): 15 links, todos os temas, analytics avançado, domínio personalizado *(DECOY)*
|
||||
- **Premium** (R$ 29,90/mês): Links ilimitados, temas customizáveis, analytics completo, múltiplos domínios, upload de PDFs
|
||||
- **Básico** (R$ 9,90/mês): 5 links, temas básicos, analytics simples
|
||||
- **Profissional** (R$ 24,90/mês): 15 links, todos os temas, analytics avançado, domínio personalizado *(DECOY)*
|
||||
- **Premium** (R$ 29,90/mês): Links ilimitados, temas customizáveis, analytics completo, múltiplos domínios
|
||||
|
||||
## 🛠️ Tecnologias
|
||||
|
||||
@ -94,8 +94,8 @@ Edite `appsettings.json` ou `appsettings.Development.json`:
|
||||
|
||||
1. Crie uma conta no [Stripe](https://stripe.com)
|
||||
2. Configure os produtos e preços:
|
||||
- Básico: R$ 12,90/mês
|
||||
- Profissional: R$ 25,90/mês
|
||||
- Básico: R$ 9,90/mês
|
||||
- Profissional: R$ 24,90/mês
|
||||
- Premium: R$ 29,90/mês
|
||||
3. Configure webhooks para: `/webhook/stripe`
|
||||
4. Eventos necessários:
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,67 +0,0 @@
|
||||
using BCards.Web.Areas.Tutoriais.Models.ViewModels;
|
||||
using BCards.Web.Areas.Tutoriais.Services;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace BCards.Web.Areas.Artigos.Controllers;
|
||||
|
||||
[Area("Artigos")]
|
||||
public class ArtigosController : Controller
|
||||
{
|
||||
private readonly IMarkdownService _markdownService;
|
||||
private readonly ILogger<ArtigosController> _logger;
|
||||
|
||||
public ArtigosController(
|
||||
IMarkdownService markdownService,
|
||||
ILogger<ArtigosController> logger)
|
||||
{
|
||||
_markdownService = markdownService;
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
// GET /artigos
|
||||
public async Task<IActionResult> Index()
|
||||
{
|
||||
var artigos = await _markdownService
|
||||
.GetAllArticlesAsync("Artigos", "pt-BR");
|
||||
|
||||
return View(artigos);
|
||||
}
|
||||
|
||||
// GET /artigos/{slug}
|
||||
public async Task<IActionResult> Article(string slug)
|
||||
{
|
||||
// Sanitização
|
||||
slug = slug.Replace("..", "").Replace("/", "").Replace("\\", "");
|
||||
|
||||
try
|
||||
{
|
||||
var article = await _markdownService.GetArticleAsync(
|
||||
$"Artigos/{slug}",
|
||||
"pt-BR"
|
||||
);
|
||||
|
||||
if (article == null)
|
||||
{
|
||||
_logger.LogWarning("Artigo não encontrado: {Slug}", slug);
|
||||
return NotFound();
|
||||
}
|
||||
|
||||
// Buscar outros artigos para "Leia também"
|
||||
article.RelatedArticles = await _markdownService
|
||||
.GetAllArticlesAsync("Artigos", "pt-BR");
|
||||
|
||||
article.RelatedArticles = article.RelatedArticles
|
||||
.Where(a => a.Slug != slug)
|
||||
.OrderByDescending(a => a.Date)
|
||||
.Take(3)
|
||||
.ToList();
|
||||
|
||||
return View(article);
|
||||
}
|
||||
catch (FileNotFoundException)
|
||||
{
|
||||
_logger.LogWarning("Arquivo markdown não encontrado: {Slug}", slug);
|
||||
return NotFound();
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,253 +0,0 @@
|
||||
@model BCards.Web.Areas.Tutoriais.Models.ViewModels.ArticleViewModel
|
||||
@{
|
||||
ViewData["Title"] = Model.Metadata.Title;
|
||||
}
|
||||
|
||||
@section Head {
|
||||
<!-- Meta Tags SEO -->
|
||||
<meta name="description" content="@Model.Metadata.Description">
|
||||
<meta name="keywords" content="@Model.Metadata.Keywords">
|
||||
<meta name="author" content="@Model.Metadata.Author">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="@Url.Action("Article", "Artigos", new { area = "Artigos", slug = Model.Slug }, Context.Request.Scheme)">
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:title" content="@Model.Metadata.Title">
|
||||
<meta property="og:description" content="@Model.Metadata.Description">
|
||||
<meta property="og:image" content="@Model.Metadata.Image">
|
||||
<meta property="og:url" content="@Url.Action("Article", "Artigos", new { area = "Artigos", slug = Model.Slug }, Context.Request.Scheme)">
|
||||
<meta property="article:published_time" content="@Model.Metadata.Date.ToString("yyyy-MM-ddTHH:mm:ssZ")">
|
||||
<meta property="article:modified_time" content="@Model.Metadata.LastMod.ToString("yyyy-MM-ddTHH:mm:ssZ")">
|
||||
<meta property="article:author" content="@Model.Metadata.Author">
|
||||
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="@Model.Metadata.Title">
|
||||
<meta name="twitter:description" content="@Model.Metadata.Description">
|
||||
<meta name="twitter:image" content="@Model.Metadata.Image">
|
||||
|
||||
<!-- Schema.org JSON-LD -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@@context": "https://schema.org",
|
||||
"@@type": "Article",
|
||||
"headline": "@Model.Metadata.Title",
|
||||
"description": "@Model.Metadata.Description",
|
||||
"image": "@Model.Metadata.Image",
|
||||
"datePublished": "@Model.Metadata.Date.ToString("yyyy-MM-dd")",
|
||||
"dateModified": "@Model.Metadata.LastMod.ToString("yyyy-MM-dd")",
|
||||
"author": {
|
||||
"@@type": "Person",
|
||||
"name": "@Model.Metadata.Author"
|
||||
},
|
||||
"publisher": {
|
||||
"@@type": "Organization",
|
||||
"name": "BCards",
|
||||
"logo": {
|
||||
"@@type": "ImageObject",
|
||||
"url": "https://bcards.site/logo.png"
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- BreadcrumbList Schema -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@@context": "https://schema.org",
|
||||
"@@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{
|
||||
"@@type": "ListItem",
|
||||
"position": 1,
|
||||
"name": "Início",
|
||||
"item": "https://bcards.site"
|
||||
},
|
||||
{
|
||||
"@@type": "ListItem",
|
||||
"position": 2,
|
||||
"name": "Artigos",
|
||||
"item": "https://bcards.site/artigos"
|
||||
},
|
||||
{
|
||||
"@@type": "ListItem",
|
||||
"position": 3,
|
||||
"name": "@Model.Metadata.Title"
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
}
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<!-- Breadcrumb -->
|
||||
<nav aria-label="breadcrumb" class="mb-4">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="/">Início</a></li>
|
||||
<li class="breadcrumb-item"><a href="@Url.Action("Index", "Artigos", new { area = "Artigos" })">Artigos</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">@Model.Metadata.Title</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<!-- Article Header -->
|
||||
<article>
|
||||
<header class="mb-4">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="badge bg-success me-2">✨ Artigo</span>
|
||||
<span class="text-muted small"><i class="far fa-clock me-1"></i> @Model.Metadata.ReadingTimeMinutes min de leitura</span>
|
||||
</div>
|
||||
<h1 class="display-5 mb-3">@Model.Metadata.Title</h1>
|
||||
<p class="lead text-muted">@Model.Metadata.Description</p>
|
||||
<div class="d-flex align-items-center text-muted small mb-3">
|
||||
<span class="me-3"><i class="fas fa-user me-1"></i> @Model.Metadata.Author</span>
|
||||
<span class="me-3"><i class="fas fa-calendar me-1"></i> @Model.Metadata.Date.ToString("dd/MM/yyyy")</span>
|
||||
<span><i class="fas fa-sync me-1"></i> Atualizado em @Model.Metadata.LastMod.ToString("dd/MM/yyyy")</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@if (!string.IsNullOrEmpty(Model.Metadata.Image))
|
||||
{
|
||||
<img src="@Model.Metadata.Image" class="img-fluid rounded mb-4" alt="@Model.Metadata.Title">
|
||||
}
|
||||
|
||||
<!-- Article Content -->
|
||||
<div class="article-content">
|
||||
@Html.Raw(Model.HtmlContent)
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- CTA -->
|
||||
<div class="alert alert-primary mt-5" role="alert">
|
||||
<h4 class="alert-heading"><i class="fas fa-rocket me-2"></i> Pronto para transformar seu negócio?</h4>
|
||||
<p class="mb-3">Crie seu cartão digital profissional e comece a atrair mais clientes hoje mesmo!</p>
|
||||
<a href="/" class="btn btn-primary">Criar meu BCard grátis</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div class="col-lg-4">
|
||||
<div class="sticky-top" style="top: 20px;">
|
||||
<!-- Related Articles -->
|
||||
@if (Model.RelatedArticles.Any())
|
||||
{
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title mb-3"><i class="fas fa-newspaper me-2"></i> Leia Também</h5>
|
||||
<div class="list-group list-group-flush">
|
||||
@foreach (var related in Model.RelatedArticles)
|
||||
{
|
||||
<a href="@Url.Action("Article", "Artigos", new { area = "Artigos", slug = related.Slug })" class="list-group-item list-group-item-action border-0 px-0">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h6 class="mb-1">@related.Title</h6>
|
||||
</div>
|
||||
<small class="text-muted"><i class="far fa-clock me-1"></i> @related.ReadingTimeMinutes min</small>
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- Tutoriais CTA -->
|
||||
<div class="card border-0 shadow-sm bg-light mb-4">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-book-open fa-3x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Quer aprender mais?</h5>
|
||||
<p class="card-text small text-muted">Acesse nossos tutoriais práticos</p>
|
||||
<a href="@Url.Action("Index", "Tutoriais", new { area = "Tutoriais" })" class="btn btn-sm btn-primary">Ver Tutoriais</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Help Card -->
|
||||
<div class="card border-0 shadow-sm bg-light">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-question-circle fa-3x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Precisa de ajuda?</h5>
|
||||
<p class="card-text small text-muted">Entre em contato com nosso suporte</p>
|
||||
<a href="/Support" class="btn btn-sm btn-outline-primary">Falar com suporte</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Styles {
|
||||
<style>
|
||||
.article-content {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.article-content h1,
|
||||
.article-content h2,
|
||||
.article-content h3,
|
||||
.article-content h4,
|
||||
.article-content h5,
|
||||
.article-content h6 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.article-content h2 {
|
||||
font-size: 1.75rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 2px solid #dee2e6;
|
||||
}
|
||||
.article-content h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.article-content p {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.article-content img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0.375rem;
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
.article-content ul,
|
||||
.article-content ol {
|
||||
margin-bottom: 1.5rem;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.article-content li {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.article-content code {
|
||||
background-color: #f8f9fa;
|
||||
padding: 0.2rem 0.4rem;
|
||||
border-radius: 0.25rem;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.article-content pre {
|
||||
background-color: #f8f9fa;
|
||||
padding: 1rem;
|
||||
border-radius: 0.375rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.article-content blockquote {
|
||||
border-left: 4px solid #198754;
|
||||
padding-left: 1rem;
|
||||
margin-left: 0;
|
||||
font-style: italic;
|
||||
color: #6c757d;
|
||||
}
|
||||
.article-content table {
|
||||
width: 100%;
|
||||
margin-bottom: 1.5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.article-content table th,
|
||||
.article-content table td {
|
||||
padding: 0.75rem;
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
.article-content table th {
|
||||
background-color: #f8f9fa;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
}
|
||||
@ -1,77 +0,0 @@
|
||||
@model List<BCards.Web.Areas.Tutoriais.Models.ArticleMetadata>
|
||||
@{
|
||||
ViewData["Title"] = "Artigos BCards - Inspiração e Conhecimento";
|
||||
}
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<h1 class="display-4 mb-3">✨ Artigos BCards</h1>
|
||||
<p class="lead text-muted">Insights, tendências e inspiração para transformar sua presença digital</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (Model.Any())
|
||||
{
|
||||
<div class="row g-4">
|
||||
@foreach (var artigo in Model)
|
||||
{
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card h-100 border-0 shadow-sm hover-shadow">
|
||||
@if (!string.IsNullOrEmpty(artigo.Image))
|
||||
{
|
||||
<img src="@artigo.Image" class="card-img-top" alt="@artigo.Title" style="height: 200px; object-fit: cover;">
|
||||
}
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">@artigo.Title</h5>
|
||||
<p class="card-text text-muted small">@artigo.Description</p>
|
||||
<div class="d-flex justify-content-between align-items-center text-muted small">
|
||||
<span><i class="far fa-clock me-1"></i> @artigo.ReadingTimeMinutes min</span>
|
||||
<span>@artigo.Date.ToString("dd/MM/yyyy")</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-transparent border-0">
|
||||
<a href="@Url.Action("Article", "Artigos", new { area = "Artigos", slug = artigo.Slug })" class="btn btn-sm btn-primary w-100">
|
||||
Ler artigo <i class="fas fa-arrow-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="text-center py-5">
|
||||
<i class="fas fa-newspaper fa-4x text-muted mb-3"></i>
|
||||
<h3 class="text-muted">Nenhum artigo disponível ainda</h3>
|
||||
<p class="text-muted">Em breve teremos conteúdo inspirador para você!</p>
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- CTA -->
|
||||
<div class="row mt-5">
|
||||
<div class="col-lg-8 mx-auto">
|
||||
<div class="card bg-primary text-white border-0 shadow">
|
||||
<div class="card-body text-center p-5">
|
||||
<h3 class="mb-3">Quer ver tutoriais práticos?</h3>
|
||||
<p class="mb-4">Acesse nossa seção de tutoriais e aprenda passo a passo como usar o BCards</p>
|
||||
<a href="@Url.Action("Index", "Tutoriais", new { area = "Tutoriais" })" class="btn btn-light btn-lg">
|
||||
<i class="fas fa-book-open me-2"></i> Ver Tutoriais
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Styles {
|
||||
<style>
|
||||
.hover-shadow {
|
||||
transition: box-shadow 0.3s ease-in-out;
|
||||
}
|
||||
.hover-shadow:hover {
|
||||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
|
||||
}
|
||||
</style>
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@{
|
||||
Layout = "_Layout";
|
||||
}
|
||||
@ -1,86 +0,0 @@
|
||||
using BCards.Web.Areas.Support.Models;
|
||||
using BCards.Web.Areas.Support.Services;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using System.Security.Claims;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Controllers;
|
||||
|
||||
[Area("Support")]
|
||||
[Route("api/ratings")]
|
||||
[ApiController]
|
||||
public class RatingsController : ControllerBase
|
||||
{
|
||||
private readonly IRatingService _ratingService;
|
||||
private readonly ILogger<RatingsController> _logger;
|
||||
|
||||
public RatingsController(IRatingService ratingService, ILogger<RatingsController> logger)
|
||||
{
|
||||
_ratingService = ratingService;
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
[HttpPost]
|
||||
public async Task<IActionResult> SubmitRating([FromBody] RatingSubmissionDto dto)
|
||||
{
|
||||
if (!ModelState.IsValid)
|
||||
{
|
||||
_logger.LogWarning("Rating inválido submetido: {Errors}", ModelState.Values.SelectMany(v => v.Errors).Select(e => e.ErrorMessage));
|
||||
return BadRequest(ModelState);
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
var userId = User?.FindFirst(ClaimTypes.NameIdentifier)?.Value;
|
||||
var success = await _ratingService.SubmitRatingAsync(dto, userId, HttpContext);
|
||||
|
||||
if (success)
|
||||
{
|
||||
_logger.LogInformation("Rating de {Stars} estrelas submetido com sucesso", dto.RatingValue);
|
||||
return Ok(new { message = "Avaliação enviada com sucesso! Obrigado pelo feedback." });
|
||||
}
|
||||
|
||||
_logger.LogError("Falha ao submeter rating");
|
||||
return StatusCode(503, new { message = "Erro ao processar sua avaliação. Tente novamente mais tarde." });
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao processar rating");
|
||||
return StatusCode(500, new { message = "Erro interno ao processar sua avaliação." });
|
||||
}
|
||||
}
|
||||
|
||||
[HttpGet("average")]
|
||||
public async Task<IActionResult> GetAverageRating()
|
||||
{
|
||||
try
|
||||
{
|
||||
var average = await _ratingService.GetAverageRatingAsync();
|
||||
var total = await _ratingService.GetTotalCountAsync();
|
||||
|
||||
return Ok(new { average = Math.Round(average, 2), total });
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao buscar média de ratings");
|
||||
return StatusCode(500, new { message = "Erro ao buscar avaliações" });
|
||||
}
|
||||
}
|
||||
|
||||
[HttpGet("recent")]
|
||||
public async Task<IActionResult> GetRecentRatings([FromQuery] int limit = 10)
|
||||
{
|
||||
try
|
||||
{
|
||||
if (limit < 1 || limit > 50)
|
||||
limit = 10;
|
||||
|
||||
var ratings = await _ratingService.GetRecentRatingsAsync(limit);
|
||||
return Ok(ratings);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao buscar ratings recentes");
|
||||
return StatusCode(500, new { message = "Erro ao buscar avaliações recentes" });
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,46 +0,0 @@
|
||||
using BCards.Web.Areas.Support.Services;
|
||||
using Microsoft.AspNetCore.Authorization;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using System.Security.Claims;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Controllers;
|
||||
|
||||
[Area("Support")]
|
||||
[Authorize]
|
||||
public class SupportController : Controller
|
||||
{
|
||||
private readonly ISupportService _supportService;
|
||||
private readonly ILogger<SupportController> _logger;
|
||||
|
||||
public SupportController(ISupportService supportService, ILogger<SupportController> logger)
|
||||
{
|
||||
_supportService = supportService;
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
[HttpGet]
|
||||
public async Task<IActionResult> ContactForm()
|
||||
{
|
||||
var userId = User.FindFirst(ClaimTypes.NameIdentifier)?.Value;
|
||||
var options = await _supportService.GetAvailableOptionsAsync(userId);
|
||||
|
||||
if (!options.CanUseContactForm)
|
||||
{
|
||||
_logger.LogWarning("Usuário {UserId} tentou acessar formulário sem permissão", userId);
|
||||
TempData["Error"] = "Seu plano atual não tem acesso ao formulário de contato. Faça upgrade para o plano Básico ou superior.";
|
||||
return RedirectToAction("Index", "Home", new { area = "" });
|
||||
}
|
||||
|
||||
return View(options);
|
||||
}
|
||||
|
||||
[HttpGet]
|
||||
[Route("Support/Index")]
|
||||
public async Task<IActionResult> Index()
|
||||
{
|
||||
var userId = User.FindFirst(ClaimTypes.NameIdentifier)?.Value;
|
||||
var options = await _supportService.GetAvailableOptionsAsync(userId);
|
||||
|
||||
return View(options);
|
||||
}
|
||||
}
|
||||
@ -1,24 +0,0 @@
|
||||
using MongoDB.Bson;
|
||||
using MongoDB.Bson.Serialization.Attributes;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Models;
|
||||
|
||||
public class Rating
|
||||
{
|
||||
[BsonId]
|
||||
[BsonRepresentation(BsonType.ObjectId)]
|
||||
public string Id { get; set; } = string.Empty;
|
||||
|
||||
public int RatingValue { get; set; } // 1-5 stars
|
||||
public string? Name { get; set; }
|
||||
public string? Email { get; set; }
|
||||
public string? Comment { get; set; }
|
||||
|
||||
public string? UserId { get; set; } // null para anônimos
|
||||
public string? IpAddress { get; set; }
|
||||
public string? UserAgent { get; set; }
|
||||
public string? Culture { get; set; }
|
||||
public string? Url { get; set; }
|
||||
|
||||
public DateTime CreatedAt { get; set; } = DateTime.UtcNow;
|
||||
}
|
||||
@ -1,19 +0,0 @@
|
||||
using System.ComponentModel.DataAnnotations;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Models;
|
||||
|
||||
public class RatingSubmissionDto
|
||||
{
|
||||
[Required]
|
||||
[Range(1, 5, ErrorMessage = "A avaliação deve ser entre 1 e 5 estrelas")]
|
||||
public int RatingValue { get; set; }
|
||||
|
||||
[StringLength(100, ErrorMessage = "O nome deve ter no máximo 100 caracteres")]
|
||||
public string? Name { get; set; }
|
||||
|
||||
[EmailAddress(ErrorMessage = "Email inválido")]
|
||||
public string? Email { get; set; }
|
||||
|
||||
[StringLength(500, ErrorMessage = "O comentário deve ter no máximo 500 caracteres")]
|
||||
public string? Comment { get; set; }
|
||||
}
|
||||
@ -1,11 +0,0 @@
|
||||
namespace BCards.Web.Areas.Support.Models;
|
||||
|
||||
public class SupportOptions
|
||||
{
|
||||
public bool CanRate { get; set; }
|
||||
public bool CanUseContactForm { get; set; }
|
||||
public bool CanAccessTelegram { get; set; }
|
||||
public string? TelegramUrl { get; set; }
|
||||
public string? FormspreeUrl { get; set; }
|
||||
public string UserPlan { get; set; } = "Trial";
|
||||
}
|
||||
@ -1,12 +0,0 @@
|
||||
using BCards.Web.Areas.Support.Models;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Repositories;
|
||||
|
||||
public interface IRatingRepository
|
||||
{
|
||||
Task<Rating> CreateAsync(Rating rating);
|
||||
Task<List<Rating>> GetRecentAsync(int limit = 10);
|
||||
Task<double> GetAverageRatingAsync();
|
||||
Task<int> GetTotalCountAsync();
|
||||
Task<List<Rating>> GetByUserIdAsync(string userId);
|
||||
}
|
||||
@ -1,123 +0,0 @@
|
||||
using BCards.Web.Areas.Support.Models;
|
||||
using MongoDB.Driver;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Repositories;
|
||||
|
||||
public class RatingRepository : IRatingRepository
|
||||
{
|
||||
private readonly IMongoCollection<Rating> _ratings;
|
||||
private readonly ILogger<RatingRepository> _logger;
|
||||
|
||||
public RatingRepository(IMongoDatabase database, ILogger<RatingRepository> logger)
|
||||
{
|
||||
_ratings = database.GetCollection<Rating>("ratings");
|
||||
_logger = logger;
|
||||
|
||||
// Criar índices
|
||||
CreateIndexes();
|
||||
}
|
||||
|
||||
private void CreateIndexes()
|
||||
{
|
||||
try
|
||||
{
|
||||
var indexKeysDefinition = Builders<Rating>.IndexKeys.Descending(r => r.CreatedAt);
|
||||
var indexModel = new CreateIndexModel<Rating>(indexKeysDefinition);
|
||||
_ratings.Indexes.CreateOne(indexModel);
|
||||
|
||||
var userIdIndexKeys = Builders<Rating>.IndexKeys.Ascending(r => r.UserId);
|
||||
var userIdIndexModel = new CreateIndexModel<Rating>(userIdIndexKeys);
|
||||
_ratings.Indexes.CreateOne(userIdIndexModel);
|
||||
|
||||
var ratingValueIndexKeys = Builders<Rating>.IndexKeys.Ascending(r => r.RatingValue);
|
||||
var ratingValueIndexModel = new CreateIndexModel<Rating>(ratingValueIndexKeys);
|
||||
_ratings.Indexes.CreateOne(ratingValueIndexModel);
|
||||
|
||||
var cultureIndexKeys = Builders<Rating>.IndexKeys.Ascending(r => r.Culture);
|
||||
var cultureIndexModel = new CreateIndexModel<Rating>(cultureIndexKeys);
|
||||
_ratings.Indexes.CreateOne(cultureIndexModel);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogWarning(ex, "Não foi possível criar índices para a collection ratings");
|
||||
}
|
||||
}
|
||||
|
||||
public async Task<Rating> CreateAsync(Rating rating)
|
||||
{
|
||||
try
|
||||
{
|
||||
await _ratings.InsertOneAsync(rating);
|
||||
_logger.LogInformation("Rating criado com sucesso: {RatingId}", rating.Id);
|
||||
return rating;
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao criar rating");
|
||||
throw;
|
||||
}
|
||||
}
|
||||
|
||||
public async Task<List<Rating>> GetRecentAsync(int limit = 10)
|
||||
{
|
||||
try
|
||||
{
|
||||
return await _ratings
|
||||
.Find(_ => true)
|
||||
.SortByDescending(r => r.CreatedAt)
|
||||
.Limit(limit)
|
||||
.ToListAsync();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao buscar ratings recentes");
|
||||
return new List<Rating>();
|
||||
}
|
||||
}
|
||||
|
||||
public async Task<double> GetAverageRatingAsync()
|
||||
{
|
||||
try
|
||||
{
|
||||
var ratings = await _ratings.Find(_ => true).ToListAsync();
|
||||
if (ratings.Count == 0)
|
||||
return 0;
|
||||
|
||||
return ratings.Average(r => r.RatingValue);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao calcular média de ratings");
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
|
||||
public async Task<int> GetTotalCountAsync()
|
||||
{
|
||||
try
|
||||
{
|
||||
return (int)await _ratings.CountDocumentsAsync(_ => true);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao contar ratings");
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
|
||||
public async Task<List<Rating>> GetByUserIdAsync(string userId)
|
||||
{
|
||||
try
|
||||
{
|
||||
return await _ratings
|
||||
.Find(r => r.UserId == userId)
|
||||
.SortByDescending(r => r.CreatedAt)
|
||||
.ToListAsync();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao buscar ratings do usuário {UserId}", userId);
|
||||
return new List<Rating>();
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,11 +0,0 @@
|
||||
using BCards.Web.Areas.Support.Models;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Services;
|
||||
|
||||
public interface IRatingService
|
||||
{
|
||||
Task<bool> SubmitRatingAsync(RatingSubmissionDto dto, string? userId, HttpContext httpContext);
|
||||
Task<double> GetAverageRatingAsync();
|
||||
Task<int> GetTotalCountAsync();
|
||||
Task<List<Rating>> GetRecentRatingsAsync(int limit = 10);
|
||||
}
|
||||
@ -1,8 +0,0 @@
|
||||
using BCards.Web.Areas.Support.Models;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Services;
|
||||
|
||||
public interface ISupportService
|
||||
{
|
||||
Task<SupportOptions> GetAvailableOptionsAsync(string? userId);
|
||||
}
|
||||
@ -1,61 +0,0 @@
|
||||
using BCards.Web.Areas.Support.Models;
|
||||
using BCards.Web.Areas.Support.Repositories;
|
||||
using System.Globalization;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Services;
|
||||
|
||||
public class RatingService : IRatingService
|
||||
{
|
||||
private readonly IRatingRepository _repository;
|
||||
private readonly ILogger<RatingService> _logger;
|
||||
|
||||
public RatingService(IRatingRepository repository, ILogger<RatingService> logger)
|
||||
{
|
||||
_repository = repository;
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
public async Task<bool> SubmitRatingAsync(RatingSubmissionDto dto, string? userId, HttpContext httpContext)
|
||||
{
|
||||
try
|
||||
{
|
||||
var rating = new Rating
|
||||
{
|
||||
RatingValue = dto.RatingValue,
|
||||
Name = dto.Name,
|
||||
Email = dto.Email,
|
||||
Comment = dto.Comment,
|
||||
UserId = userId,
|
||||
IpAddress = httpContext.Connection.RemoteIpAddress?.ToString(),
|
||||
UserAgent = httpContext.Request.Headers["User-Agent"].ToString(),
|
||||
Culture = CultureInfo.CurrentCulture.Name,
|
||||
Url = httpContext.Request.Headers["Referer"].ToString(),
|
||||
CreatedAt = DateTime.UtcNow
|
||||
};
|
||||
|
||||
await _repository.CreateAsync(rating);
|
||||
_logger.LogInformation("Rating submetido com sucesso por usuário {UserId}", userId ?? "anônimo");
|
||||
return true;
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao submeter rating");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
public async Task<double> GetAverageRatingAsync()
|
||||
{
|
||||
return await _repository.GetAverageRatingAsync();
|
||||
}
|
||||
|
||||
public async Task<int> GetTotalCountAsync()
|
||||
{
|
||||
return await _repository.GetTotalCountAsync();
|
||||
}
|
||||
|
||||
public async Task<List<Rating>> GetRecentRatingsAsync(int limit = 10)
|
||||
{
|
||||
return await _repository.GetRecentAsync(limit);
|
||||
}
|
||||
}
|
||||
@ -1,101 +0,0 @@
|
||||
using BCards.Web.Areas.Support.Models;
|
||||
using BCards.Web.Configuration;
|
||||
using BCards.Web.Models;
|
||||
using BCards.Web.Repositories;
|
||||
using Microsoft.Extensions.Options;
|
||||
|
||||
namespace BCards.Web.Areas.Support.Services;
|
||||
|
||||
public class SupportService : ISupportService
|
||||
{
|
||||
private readonly IUserRepository _userRepository;
|
||||
private readonly IOptions<SupportSettings> _settings;
|
||||
private readonly ILogger<SupportService> _logger;
|
||||
|
||||
public SupportService(
|
||||
IUserRepository userRepository,
|
||||
IOptions<SupportSettings> settings,
|
||||
ILogger<SupportService> logger)
|
||||
{
|
||||
_userRepository = userRepository;
|
||||
_settings = settings;
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
public async Task<SupportOptions> GetAvailableOptionsAsync(string? userId)
|
||||
{
|
||||
var options = new SupportOptions
|
||||
{
|
||||
CanRate = _settings.Value.EnableRatingForAllUsers,
|
||||
CanUseContactForm = false,
|
||||
CanAccessTelegram = false,
|
||||
TelegramUrl = _settings.Value.TelegramUrl,
|
||||
FormspreeUrl = _settings.Value.FormspreeUrl,
|
||||
UserPlan = "Trial"
|
||||
};
|
||||
|
||||
// Usuário não autenticado ou trial
|
||||
if (string.IsNullOrEmpty(userId))
|
||||
{
|
||||
_logger.LogDebug("Usuário não autenticado - apenas rating disponível");
|
||||
return options;
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
var user = await _userRepository.GetByIdAsync(userId);
|
||||
if (user == null)
|
||||
{
|
||||
_logger.LogWarning("Usuário {UserId} não encontrado", userId);
|
||||
return options;
|
||||
}
|
||||
|
||||
var planName = user.CurrentPlan?.ToLower() ?? "trial";
|
||||
options.UserPlan = planName;
|
||||
|
||||
_logger.LogDebug("Verificando opções de suporte para usuário {UserId} com plano {Plan}", userId, planName);
|
||||
|
||||
// Trial: apenas rating
|
||||
if (planName == "trial")
|
||||
{
|
||||
_logger.LogDebug("Plano Trial - apenas rating disponível");
|
||||
return options;
|
||||
}
|
||||
|
||||
// Básico: rating + formulário
|
||||
if (planName == "basic" || planName == "básico")
|
||||
{
|
||||
options.CanUseContactForm = true;
|
||||
options.UserPlan = "Básico";
|
||||
_logger.LogDebug("Plano Básico - rating + formulário disponíveis");
|
||||
return options;
|
||||
}
|
||||
|
||||
// Profissional: rating + formulário (sem telegram)
|
||||
if (planName == "professional" || planName == "profissional")
|
||||
{
|
||||
options.CanUseContactForm = true;
|
||||
options.UserPlan = "Profissional";
|
||||
_logger.LogDebug("Plano Profissional - rating + formulário disponíveis");
|
||||
return options;
|
||||
}
|
||||
|
||||
// Premium e PremiumAffiliate: tudo
|
||||
if (planName == "premium" || planName == "premiumaffiliate" || planName == "premium+afiliados")
|
||||
{
|
||||
options.CanUseContactForm = true;
|
||||
options.CanAccessTelegram = true;
|
||||
options.UserPlan = planName.Contains("affiliate") || planName.Contains("afiliados") ? "Premium+Afiliados" : "Premium";
|
||||
_logger.LogDebug("Plano {Plan} - todas as opções disponíveis", planName);
|
||||
return options;
|
||||
}
|
||||
|
||||
return options;
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao verificar opções de suporte para usuário {UserId}", userId);
|
||||
return options;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,36 +0,0 @@
|
||||
using BCards.Web.Areas.Support.Services;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using System.Security.Claims;
|
||||
|
||||
namespace BCards.Web.Areas.Support.ViewComponents;
|
||||
|
||||
public class SupportFabViewComponent : ViewComponent
|
||||
{
|
||||
private readonly ISupportService _supportService;
|
||||
private readonly ILogger<SupportFabViewComponent> _logger;
|
||||
|
||||
public SupportFabViewComponent(ISupportService supportService, ILogger<SupportFabViewComponent> logger)
|
||||
{
|
||||
_supportService = supportService;
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
public async Task<IViewComponentResult> InvokeAsync()
|
||||
{
|
||||
try
|
||||
{
|
||||
var userId = UserClaimsPrincipal?.FindFirst(ClaimTypes.NameIdentifier)?.Value;
|
||||
var options = await _supportService.GetAvailableOptionsAsync(userId);
|
||||
|
||||
_logger.LogDebug("SupportFab invocado para usuário {UserId} - Opções: Rating={CanRate}, Form={CanUseContactForm}, Telegram={CanAccessTelegram}",
|
||||
userId ?? "anônimo", options.CanRate, options.CanUseContactForm, options.CanAccessTelegram);
|
||||
|
||||
return View(options);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao carregar SupportFab ViewComponent");
|
||||
return Content(string.Empty);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,134 +0,0 @@
|
||||
@model BCards.Web.Areas.Support.Models.SupportOptions
|
||||
|
||||
<!-- Support FAB (Floating Action Button) -->
|
||||
<div class="support-fab-container">
|
||||
<button class="support-fab-trigger" id="supportFabTrigger" aria-label="Precisa de Ajuda?">
|
||||
<i class="fas fa-question-circle"></i>
|
||||
</button>
|
||||
|
||||
<div class="support-fab-menu" id="supportFabMenu" style="display: none;">
|
||||
<div class="support-fab-header">
|
||||
<h6>Precisa de Ajuda?</h6>
|
||||
<p class="small text-muted mb-0">Plano: @Model.UserPlan</p>
|
||||
</div>
|
||||
|
||||
@if (Model.CanAccessTelegram)
|
||||
{
|
||||
<a href="@Model.TelegramUrl" target="_blank" rel="noopener noreferrer" class="support-fab-option support-fab-telegram">
|
||||
<div class="support-fab-option-icon">
|
||||
<i class="fab fa-telegram"></i>
|
||||
</div>
|
||||
<div class="support-fab-option-content">
|
||||
<strong>Falar no Telegram</strong>
|
||||
<small>Suporte prioritário</small>
|
||||
</div>
|
||||
</a>
|
||||
}
|
||||
|
||||
@if (Model.CanUseContactForm)
|
||||
{
|
||||
<a href="@Url.Action("ContactForm", "Support", new { area = "Support" })" class="support-fab-option support-fab-form">
|
||||
<div class="support-fab-option-icon">
|
||||
<i class="fas fa-envelope"></i>
|
||||
</div>
|
||||
<div class="support-fab-option-content">
|
||||
<strong>Enviar Mensagem</strong>
|
||||
<small>Formulário de contato</small>
|
||||
</div>
|
||||
</a>
|
||||
}
|
||||
|
||||
@if (Model.CanRate)
|
||||
{
|
||||
<button type="button" class="support-fab-option support-fab-rating" data-bs-toggle="modal" data-bs-target="#ratingModal">
|
||||
<div class="support-fab-option-icon">
|
||||
<i class="fas fa-star"></i>
|
||||
</div>
|
||||
<div class="support-fab-option-content">
|
||||
<strong>Avaliar Serviço</strong>
|
||||
<small>Conte sua experiência</small>
|
||||
</div>
|
||||
</button>
|
||||
}
|
||||
|
||||
@if (!Model.CanUseContactForm && !Model.CanAccessTelegram)
|
||||
{
|
||||
<div class="support-fab-upgrade">
|
||||
<p class="small mb-2">
|
||||
<i class="fas fa-lock text-warning"></i>
|
||||
Faça upgrade para acessar mais opções de suporte!
|
||||
</p>
|
||||
<a href="@Url.Action("Index", "Payment", new { area = "" })" class="btn btn-sm btn-primary">Ver Planos</a>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Rating Modal -->
|
||||
<div class="modal fade" id="ratingModal" tabindex="-1" aria-labelledby="ratingModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="ratingModalLabel">Avalie nossa plataforma</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="ratingForm">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Sua avaliação: <span class="text-danger">*</span></label>
|
||||
<div class="star-rating" id="starRating">
|
||||
<i class="far fa-star" data-rating="1"></i>
|
||||
<i class="far fa-star" data-rating="2"></i>
|
||||
<i class="far fa-star" data-rating="3"></i>
|
||||
<i class="far fa-star" data-rating="4"></i>
|
||||
<i class="far fa-star" data-rating="5"></i>
|
||||
</div>
|
||||
<input type="hidden" id="ratingValue" name="ratingValue" required>
|
||||
<div class="invalid-feedback d-block" id="ratingError" style="display: none !important;">
|
||||
Por favor, selecione uma avaliação
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ratingName" class="form-label">Nome (opcional)</label>
|
||||
<input type="text" class="form-control" id="ratingName" name="name" maxlength="100" placeholder="Seu nome">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ratingEmail" class="form-label">Email (opcional)</label>
|
||||
<input type="email" class="form-control" id="ratingEmail" name="email" placeholder="seu@email.com">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ratingComment" class="form-label">Comentário (opcional)</label>
|
||||
<textarea class="form-control" id="ratingComment" name="comment" rows="3" maxlength="500" placeholder="Conte-nos sobre sua experiência..."></textarea>
|
||||
<small class="form-text text-muted">
|
||||
<span id="commentCounter">0</span>/500 caracteres
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-success d-none" id="ratingSuccessAlert" role="alert">
|
||||
<i class="fas fa-check-circle"></i> Avaliação enviada com sucesso! Obrigado pelo feedback.
|
||||
</div>
|
||||
|
||||
<div class="alert alert-danger d-none" id="ratingErrorAlert" role="alert">
|
||||
<i class="fas fa-exclamation-triangle"></i> <span id="ratingErrorMessage">Erro ao enviar avaliação. Tente novamente.</span>
|
||||
</div>
|
||||
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary" id="submitRatingBtn">
|
||||
<i class="fas fa-paper-plane"></i> Enviar Avaliação
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
<link rel="stylesheet" href="~/css/support-fab.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/css/rating.css" asp-append-version="true" />
|
||||
<script src="~/js/support-fab.js" asp-append-version="true"></script>
|
||||
<script src="~/js/rating.js" asp-append-version="true"></script>
|
||||
}
|
||||
@ -1,155 +0,0 @@
|
||||
@model BCards.Web.Areas.Support.Models.SupportOptions
|
||||
@{
|
||||
ViewData["Title"] = "Formulário de Contato";
|
||||
Layout = "_Layout";
|
||||
}
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body p-4">
|
||||
<h2 class="card-title mb-4">
|
||||
<i class="fas fa-envelope text-primary"></i> Fale Conosco
|
||||
</h2>
|
||||
|
||||
<div class="alert alert-info mb-4">
|
||||
<i class="fas fa-info-circle"></i>
|
||||
<strong>Tempo de resposta:</strong> Normalmente respondemos em até 24-48 horas.
|
||||
</div>
|
||||
|
||||
<form action="@Model.FormspreeUrl" method="POST">
|
||||
<div class="mb-3">
|
||||
<label for="name" class="form-label">
|
||||
Nome <span class="text-danger">*</span>
|
||||
</label>
|
||||
<input type="text" class="form-control" id="name" name="name" required maxlength="100">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">
|
||||
Email <span class="text-danger">*</span>
|
||||
</label>
|
||||
<input type="email" class="form-control" id="email" name="email" required>
|
||||
<small class="form-text text-muted">Usaremos este email para responder sua mensagem.</small>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="subject" class="form-label">
|
||||
Assunto <span class="text-danger">*</span>
|
||||
</label>
|
||||
<select class="form-select" id="subject" name="subject" required>
|
||||
<option value="">Selecione um assunto</option>
|
||||
<option value="Suporte Técnico">Suporte Técnico</option>
|
||||
<option value="Dúvida sobre Planos">Dúvida sobre Planos</option>
|
||||
<option value="Problema de Pagamento">Problema de Pagamento</option>
|
||||
<option value="Sugestão de Melhoria">Sugestão de Melhoria</option>
|
||||
<option value="Reportar Bug">Reportar Bug</option>
|
||||
<option value="Outro">Outro</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
@if (Model.CanAccessTelegram)
|
||||
{
|
||||
<div class="mb-3">
|
||||
<label for="preferredContact" class="form-label">
|
||||
Canal de contato preferido
|
||||
</label>
|
||||
<select class="form-select" id="preferredContact" name="preferredContact">
|
||||
<option value="email" selected>Email</option>
|
||||
<option value="telegram">Telegram</option>
|
||||
</select>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<input type="hidden" name="preferredContact" value="email">
|
||||
}
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="message" class="form-label">
|
||||
Mensagem <span class="text-danger">*</span>
|
||||
</label>
|
||||
<textarea class="form-control" id="message" name="message" rows="6" required maxlength="2000" placeholder="Descreva sua dúvida ou problema em detalhes..."></textarea>
|
||||
<small class="form-text text-muted">
|
||||
<span id="messageCounter">0</span>/2000 caracteres
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="_language" value="pt-BR">
|
||||
<input type="hidden" name="_subject" value="Novo contato BCards">
|
||||
<input type="hidden" name="userPlan" value="@Model.UserPlan">
|
||||
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary btn-lg">
|
||||
<i class="fas fa-paper-plane"></i> Enviar Mensagem
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@if (Model.CanAccessTelegram)
|
||||
{
|
||||
<hr class="my-4">
|
||||
<div class="text-center">
|
||||
<p class="text-muted mb-3">Ou se preferir, entre em contato direto via Telegram:</p>
|
||||
<a href="@Model.TelegramUrl" target="_blank" rel="noopener noreferrer" class="btn btn-outline-primary">
|
||||
<i class="fab fa-telegram"></i> Abrir Telegram
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<h4 class="mb-3">Perguntas Frequentes</h4>
|
||||
<div class="accordion" id="faqAccordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
|
||||
Como faço upgrade do meu plano?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="faq1" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
||||
<div class="accordion-body">
|
||||
Você pode fazer upgrade a qualquer momento através da página de <a href="@Url.Action("Index", "Payment", new { area = "" })">Planos e Preços</a>.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
|
||||
Posso cancelar minha assinatura a qualquer momento?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
||||
<div class="accordion-body">
|
||||
Sim! Você pode cancelar sua assinatura a qualquer momento sem multas ou taxas adicionais.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
|
||||
Qual o tempo de resposta do suporte?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
||||
<div class="accordion-body">
|
||||
Respondemos em até 24-48h para planos Básico. Usuários Premium têm suporte prioritário com resposta em até 12h.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
<script>
|
||||
// Character counter for message
|
||||
document.getElementById('message').addEventListener('input', function() {
|
||||
document.getElementById('messageCounter').textContent = this.value.length;
|
||||
});
|
||||
</script>
|
||||
}
|
||||
@ -1,90 +0,0 @@
|
||||
@model BCards.Web.Areas.Support.Models.SupportOptions
|
||||
@{
|
||||
ViewData["Title"] = "Central de Suporte";
|
||||
Layout = "_Layout";
|
||||
}
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-10">
|
||||
<h1 class="mb-4">
|
||||
<i class="fas fa-headset text-primary"></i> Central de Suporte
|
||||
</h1>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<strong>Plano Atual:</strong> @Model.UserPlan
|
||||
</div>
|
||||
|
||||
<div class="row g-4 mt-3">
|
||||
@if (Model.CanAccessTelegram)
|
||||
{
|
||||
<div class="col-md-4">
|
||||
<div class="card h-100 text-center">
|
||||
<div class="card-body">
|
||||
<div class="display-4 text-primary mb-3">
|
||||
<i class="fab fa-telegram"></i>
|
||||
</div>
|
||||
<h5 class="card-title">Telegram</h5>
|
||||
<p class="card-text">Fale conosco diretamente pelo Telegram para suporte prioritário.</p>
|
||||
<a href="@Model.TelegramUrl" target="_blank" rel="noopener noreferrer" class="btn btn-primary">
|
||||
Abrir Telegram
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (Model.CanUseContactForm)
|
||||
{
|
||||
<div class="col-md-4">
|
||||
<div class="card h-100 text-center">
|
||||
<div class="card-body">
|
||||
<div class="display-4 text-success mb-3">
|
||||
<i class="fas fa-envelope"></i>
|
||||
</div>
|
||||
<h5 class="card-title">Formulário de Contato</h5>
|
||||
<p class="card-text">Envie sua dúvida ou problema através do nosso formulário.</p>
|
||||
<a href="@Url.Action("ContactForm", "Support", new { area = "Support" })" class="btn btn-success">
|
||||
Enviar Mensagem
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (Model.CanRate)
|
||||
{
|
||||
<div class="col-md-4">
|
||||
<div class="card h-100 text-center">
|
||||
<div class="card-body">
|
||||
<div class="display-4 text-warning mb-3">
|
||||
<i class="fas fa-star"></i>
|
||||
</div>
|
||||
<h5 class="card-title">Avalie-nos</h5>
|
||||
<p class="card-text">Conte-nos sobre sua experiência com a plataforma.</p>
|
||||
<button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#ratingModal">
|
||||
Avaliar Agora
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@if (!Model.CanUseContactForm && !Model.CanAccessTelegram)
|
||||
{
|
||||
<div class="alert alert-warning mt-4">
|
||||
<h5><i class="fas fa-lock"></i> Desbloqueie Mais Recursos de Suporte!</h5>
|
||||
<p class="mb-2">Seu plano atual tem acesso limitado. Faça upgrade para:</p>
|
||||
<ul>
|
||||
<li><strong>Plano Básico:</strong> Formulário de contato + Avaliações</li>
|
||||
<li><strong>Plano Premium:</strong> Telegram + Formulário + Suporte Prioritário</li>
|
||||
</ul>
|
||||
<a href="@Url.Action("Index", "Payment", new { area = "" })" class="btn btn-primary mt-2">
|
||||
Ver Planos e Preços
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,111 +0,0 @@
|
||||
using BCards.Web.Areas.Tutoriais.Models;
|
||||
using BCards.Web.Areas.Tutoriais.Services;
|
||||
using BCards.Web.Repositories;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace BCards.Web.Areas.Tutoriais.Controllers;
|
||||
|
||||
[Area("Tutoriais")]
|
||||
public class TutoriaisController : Controller
|
||||
{
|
||||
private readonly IMarkdownService _markdownService;
|
||||
private readonly ICategoryRepository _categoryRepository;
|
||||
private readonly ILogger<TutoriaisController> _logger;
|
||||
|
||||
public TutoriaisController(
|
||||
IMarkdownService markdownService,
|
||||
ICategoryRepository categoryRepository,
|
||||
ILogger<TutoriaisController> logger)
|
||||
{
|
||||
_markdownService = markdownService;
|
||||
_categoryRepository = categoryRepository;
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
// GET /tutoriais
|
||||
public async Task<IActionResult> Index()
|
||||
{
|
||||
var categories = await _categoryRepository.GetAllActiveAsync();
|
||||
var tutoriaisPorCategoria = new Dictionary<string, List<ArticleMetadata>>();
|
||||
|
||||
foreach (var category in categories)
|
||||
{
|
||||
var artigos = await _markdownService
|
||||
.GetArticlesByCategoryAsync(category.Slug, "pt-BR");
|
||||
|
||||
if (artigos.Any())
|
||||
{
|
||||
tutoriaisPorCategoria[category.Slug] = artigos;
|
||||
}
|
||||
}
|
||||
|
||||
ViewBag.Categories = categories;
|
||||
return View(tutoriaisPorCategoria);
|
||||
}
|
||||
|
||||
// GET /tutoriais/{categoria}
|
||||
public async Task<IActionResult> Category(string categoria)
|
||||
{
|
||||
// Validar categoria existe
|
||||
var category = await _categoryRepository.GetBySlugAsync(categoria);
|
||||
if (category == null)
|
||||
{
|
||||
_logger.LogWarning("Categoria não encontrada: {Categoria}", categoria);
|
||||
return NotFound();
|
||||
}
|
||||
|
||||
var artigos = await _markdownService
|
||||
.GetArticlesByCategoryAsync(categoria, "pt-BR");
|
||||
|
||||
ViewBag.Category = category;
|
||||
return View(artigos);
|
||||
}
|
||||
|
||||
// GET /tutoriais/{categoria}/{slug}
|
||||
public async Task<IActionResult> Article(string categoria, string slug)
|
||||
{
|
||||
// Sanitização (segurança contra path traversal)
|
||||
categoria = categoria.Replace("..", "").Replace("/", "").Replace("\\", "");
|
||||
slug = slug.Replace("..", "").Replace("/", "").Replace("\\", "");
|
||||
|
||||
// Validar categoria existe
|
||||
var category = await _categoryRepository.GetBySlugAsync(categoria);
|
||||
if (category == null)
|
||||
{
|
||||
_logger.LogWarning("Categoria não encontrada: {Categoria}", categoria);
|
||||
return NotFound();
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
var article = await _markdownService.GetArticleAsync(
|
||||
$"Tutoriais/{categoria}/{slug}",
|
||||
"pt-BR"
|
||||
);
|
||||
|
||||
if (article == null)
|
||||
{
|
||||
_logger.LogWarning("Artigo não encontrado: {Categoria}/{Slug}", categoria, slug);
|
||||
return NotFound();
|
||||
}
|
||||
|
||||
// Buscar artigos relacionados da mesma categoria
|
||||
article.RelatedArticles = await _markdownService
|
||||
.GetArticlesByCategoryAsync(categoria, "pt-BR");
|
||||
|
||||
// Remover o artigo atual dos relacionados
|
||||
article.RelatedArticles = article.RelatedArticles
|
||||
.Where(a => a.Slug != slug)
|
||||
.Take(3)
|
||||
.ToList();
|
||||
|
||||
ViewBag.Category = category;
|
||||
return View(article);
|
||||
}
|
||||
catch (FileNotFoundException)
|
||||
{
|
||||
_logger.LogWarning("Arquivo markdown não encontrado: {Categoria}/{Slug}", categoria, slug);
|
||||
return NotFound();
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,16 +0,0 @@
|
||||
namespace BCards.Web.Areas.Tutoriais.Models;
|
||||
|
||||
public class ArticleMetadata
|
||||
{
|
||||
public string Title { get; set; } = string.Empty;
|
||||
public string Description { get; set; } = string.Empty;
|
||||
public string Keywords { get; set; } = string.Empty;
|
||||
public string Author { get; set; } = "BCards";
|
||||
public DateTime Date { get; set; }
|
||||
public DateTime LastMod { get; set; }
|
||||
public string Image { get; set; } = string.Empty;
|
||||
public string Culture { get; set; } = "pt-BR";
|
||||
public string? Category { get; set; } // Apenas para tutoriais
|
||||
public int ReadingTimeMinutes { get; set; }
|
||||
public string Slug { get; set; } = string.Empty;
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
namespace BCards.Web.Areas.Tutoriais.Models.ViewModels;
|
||||
|
||||
public class ArticleViewModel
|
||||
{
|
||||
public ArticleMetadata Metadata { get; set; } = new();
|
||||
public string HtmlContent { get; set; } = string.Empty;
|
||||
public string Slug { get; set; } = string.Empty;
|
||||
public DateTime LastModified { get; set; }
|
||||
public List<ArticleMetadata> RelatedArticles { get; set; } = new();
|
||||
}
|
||||
@ -1,11 +0,0 @@
|
||||
using BCards.Web.Areas.Tutoriais.Models;
|
||||
using BCards.Web.Areas.Tutoriais.Models.ViewModels;
|
||||
|
||||
namespace BCards.Web.Areas.Tutoriais.Services;
|
||||
|
||||
public interface IMarkdownService
|
||||
{
|
||||
Task<ArticleViewModel?> GetArticleAsync(string relativePath, string culture);
|
||||
Task<List<ArticleMetadata>> GetArticlesByCategoryAsync(string category, string culture);
|
||||
Task<List<ArticleMetadata>> GetAllArticlesAsync(string baseFolder, string culture);
|
||||
}
|
||||
@ -1,240 +0,0 @@
|
||||
using BCards.Web.Areas.Tutoriais.Models;
|
||||
using BCards.Web.Areas.Tutoriais.Models.ViewModels;
|
||||
using Markdig;
|
||||
using Microsoft.Extensions.Caching.Memory;
|
||||
using YamlDotNet.Serialization;
|
||||
using YamlDotNet.Serialization.NamingConventions;
|
||||
|
||||
namespace BCards.Web.Areas.Tutoriais.Services;
|
||||
|
||||
public class MarkdownService : IMarkdownService
|
||||
{
|
||||
private readonly IMemoryCache _cache;
|
||||
private readonly ILogger<MarkdownService> _logger;
|
||||
private readonly string _contentBasePath;
|
||||
private readonly MarkdownPipeline _markdownPipeline;
|
||||
private readonly IDeserializer _yamlDeserializer;
|
||||
|
||||
public MarkdownService(
|
||||
IMemoryCache cache,
|
||||
ILogger<MarkdownService> logger,
|
||||
IWebHostEnvironment environment)
|
||||
{
|
||||
_cache = cache;
|
||||
_logger = logger;
|
||||
_contentBasePath = Path.Combine(environment.ContentRootPath, "Content");
|
||||
|
||||
// Pipeline Markdig com extensões avançadas
|
||||
_markdownPipeline = new MarkdownPipelineBuilder()
|
||||
.UseAdvancedExtensions() // Tables, footnotes, etc.
|
||||
.UseAutoLinks() // Auto-link URLs
|
||||
.UseEmphasisExtras() // ~~strikethrough~~
|
||||
.UseGenericAttributes() // {#id .class}
|
||||
.DisableHtml() // Segurança: bloqueia HTML inline
|
||||
.Build();
|
||||
|
||||
// Deserializador YAML
|
||||
_yamlDeserializer = new DeserializerBuilder()
|
||||
.WithNamingConvention(CamelCaseNamingConvention.Instance)
|
||||
.IgnoreUnmatchedProperties()
|
||||
.Build();
|
||||
}
|
||||
|
||||
public async Task<ArticleViewModel?> GetArticleAsync(string relativePath, string culture)
|
||||
{
|
||||
var cacheKey = $"Article_{relativePath}_{culture}";
|
||||
|
||||
// Verificar cache
|
||||
if (_cache.TryGetValue(cacheKey, out ArticleViewModel? cachedArticle))
|
||||
{
|
||||
_logger.LogDebug("Artigo encontrado no cache: {Path}", relativePath);
|
||||
return cachedArticle;
|
||||
}
|
||||
|
||||
// Construir caminho completo
|
||||
var fullPath = Path.Combine(_contentBasePath, $"{relativePath}.{culture}.md");
|
||||
|
||||
if (!File.Exists(fullPath))
|
||||
{
|
||||
_logger.LogWarning("Arquivo não encontrado: {Path}", fullPath);
|
||||
return null;
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
var content = await File.ReadAllTextAsync(fullPath);
|
||||
var (metadata, markdownContent) = ExtractFrontmatter(content);
|
||||
|
||||
if (metadata == null)
|
||||
{
|
||||
_logger.LogError("Frontmatter inválido em: {Path}", fullPath);
|
||||
return null;
|
||||
}
|
||||
|
||||
// Processar markdown → HTML
|
||||
var htmlContent = Markdown.ToHtml(markdownContent, _markdownPipeline);
|
||||
|
||||
// Calcular tempo de leitura (200 palavras/minuto)
|
||||
var wordCount = markdownContent.Split(' ', StringSplitOptions.RemoveEmptyEntries).Length;
|
||||
metadata.ReadingTimeMinutes = Math.Max(1, wordCount / 200);
|
||||
|
||||
// Extrair slug do path
|
||||
metadata.Slug = Path.GetFileNameWithoutExtension(
|
||||
Path.GetFileNameWithoutExtension(relativePath.Split('/').Last())
|
||||
);
|
||||
metadata.Culture = culture;
|
||||
|
||||
var article = new ArticleViewModel
|
||||
{
|
||||
Metadata = metadata,
|
||||
HtmlContent = htmlContent,
|
||||
Slug = metadata.Slug,
|
||||
LastModified = File.GetLastWriteTimeUtc(fullPath)
|
||||
};
|
||||
|
||||
// Cache por 1 hora
|
||||
_cache.Set(cacheKey, article, TimeSpan.FromHours(1));
|
||||
|
||||
_logger.LogInformation("Artigo processado e cacheado: {Path}", relativePath);
|
||||
return article;
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao processar artigo: {Path}", fullPath);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
public async Task<List<ArticleMetadata>> GetArticlesByCategoryAsync(string category, string culture)
|
||||
{
|
||||
var cacheKey = $"CategoryArticles_{category}_{culture}";
|
||||
|
||||
if (_cache.TryGetValue(cacheKey, out List<ArticleMetadata>? cached))
|
||||
{
|
||||
return cached ?? new List<ArticleMetadata>();
|
||||
}
|
||||
|
||||
var categoryPath = Path.Combine(_contentBasePath, "Tutoriais", category);
|
||||
|
||||
if (!Directory.Exists(categoryPath))
|
||||
{
|
||||
_logger.LogWarning("Diretório de categoria não encontrado: {Path}", categoryPath);
|
||||
return new List<ArticleMetadata>();
|
||||
}
|
||||
|
||||
var articles = new List<ArticleMetadata>();
|
||||
var files = Directory.GetFiles(categoryPath, $"*.{culture}.md");
|
||||
|
||||
foreach (var file in files)
|
||||
{
|
||||
try
|
||||
{
|
||||
var content = await File.ReadAllTextAsync(file);
|
||||
var (metadata, _) = ExtractFrontmatter(content);
|
||||
|
||||
if (metadata != null)
|
||||
{
|
||||
var slug = Path.GetFileNameWithoutExtension(
|
||||
Path.GetFileNameWithoutExtension(file)
|
||||
);
|
||||
metadata.Slug = slug;
|
||||
metadata.Culture = culture;
|
||||
metadata.Category = category;
|
||||
articles.Add(metadata);
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao processar arquivo: {File}", file);
|
||||
}
|
||||
}
|
||||
|
||||
// Ordenar por data (mais recentes primeiro)
|
||||
articles = articles.OrderByDescending(a => a.Date).ToList();
|
||||
|
||||
_cache.Set(cacheKey, articles, TimeSpan.FromHours(1));
|
||||
return articles;
|
||||
}
|
||||
|
||||
public async Task<List<ArticleMetadata>> GetAllArticlesAsync(string baseFolder, string culture)
|
||||
{
|
||||
var cacheKey = $"AllArticles_{baseFolder}_{culture}";
|
||||
|
||||
if (_cache.TryGetValue(cacheKey, out List<ArticleMetadata>? cached))
|
||||
{
|
||||
return cached ?? new List<ArticleMetadata>();
|
||||
}
|
||||
|
||||
var folderPath = Path.Combine(_contentBasePath, baseFolder);
|
||||
|
||||
if (!Directory.Exists(folderPath))
|
||||
{
|
||||
_logger.LogWarning("Pasta não encontrada: {Path}", folderPath);
|
||||
return new List<ArticleMetadata>();
|
||||
}
|
||||
|
||||
var articles = new List<ArticleMetadata>();
|
||||
var files = Directory.GetFiles(folderPath, $"*.{culture}.md", SearchOption.AllDirectories);
|
||||
|
||||
foreach (var file in files)
|
||||
{
|
||||
try
|
||||
{
|
||||
var content = await File.ReadAllTextAsync(file);
|
||||
var (metadata, _) = ExtractFrontmatter(content);
|
||||
|
||||
if (metadata != null)
|
||||
{
|
||||
var slug = Path.GetFileNameWithoutExtension(
|
||||
Path.GetFileNameWithoutExtension(file)
|
||||
);
|
||||
metadata.Slug = slug;
|
||||
metadata.Culture = culture;
|
||||
articles.Add(metadata);
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao processar arquivo: {File}", file);
|
||||
}
|
||||
}
|
||||
|
||||
articles = articles.OrderByDescending(a => a.Date).ToList();
|
||||
_cache.Set(cacheKey, articles, TimeSpan.FromHours(1));
|
||||
return articles;
|
||||
}
|
||||
|
||||
private (ArticleMetadata? metadata, string content) ExtractFrontmatter(string fileContent)
|
||||
{
|
||||
var lines = fileContent.Split('\n');
|
||||
|
||||
if (lines.Length < 3 || !lines[0].Trim().Equals("---"))
|
||||
{
|
||||
_logger.LogWarning("Frontmatter não encontrado (deve começar com ---)");
|
||||
return (null, fileContent);
|
||||
}
|
||||
|
||||
var endIndex = Array.FindIndex(lines, 1, line => line.Trim().Equals("---"));
|
||||
|
||||
if (endIndex == -1)
|
||||
{
|
||||
_logger.LogWarning("Frontmatter mal formatado (falta --- de fechamento)");
|
||||
return (null, fileContent);
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
var yamlContent = string.Join('\n', lines[1..endIndex]);
|
||||
var metadata = _yamlDeserializer.Deserialize<ArticleMetadata>(yamlContent);
|
||||
|
||||
var markdownContent = string.Join('\n', lines[(endIndex + 1)..]);
|
||||
|
||||
return (metadata, markdownContent);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao deserializar YAML frontmatter");
|
||||
return (null, fileContent);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,251 +0,0 @@
|
||||
@model BCards.Web.Areas.Tutoriais.Models.ViewModels.ArticleViewModel
|
||||
@{
|
||||
var category = ViewBag.Category as BCards.Web.Models.Category;
|
||||
ViewData["Title"] = Model.Metadata.Title;
|
||||
}
|
||||
|
||||
@section Head {
|
||||
<!-- Meta Tags SEO -->
|
||||
<meta name="description" content="@Model.Metadata.Description">
|
||||
<meta name="keywords" content="@Model.Metadata.Keywords">
|
||||
<meta name="author" content="@Model.Metadata.Author">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="@Url.Action("Article", "Tutoriais", new { area = "Tutoriais", categoria = category?.Slug, slug = Model.Slug }, Context.Request.Scheme)">
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:title" content="@Model.Metadata.Title">
|
||||
<meta property="og:description" content="@Model.Metadata.Description">
|
||||
<meta property="og:image" content="@Model.Metadata.Image">
|
||||
<meta property="og:url" content="@Url.Action("Article", "Tutoriais", new { area = "Tutoriais", categoria = category?.Slug, slug = Model.Slug }, Context.Request.Scheme)">
|
||||
<meta property="article:published_time" content="@Model.Metadata.Date.ToString("yyyy-MM-ddTHH:mm:ssZ")">
|
||||
<meta property="article:modified_time" content="@Model.Metadata.LastMod.ToString("yyyy-MM-ddTHH:mm:ssZ")">
|
||||
<meta property="article:author" content="@Model.Metadata.Author">
|
||||
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="@Model.Metadata.Title">
|
||||
<meta name="twitter:description" content="@Model.Metadata.Description">
|
||||
<meta name="twitter:image" content="@Model.Metadata.Image">
|
||||
|
||||
<!-- Schema.org JSON-LD -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@@context": "https://schema.org",
|
||||
"@@type": "Article",
|
||||
"headline": "@Model.Metadata.Title",
|
||||
"description": "@Model.Metadata.Description",
|
||||
"image": "@Model.Metadata.Image",
|
||||
"datePublished": "@Model.Metadata.Date.ToString("yyyy-MM-dd")",
|
||||
"dateModified": "@Model.Metadata.LastMod.ToString("yyyy-MM-dd")",
|
||||
"author": {
|
||||
"@@type": "Person",
|
||||
"name": "@Model.Metadata.Author"
|
||||
},
|
||||
"publisher": {
|
||||
"@@type": "Organization",
|
||||
"name": "BCards",
|
||||
"logo": {
|
||||
"@@type": "ImageObject",
|
||||
"url": "https://bcards.site/logo.png"
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- BreadcrumbList Schema -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@@context": "https://schema.org",
|
||||
"@@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{
|
||||
"@@type": "ListItem",
|
||||
"position": 1,
|
||||
"name": "Início",
|
||||
"item": "https://bcards.site"
|
||||
},
|
||||
{
|
||||
"@@type": "ListItem",
|
||||
"position": 2,
|
||||
"name": "Tutoriais",
|
||||
"item": "https://bcards.site/tutoriais"
|
||||
},
|
||||
{
|
||||
"@@type": "ListItem",
|
||||
"position": 3,
|
||||
"name": "@category?.Name",
|
||||
"item": "https://bcards.site/tutoriais/@category?.Slug"
|
||||
},
|
||||
{
|
||||
"@@type": "ListItem",
|
||||
"position": 4,
|
||||
"name": "@Model.Metadata.Title"
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
}
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<!-- Breadcrumb -->
|
||||
<nav aria-label="breadcrumb" class="mb-4">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="/">Início</a></li>
|
||||
<li class="breadcrumb-item"><a href="@Url.Action("Index", "Tutoriais", new { area = "Tutoriais" })">Tutoriais</a></li>
|
||||
<li class="breadcrumb-item"><a href="@Url.Action("Category", "Tutoriais", new { area = "Tutoriais", categoria = category?.Slug })">@category?.Name</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">@Model.Metadata.Title</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<!-- Article Header -->
|
||||
<article>
|
||||
<header class="mb-4">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="badge bg-primary me-2">@category?.Icon @category?.Name</span>
|
||||
<span class="text-muted small"><i class="far fa-clock me-1"></i> @Model.Metadata.ReadingTimeMinutes min de leitura</span>
|
||||
</div>
|
||||
<h1 class="display-5 mb-3">@Model.Metadata.Title</h1>
|
||||
<p class="lead text-muted">@Model.Metadata.Description</p>
|
||||
<div class="d-flex align-items-center text-muted small mb-3">
|
||||
<span class="me-3"><i class="fas fa-user me-1"></i> @Model.Metadata.Author</span>
|
||||
<span class="me-3"><i class="fas fa-calendar me-1"></i> @Model.Metadata.Date.ToString("dd/MM/yyyy")</span>
|
||||
<span><i class="fas fa-sync me-1"></i> Atualizado em @Model.Metadata.LastMod.ToString("dd/MM/yyyy")</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@if (!string.IsNullOrEmpty(Model.Metadata.Image))
|
||||
{
|
||||
<img src="@Model.Metadata.Image" class="img-fluid rounded mb-4" alt="@Model.Metadata.Title">
|
||||
}
|
||||
|
||||
<!-- Article Content -->
|
||||
<div class="article-content">
|
||||
@Html.Raw(Model.HtmlContent)
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- CTA -->
|
||||
<div class="alert alert-primary mt-5" role="alert">
|
||||
<h4 class="alert-heading"><i class="fas fa-rocket me-2"></i> Pronto para criar seu BCard?</h4>
|
||||
<p class="mb-3">Agora que você aprendeu como funciona, que tal criar seu próprio cartão digital profissional?</p>
|
||||
<a href="/" class="btn btn-primary">Criar meu BCard grátis</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div class="col-lg-4">
|
||||
<div class="sticky-top" style="top: 20px;">
|
||||
<!-- Related Articles -->
|
||||
@if (Model.RelatedArticles.Any())
|
||||
{
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title mb-3"><i class="fas fa-book-open me-2"></i> Tutoriais Relacionados</h5>
|
||||
<div class="list-group list-group-flush">
|
||||
@foreach (var related in Model.RelatedArticles)
|
||||
{
|
||||
<a href="@Url.Action("Article", "Tutoriais", new { area = "Tutoriais", categoria = category?.Slug, slug = related.Slug })" class="list-group-item list-group-item-action border-0 px-0">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h6 class="mb-1">@related.Title</h6>
|
||||
</div>
|
||||
<small class="text-muted"><i class="far fa-clock me-1"></i> @related.ReadingTimeMinutes min</small>
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
<!-- Help Card -->
|
||||
<div class="card border-0 shadow-sm bg-light">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-question-circle fa-3x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Precisa de ajuda?</h5>
|
||||
<p class="card-text small text-muted">Entre em contato com nosso suporte se tiver dúvidas</p>
|
||||
<a href="/Support" class="btn btn-sm btn-outline-primary">Falar com suporte</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Styles {
|
||||
<style>
|
||||
.article-content {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.article-content h1,
|
||||
.article-content h2,
|
||||
.article-content h3,
|
||||
.article-content h4,
|
||||
.article-content h5,
|
||||
.article-content h6 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.article-content h2 {
|
||||
font-size: 1.75rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 2px solid #dee2e6;
|
||||
}
|
||||
.article-content h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.article-content p {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.article-content img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0.375rem;
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
.article-content ul,
|
||||
.article-content ol {
|
||||
margin-bottom: 1.5rem;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.article-content li {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.article-content code {
|
||||
background-color: #f8f9fa;
|
||||
padding: 0.2rem 0.4rem;
|
||||
border-radius: 0.25rem;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.article-content pre {
|
||||
background-color: #f8f9fa;
|
||||
padding: 1rem;
|
||||
border-radius: 0.375rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.article-content blockquote {
|
||||
border-left: 4px solid #0d6efd;
|
||||
padding-left: 1rem;
|
||||
margin-left: 0;
|
||||
font-style: italic;
|
||||
color: #6c757d;
|
||||
}
|
||||
.article-content table {
|
||||
width: 100%;
|
||||
margin-bottom: 1.5rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.article-content table th,
|
||||
.article-content table td {
|
||||
padding: 0.75rem;
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
.article-content table th {
|
||||
background-color: #f8f9fa;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
}
|
||||
@ -1,74 +0,0 @@
|
||||
@model List<BCards.Web.Areas.Tutoriais.Models.ArticleMetadata>
|
||||
@{
|
||||
var category = ViewBag.Category as BCards.Web.Models.Category;
|
||||
ViewData["Title"] = $"Tutoriais de {category?.Name} - BCards";
|
||||
}
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<span class="display-1">@category?.Icon</span>
|
||||
<h1 class="display-5 mb-3">Tutoriais de @category?.Name</h1>
|
||||
<p class="lead text-muted">@category?.Description</p>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb justify-content-center">
|
||||
<li class="breadcrumb-item"><a href="/">Início</a></li>
|
||||
<li class="breadcrumb-item"><a href="@Url.Action("Index", "Tutoriais", new { area = "Tutoriais" })">Tutoriais</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">@category?.Name</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (Model.Any())
|
||||
{
|
||||
<div class="row g-4">
|
||||
@foreach (var artigo in Model)
|
||||
{
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card h-100 border-0 shadow-sm hover-shadow">
|
||||
@if (!string.IsNullOrEmpty(artigo.Image))
|
||||
{
|
||||
<img src="@artigo.Image" class="card-img-top" alt="@artigo.Title" style="height: 200px; object-fit: cover;">
|
||||
}
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">@artigo.Title</h5>
|
||||
<p class="card-text text-muted small">@artigo.Description</p>
|
||||
<div class="d-flex justify-content-between align-items-center text-muted small">
|
||||
<span><i class="far fa-clock me-1"></i> @artigo.ReadingTimeMinutes min</span>
|
||||
<span>@artigo.Date.ToString("dd/MM/yyyy")</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-transparent border-0">
|
||||
<a href="@Url.Action("Article", "Tutoriais", new { area = "Tutoriais", categoria = category?.Slug, slug = artigo.Slug })" class="btn btn-sm btn-primary w-100">
|
||||
Ler tutorial <i class="fas fa-arrow-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="text-center py-5">
|
||||
<i class="fas fa-book-open fa-4x text-muted mb-3"></i>
|
||||
<h3 class="text-muted">Nenhum tutorial disponível nesta categoria</h3>
|
||||
<p class="text-muted">Em breve teremos tutoriais para @category?.Name!</p>
|
||||
<a href="@Url.Action("Index", "Tutoriais", new { area = "Tutoriais" })" class="btn btn-primary mt-3">
|
||||
<i class="fas fa-arrow-left me-2"></i> Voltar para tutoriais
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@section Styles {
|
||||
<style>
|
||||
.hover-shadow {
|
||||
transition: box-shadow 0.3s ease-in-out;
|
||||
}
|
||||
.hover-shadow:hover {
|
||||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
|
||||
}
|
||||
</style>
|
||||
}
|
||||
@ -1,84 +0,0 @@
|
||||
@model Dictionary<string, List<BCards.Web.Areas.Tutoriais.Models.ArticleMetadata>>
|
||||
@{
|
||||
ViewData["Title"] = "Tutoriais BCards - Aprenda a usar o BCards";
|
||||
var categories = ViewBag.Categories as List<BCards.Web.Models.Category>;
|
||||
}
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<h1 class="display-4 mb-3">📚 Tutoriais BCards</h1>
|
||||
<p class="lead text-muted">Aprenda a usar o BCards e maximize seus resultados com guias práticos por categoria</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (Model.Any())
|
||||
{
|
||||
@foreach (var categorySlug in Model.Keys)
|
||||
{
|
||||
var category = categories?.FirstOrDefault(c => c.Slug == categorySlug);
|
||||
var artigos = Model[categorySlug];
|
||||
|
||||
if (category != null && artigos.Any())
|
||||
{
|
||||
<div class="mb-5">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<span class="fs-2 me-2">@category.Icon</span>
|
||||
<h2 class="mb-0">@category.Name</h2>
|
||||
<a href="@Url.Action("Category", "Tutoriais", new { area = "Tutoriais", categoria = category.Slug })" class="ms-auto btn btn-sm btn-outline-primary">
|
||||
Ver todos <i class="fas fa-arrow-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-muted mb-4">@category.Description</p>
|
||||
|
||||
<div class="row g-4">
|
||||
@foreach (var artigo in artigos.Take(3))
|
||||
{
|
||||
<div class="col-md-4">
|
||||
<div class="card h-100 border-0 shadow-sm hover-shadow">
|
||||
@if (!string.IsNullOrEmpty(artigo.Image))
|
||||
{
|
||||
<img src="@artigo.Image" class="card-img-top" alt="@artigo.Title" style="height: 200px; object-fit: cover;">
|
||||
}
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">@artigo.Title</h5>
|
||||
<p class="card-text text-muted small">@artigo.Description</p>
|
||||
<div class="d-flex justify-content-between align-items-center text-muted small">
|
||||
<span><i class="far fa-clock me-1"></i> @artigo.ReadingTimeMinutes min</span>
|
||||
<span>@artigo.Date.ToString("dd/MM/yyyy")</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-transparent border-0">
|
||||
<a href="@Url.Action("Article", "Tutoriais", new { area = "Tutoriais", categoria = category.Slug, slug = artigo.Slug })" class="btn btn-sm btn-primary w-100">
|
||||
Ler tutorial <i class="fas fa-arrow-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<hr class="my-5">
|
||||
}
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="text-center py-5">
|
||||
<i class="fas fa-book-open fa-4x text-muted mb-3"></i>
|
||||
<h3 class="text-muted">Nenhum tutorial disponível ainda</h3>
|
||||
<p class="text-muted">Em breve teremos tutoriais incríveis para você!</p>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@section Styles {
|
||||
<style>
|
||||
.hover-shadow {
|
||||
transition: box-shadow 0.3s ease-in-out;
|
||||
}
|
||||
.hover-shadow:hover {
|
||||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
|
||||
}
|
||||
</style>
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@{
|
||||
Layout = "_Layout";
|
||||
}
|
||||
@ -10,7 +10,6 @@
|
||||
</PropertyGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="Markdig" Version="0.43.0" />
|
||||
<PackageReference Include="MongoDB.Driver" Version="3.4.2" />
|
||||
<PackageReference Include="Stripe.net" Version="48.4.0" />
|
||||
<PackageReference Include="Microsoft.AspNetCore.Authentication.Google" Version="8.0.4" />
|
||||
@ -32,18 +31,12 @@
|
||||
<PackageReference Include="Microsoft.Extensions.Diagnostics.HealthChecks" Version="8.0.0" />
|
||||
<PackageReference Include="AspNetCore.HealthChecks.MongoDb" Version="7.0.0" />
|
||||
<PackageReference Include="AspNetCore.DataProtection.MongoDB" Version="8.0.0" />
|
||||
<PackageReference Include="YamlDotNet" Version="16.3.0" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<EmbeddedResource Include="Resources\**\*.resx" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Folder Include="Content\Artigos\" />
|
||||
<Folder Include="Content\Tutoriais\" />
|
||||
</ItemGroup>
|
||||
|
||||
<PropertyGroup Condition="'$(Configuration)'=='Testing'">
|
||||
<DefineConstants>$(DefineConstants);TESTING</DefineConstants>
|
||||
</PropertyGroup>
|
||||
|
||||
@ -1,10 +0,0 @@
|
||||
namespace BCards.Web.Configuration;
|
||||
|
||||
public class SupportSettings
|
||||
{
|
||||
public string TelegramUrl { get; set; } = string.Empty;
|
||||
public string FormspreeUrl { get; set; } = string.Empty;
|
||||
public List<string> EnableTelegramForPlans { get; set; } = new();
|
||||
public List<string> EnableFormForPlans { get; set; } = new();
|
||||
public bool EnableRatingForAllUsers { get; set; } = true;
|
||||
}
|
||||
@ -1,395 +0,0 @@
|
||||
---
|
||||
title: "BCards vs LinkTree: Compare e Escolha a Melhor Alternativa Brasileira"
|
||||
description: "Comparação completa entre BCards e LinkTree. Descubra qual plataforma oferece melhor custo-benefício, mais funcionalidades e suporte em português para sua página de links profissional."
|
||||
keywords: "linktree, alternativa ao linktree, bcards, página de links, linktree brasil, comparação linktree, melhor que linktree"
|
||||
author: "Equipe BCards"
|
||||
date: 2025-01-15
|
||||
lastMod: 2025-01-15
|
||||
image: "/images/artigos/bcards-vs-linktree.jpg"
|
||||
culture: "pt-BR"
|
||||
---
|
||||
|
||||
# BCards vs LinkTree: Compare e Escolha a Melhor Alternativa Brasileira
|
||||
|
||||
Se você está procurando uma alternativa ao LinkTree, provavelmente já percebeu que existem diversas opções no mercado. Mas qual delas oferece o melhor custo-benefício para profissionais e empresas brasileiras?
|
||||
|
||||
Neste artigo, vamos fazer uma comparação honesta e detalhada entre **BCards** e **LinkTree**, analisando funcionalidades, preços, suporte e muito mais para ajudá-lo a tomar a melhor decisão.
|
||||
|
||||
## O Que São Plataformas de Bio Links?
|
||||
|
||||
Antes de mergulharmos na comparação, vamos entender o conceito. Plataformas como LinkTree e BCards permitem que você crie uma página única com múltiplos links, perfeita para compartilhar em suas redes sociais (especialmente Instagram, TikTok e Twitter, onde você tem espaço limitado para links).
|
||||
|
||||
Em vez de escolher apenas um link na sua bio, você direciona seus seguidores para uma página centralizada com todos os seus links importantes: site, blog, produtos, redes sociais, portfólio e muito mais.
|
||||
|
||||
## Visão Geral: BCards vs LinkTree
|
||||
|
||||
### LinkTree: O Pioneer Global
|
||||
|
||||
O LinkTree foi uma das primeiras plataformas de bio links a ganhar popularidade mundial. Fundado na Austrália, hoje é usado por milhões de criadores de conteúdo, influenciadores e empresas ao redor do mundo.
|
||||
|
||||
**Principais Características:**
|
||||
- Interface simples e intuitiva
|
||||
- Grande reconhecimento de marca internacional
|
||||
- Diversas integrações com plataformas globais
|
||||
- Suporte em inglês
|
||||
|
||||
### BCards: A Alternativa Brasileira
|
||||
|
||||
O BCards é uma plataforma brasileira desenvolvida especificamente para atender às necessidades do mercado nacional. Criada por profissionais que entendem os desafios locais, oferece funcionalidades pensadas para o público brasileiro.
|
||||
|
||||
**Principais Características:**
|
||||
- Totalmente em português
|
||||
- Suporte local e personalizado
|
||||
- Preços em reais (sem variação cambial)
|
||||
- URLs organizadas por categoria profissional
|
||||
- Foco no mercado brasileiro e latino-americano
|
||||
|
||||
## Comparação Detalhada de Funcionalidades
|
||||
|
||||
### 1. Estrutura de URLs
|
||||
|
||||
**LinkTree:**
|
||||
- Formato: `linktr.ee/seuusuario`
|
||||
- URL genérica para todos os usuários
|
||||
|
||||
**BCards:**
|
||||
- Formato: `bcards.site/page/{categoria}/{seu-slug}`
|
||||
- Exemplos:
|
||||
- `bcards.site/page/advocacia/maria-silva`
|
||||
- `bcards.site/page/tecnologia/joao-dev`
|
||||
- `bcards.site/page/saude/dra-ana-cardiologista`
|
||||
|
||||
**Vantagem BCards:** URLs hierárquicas melhoram significativamente o SEO e a credibilidade profissional. Quando alguém visita seu link, já sabe qual é sua área de atuação antes mesmo de abrir a página.
|
||||
|
||||
### 2. Personalização Visual
|
||||
|
||||
**LinkTree:**
|
||||
- Plano gratuito: Temas básicos limitados
|
||||
- Planos pagos: Mais opções de personalização
|
||||
- Temas pré-definidos
|
||||
|
||||
**BCards:**
|
||||
- Plano Básico: 5+ temas profissionais
|
||||
- Plano Profissional: 10+ temas premium
|
||||
- Plano Premium: Temas customizáveis + editor CSS
|
||||
|
||||
**Vantagem BCards:** Maior flexibilidade de personalização mesmo nos planos mais acessíveis, permitindo que sua página reflita sua identidade visual.
|
||||
|
||||
### 3. Quantidade de Links
|
||||
|
||||
**LinkTree:**
|
||||
- Plano gratuito: Links ilimitados
|
||||
- Destaque para 1 link por vez (feature paga)
|
||||
|
||||
**BCards:**
|
||||
- Plano Básico (R$ 12,90): 5 links
|
||||
- Plano Profissional (R$ 25,90): 15 links
|
||||
- Plano Premium (R$ 29,90): Links ilimitados
|
||||
|
||||
**Empate:** LinkTree oferece links ilimitados gratuitamente, mas limita recursos de destaque. BCards oferece estrutura mais organizada com categorias, mas limita quantidade nos planos básicos.
|
||||
|
||||
### 4. Analytics e Métricas
|
||||
|
||||
**LinkTree:**
|
||||
- Plano gratuito: Métricas básicas de cliques
|
||||
- Planos pagos: Analytics avançado, integração com Google Analytics, rastreamento de conversões
|
||||
|
||||
**BCards:**
|
||||
- Todos os planos: Contadores de cliques por link
|
||||
- Dashboards com métricas de desempenho
|
||||
- Relatórios de visitantes
|
||||
|
||||
**Empate:** Ambas as plataformas oferecem analytics suficientes para a maioria dos usuários. LinkTree tem vantagem em integrações avançadas, BCards oferece simplicidade e clareza nos dados.
|
||||
|
||||
### 5. Integrações
|
||||
|
||||
**LinkTree:**
|
||||
- Integrações com diversas plataformas globais
|
||||
- Facebook Pixel, Google Analytics, TikTok, Spotify, Apple Music
|
||||
- Mais de 100 integrações
|
||||
|
||||
**BCards:**
|
||||
- Integrações com principais plataformas brasileiras
|
||||
- Google Analytics
|
||||
- Redes sociais principais (Instagram, Facebook, WhatsApp)
|
||||
- Foco em ferramentas relevantes para o mercado brasileiro
|
||||
|
||||
**Vantagem LinkTree:** Maior quantidade de integrações com plataformas internacionais, ideal para criadores de conteúdo global.
|
||||
|
||||
### 6. Sistema de Moderação e Qualidade
|
||||
|
||||
**LinkTree:**
|
||||
- Moderação automatizada
|
||||
- Políticas de uso global
|
||||
|
||||
**BCards:**
|
||||
- Sistema de moderação humanizada
|
||||
- Análise de conteúdo antes da ativação
|
||||
- Garantia de qualidade das páginas públicas
|
||||
|
||||
**Vantagem BCards:** A moderação manual garante que todas as páginas ativas mantenham um padrão de qualidade, protegendo a reputação da plataforma e dos usuários.
|
||||
|
||||
## Comparação de Preços (Janeiro 2025)
|
||||
|
||||
### LinkTree
|
||||
|
||||
**Free (Gratuito):**
|
||||
- Links ilimitados
|
||||
- Temas básicos
|
||||
- Métricas limitadas
|
||||
- Branding LinkTree visível
|
||||
|
||||
**Starter (US$ 5/mês = ~R$ 25-30/mês*):**
|
||||
- Remove branding
|
||||
- Mais opções de temas
|
||||
- Agendamento de links
|
||||
- Analytics básico
|
||||
|
||||
**Pro (US$ 9/mês = ~R$ 45-55/mês*):**
|
||||
- Analytics avançado
|
||||
- Priorização de links
|
||||
- Vídeos de fundo
|
||||
- Integrações avançadas
|
||||
|
||||
**Premium (US$ 24/mês = ~R$ 120-145/mês*):**
|
||||
- Todas as features Pro
|
||||
- Suporte prioritário
|
||||
- Features de e-commerce
|
||||
- Mais integrações
|
||||
|
||||
*Valores aproximados sujeitos à variação cambial
|
||||
|
||||
### BCards
|
||||
|
||||
**Básico (R$ 12,90/mês):**
|
||||
- 5 links organizados
|
||||
- Temas básicos
|
||||
- Analytics essenciais
|
||||
- URL categorizada
|
||||
- Suporte em português
|
||||
|
||||
**Profissional (R$ 25,90/mês):**
|
||||
- 15 links organizados
|
||||
- Todos os temas premium
|
||||
- Analytics completo
|
||||
- Suporte prioritário
|
||||
|
||||
**Premium (R$ 29,90/mês):**
|
||||
- Links ilimitados
|
||||
- Temas customizáveis
|
||||
- Editor CSS avançado
|
||||
- Analytics detalhado
|
||||
- Suporte VIP
|
||||
|
||||
### Análise de Custo-Benefício
|
||||
|
||||
Para usuários brasileiros, o BCards oferece vantagens significativas:
|
||||
|
||||
1. **Sem variação cambial**: Preços fixos em reais
|
||||
2. **Custo inicial menor**: R$ 12,90 vs ~R$ 25-30 (Starter do LinkTree)
|
||||
3. **Plano Premium mais acessível**: R$ 29,90 vs ~R$ 120-145 (Premium do LinkTree)
|
||||
4. **Suporte em português**: Sem barreira linguística
|
||||
|
||||
**Exemplo prático:**
|
||||
|
||||
Um advogado que precisa de uma página profissional com 10 links:
|
||||
- **LinkTree Pro**: ~R$ 45-55/mês (R$ 540-660/ano)
|
||||
- **BCards Profissional**: R$ 25,90/mês (R$ 310,80/ano)
|
||||
- **Economia**: R$ 241-361/ano (44-55% de economia)
|
||||
|
||||
## Quando Escolher LinkTree?
|
||||
|
||||
O LinkTree pode ser a melhor opção se você:
|
||||
|
||||
1. **Precisa de visibilidade internacional**: Marca reconhecida globalmente
|
||||
2. **Cria conteúdo em inglês**: Audiência internacional
|
||||
3. **Necessita de integrações específicas**: Plataformas não populares no Brasil
|
||||
4. **Quer começar gratuitamente**: Plano free com links ilimitados
|
||||
5. **Trabalha com e-commerce global**: Integrações avançadas de vendas
|
||||
|
||||
## Quando Escolher BCards?
|
||||
|
||||
O BCards é ideal se você:
|
||||
|
||||
1. **Atua no mercado brasileiro**: Profissionais liberais, empresas locais
|
||||
2. **Valoriza suporte em português**: Comunicação clara e rápida
|
||||
3. **Busca melhor custo-benefício**: Preços competitivos em reais
|
||||
4. **Quer URLs profissionais**: Estrutura categorizada melhora SEO
|
||||
5. **Precisa de personalização**: Temas customizáveis por preço acessível
|
||||
6. **Valoriza qualidade**: Sistema de moderação garante padrão elevado
|
||||
|
||||
## Casos de Uso Práticos
|
||||
|
||||
### Caso 1: Advogada Especializada em Direito de Família
|
||||
|
||||
**Escolha: BCards**
|
||||
|
||||
Maria Silva, advogada em São Paulo, escolheu BCards porque:
|
||||
- URL profissional: `bcards.site/page/advocacia/maria-silva-direito-familia`
|
||||
- Preço fixo em reais (sem surpresas)
|
||||
- Suporte em português para ajustar sua página
|
||||
- Sistema de moderação garante credibilidade profissional
|
||||
|
||||
**Resultado:** Aumento de 40% em consultas via página de bio nos primeiros 3 meses.
|
||||
|
||||
### Caso 2: Influenciador de Tecnologia Global
|
||||
|
||||
**Escolha: LinkTree**
|
||||
|
||||
João Tech, criador de conteúdo com audiência internacional, escolheu LinkTree porque:
|
||||
- Marca reconhecida globalmente
|
||||
- Integrações com Patreon, Ko-fi, e outras plataformas internacionais
|
||||
- Audiência em múltiplos países
|
||||
- Necessidade de features de e-commerce global
|
||||
|
||||
**Resultado:** Facilidade para monetização internacional e reconhecimento da marca LinkTree entre seguidores estrangeiros.
|
||||
|
||||
### Caso 3: Personal Trainer Local
|
||||
|
||||
**Escolha: BCards**
|
||||
|
||||
Ana Fitness, personal trainer em Belo Horizonte, escolheu BCards porque:
|
||||
- Atende apenas clientes locais
|
||||
- Precisava de página profissional sem custo alto
|
||||
- URL categorizada: `bcards.site/page/saude/ana-personal-trainer-bh`
|
||||
- Todos os clientes falam português
|
||||
|
||||
**Resultado:** Redução de 60% no custo mensal comparado ao LinkTree Pro, mantendo todas as funcionalidades necessárias.
|
||||
|
||||
## Fatores Técnicos: SEO e Performance
|
||||
|
||||
### SEO (Otimização para Motores de Busca)
|
||||
|
||||
**BCards vantagens:**
|
||||
- URLs hierárquicas descritivas
|
||||
- Estrutura de categorias melhora indexação
|
||||
- Conteúdo em português nativo
|
||||
- Menor concorrência em buscas locais
|
||||
|
||||
**LinkTree vantagens:**
|
||||
- Autoridade de domínio global mais alta
|
||||
- Maior reconhecimento de marca
|
||||
- Backlinks naturais de usuários internacionais
|
||||
|
||||
### Performance e Velocidade
|
||||
|
||||
Ambas as plataformas oferecem:
|
||||
- Carregamento rápido (< 2 segundos)
|
||||
- Responsividade mobile
|
||||
- Uptime confiável (99%+)
|
||||
|
||||
## Suporte ao Cliente
|
||||
|
||||
### LinkTree
|
||||
- Suporte em inglês
|
||||
- Base de conhecimento extensa
|
||||
- Comunidade global ativa
|
||||
- Suporte prioritário apenas em planos premium
|
||||
|
||||
### BCards
|
||||
- Suporte em português
|
||||
- Atendimento personalizado
|
||||
- Suporte prioritário desde plano Profissional
|
||||
- Compreensão do contexto local brasileiro
|
||||
|
||||
**Vantagem BCards:** Para usuários que não dominam inglês ou preferem suporte local, o BCards oferece experiência significativamente melhor.
|
||||
|
||||
## Segurança e Privacidade
|
||||
|
||||
### LinkTree
|
||||
- Certificado SSL
|
||||
- Conformidade com GDPR (Europa)
|
||||
- Políticas de privacidade internacionais
|
||||
|
||||
### BCards
|
||||
- Certificado SSL
|
||||
- Políticas alinhadas com LGPD (Brasil)
|
||||
- Dados hospedados no Brasil
|
||||
|
||||
**Vantagem BCards:** Para empresas que precisam estar em conformidade com LGPD, ter dados hospedados no Brasil pode ser uma vantagem regulatória.
|
||||
|
||||
## Limitações de Cada Plataforma
|
||||
|
||||
### LinkTree Limitações
|
||||
- Custos em dólar (variação cambial)
|
||||
- Suporte não é em português
|
||||
- Alguns recursos avançados são muito caros
|
||||
- Foco global pode não atender necessidades locais
|
||||
|
||||
### BCards Limitações
|
||||
- Menor reconhecimento internacional
|
||||
- Menos integrações com plataformas globais
|
||||
- Comunidade menor (plataforma mais nova)
|
||||
- Não tem plano gratuito com links ilimitados
|
||||
|
||||
## Tabela Comparativa Resumida
|
||||
|
||||
| Característica | LinkTree | BCards |
|
||||
|---------------|----------|---------|
|
||||
| **Preço inicial** | Gratuito (limitado) | R$ 12,90/mês |
|
||||
| **Plano Pro** | ~R$ 45-55/mês | R$ 25,90/mês |
|
||||
| **Plano Premium** | ~R$ 120-145/mês | R$ 29,90/mês |
|
||||
| **Moeda** | Dólar (USD) | Real (BRL) |
|
||||
| **Links ilimitados** | Grátis | R$ 29,90/mês |
|
||||
| **Suporte** | Inglês | Português |
|
||||
| **URL** | linktr.ee/usuario | bcards.site/page/categoria/usuario |
|
||||
| **Moderação** | Automatizada | Humanizada |
|
||||
| **Foco** | Global | Brasil/América Latina |
|
||||
| **Integrações** | 100+ | Principais |
|
||||
| **Personalização** | Boa (paga) | Excelente (todos planos) |
|
||||
| **SEO** | Autoridade global | URLs categorizadas |
|
||||
|
||||
## Migração: Como Trocar do LinkTree para BCards
|
||||
|
||||
Se você já usa LinkTree e está considerando migrar para BCards, o processo é simples:
|
||||
|
||||
1. **Exporte seus links**: Copie títulos e URLs
|
||||
2. **Crie conta no BCards**: Escolha sua categoria profissional
|
||||
3. **Configure sua página**: Adicione links, escolha tema
|
||||
4. **Submeta para moderação**: Aguarde aprovação (24-48h)
|
||||
5. **Atualize suas redes sociais**: Troque o link da bio
|
||||
|
||||
**Dica:** Mantenha ambas as páginas ativas durante 1-2 semanas de transição para garantir que todos os seguidores vejam o novo link.
|
||||
|
||||
## Conclusão: Qual Escolher?
|
||||
|
||||
Não existe resposta única. A melhor escolha depende do seu contexto:
|
||||
|
||||
**Escolha LinkTree se:**
|
||||
- Você tem audiência internacional significativa
|
||||
- Cria conteúdo em inglês
|
||||
- Necessita de integrações específicas globais
|
||||
- Quer começar gratuitamente (com limitações)
|
||||
- Reconhecimento de marca internacional é importante
|
||||
|
||||
**Escolha BCards se:**
|
||||
- Você atua principalmente no Brasil
|
||||
- Valoriza suporte em português
|
||||
- Busca melhor custo-benefício
|
||||
- Quer URL profissional categorizada
|
||||
- Prefere moderação humanizada
|
||||
- Deseja evitar variação cambial
|
||||
|
||||
Para a maioria dos **profissionais brasileiros, pequenas empresas e criadores de conteúdo local**, o **BCards oferece melhor custo-benefício, suporte mais personalizado e funcionalidades adequadas às necessidades do mercado nacional**.
|
||||
|
||||
Para **criadores de conteúdo global, influenciadores internacionais e empresas que atuam em múltiplos países**, o **LinkTree pode ser a escolha mais adequada** devido ao reconhecimento internacional da marca.
|
||||
|
||||
## Próximos Passos
|
||||
|
||||
Pronto para criar sua página de links profissional?
|
||||
|
||||
1. **Defina suas necessidades**: Quantos links? Qual seu público?
|
||||
2. **Avalie seu orçamento**: Preço fixo ou variável?
|
||||
3. **Considere suporte**: Português ou inglês?
|
||||
4. **Teste a plataforma**: Crie uma página e veja qual interface prefere
|
||||
5. **Decida e comece**: Ambas são boas opções, escolha a melhor para você
|
||||
|
||||
**Experimente BCards gratuitamente** - [Criar conta agora](https://bcards.site/)
|
||||
|
||||
---
|
||||
|
||||
**Última atualização:** Janeiro 2025
|
||||
|
||||
*Este artigo é baseado em informações públicas das plataformas e nossa análise independente. Os preços podem variar. Consulte os sites oficiais para informações atualizadas.*
|
||||
|
||||
*Disclaimer: Somos a equipe BCards, mas nos esforçamos para apresentar uma comparação honesta e imparcial. Apresentamos vantagens e limitações de ambas as plataformas para ajudá-lo a tomar a melhor decisão para seu caso específico.*
|
||||
@ -1,339 +0,0 @@
|
||||
---
|
||||
title: "Transformação Digital para Pequenos Negócios: Comece Hoje Mesmo"
|
||||
description: "Guia prático sobre como pequenos negócios podem iniciar sua jornada de transformação digital sem grandes investimentos. Aprenda estratégias simples e eficazes."
|
||||
keywords: "transformação digital, pequenos negócios, digitalização, presença online, marketing digital"
|
||||
author: "Equipe BCards"
|
||||
date: 2025-01-10
|
||||
lastMod: 2025-01-10
|
||||
image: "/images/artigos/transformacao-digital.jpg"
|
||||
culture: "pt-BR"
|
||||
---
|
||||
|
||||
# Transformação Digital para Pequenos Negócios: Comece Hoje Mesmo
|
||||
|
||||
A transformação digital não é mais um luxo reservado apenas para grandes empresas. Hoje, pequenos negócios podem (e devem) aproveitar as ferramentas digitais para crescer, alcançar novos clientes e competir no mercado moderno.
|
||||
|
||||
Neste artigo, você vai descobrir como iniciar sua jornada digital com investimento mínimo e resultados máximos.
|
||||
|
||||
## O Que É Transformação Digital?
|
||||
|
||||
Transformação digital é o processo de integrar tecnologias digitais em todas as áreas do seu negócio, mudando fundamentalmente como você opera e entrega valor aos clientes.
|
||||
|
||||
Para pequenos negócios, isso não significa gastar milhões em sistemas complexos. Significa:
|
||||
- Ter presença online profissional
|
||||
- Facilitar o contato com clientes
|
||||
- Organizar informações de forma acessível
|
||||
- Automatizar processos simples
|
||||
- Usar dados para tomar decisões melhores
|
||||
|
||||
## Por Que Pequenos Negócios Precisam se Digitalizar?
|
||||
|
||||
### 1. Seus Clientes Estão Online
|
||||
|
||||
Mais de 70% dos brasileiros usam internet diariamente. Quando precisam de um produto ou serviço, a primeira ação é pesquisar online. Se você não está lá, está invisível.
|
||||
|
||||
### 2. Competitividade
|
||||
|
||||
Seus concorrentes já estão se digitalizando. Ficar de fora significa perder espaço no mercado.
|
||||
|
||||
### 3. Redução de Custos
|
||||
|
||||
Ferramentas digitais frequentemente custam menos que métodos tradicionais e alcançam mais pessoas.
|
||||
|
||||
### 4. Melhor Experiência do Cliente
|
||||
|
||||
Clientes valorizam conveniência: encontrar informações rapidamente, entrar em contato facilmente, agendar serviços online.
|
||||
|
||||
## Os 5 Pilares da Transformação Digital para Pequenos Negócios
|
||||
|
||||
### 1. Presença Online Profissional
|
||||
|
||||
**Problema:** Você não tem site, ou seu site está desatualizado.
|
||||
|
||||
**Solução Simples:**
|
||||
- Crie uma página profissional de links (bio link)
|
||||
- Organize todos seus canais em um único lugar
|
||||
- Facilite o acesso a WhatsApp, Instagram, serviços
|
||||
|
||||
**Custo:** A partir de R$ 12,90/mês
|
||||
|
||||
**Resultado:** Clientes encontram suas informações facilmente, você parece mais profissional.
|
||||
|
||||
### 2. Relacionamento com Clientes
|
||||
|
||||
**Problema:** Dificuldade em manter contato constante com clientes.
|
||||
|
||||
**Solução Simples:**
|
||||
- Use WhatsApp Business (gratuito)
|
||||
- Organize contatos com etiquetas
|
||||
- Configure mensagens automáticas
|
||||
- Crie catálogo de produtos
|
||||
|
||||
**Custo:** Gratuito
|
||||
|
||||
**Resultado:** Comunicação mais profissional e organizada.
|
||||
|
||||
### 3. Divulgação Estratégica
|
||||
|
||||
**Problema:** Propaganda cara e ineficiente.
|
||||
|
||||
**Solução Simples:**
|
||||
- Crie perfis profissionais em redes sociais
|
||||
- Poste conteúdo relevante regularmente
|
||||
- Use Instagram e Facebook Ads (começando com R$ 5/dia)
|
||||
- Peça avaliações no Google Meu Negócio
|
||||
|
||||
**Custo:** Pode começar com R$ 0 (orgânico) ou R$ 150/mês (anúncios básicos)
|
||||
|
||||
**Resultado:** Mais visibilidade, novos clientes, crescimento constante.
|
||||
|
||||
### 4. Gestão e Organização
|
||||
|
||||
**Problema:** Controle manual de vendas, estoque, finanças.
|
||||
|
||||
**Solução Simples:**
|
||||
- Use planilhas Google (gratuito)
|
||||
- Adote um sistema de gestão simples (muitos têm versão gratuita)
|
||||
- Organize documentos na nuvem (Google Drive/Dropbox)
|
||||
|
||||
**Custo:** Gratuito a R$ 30/mês
|
||||
|
||||
**Resultado:** Menos tempo perdido, mais controle, decisões baseadas em dados.
|
||||
|
||||
### 5. Pagamentos Digitais
|
||||
|
||||
**Problema:** Perder vendas por aceitar apenas dinheiro.
|
||||
|
||||
**Solução Simples:**
|
||||
- Aceite Pix (gratuito)
|
||||
- Use maquininha de cartão mobile
|
||||
- Crie links de pagamento online
|
||||
|
||||
**Custo:** Taxas apenas sobre vendas (2-5%)
|
||||
|
||||
**Resultado:** Venda mais, facilite a vida dos clientes, profissionalize seu negócio.
|
||||
|
||||
## Passo a Passo: Comece Sua Transformação Digital Hoje
|
||||
|
||||
### Semana 1: Presença Online Básica
|
||||
|
||||
**Dia 1-2: Configure WhatsApp Business**
|
||||
- Baixe o app WhatsApp Business
|
||||
- Configure perfil profissional com horário de atendimento
|
||||
- Crie mensagens automáticas
|
||||
- Adicione catálogo de produtos/serviços
|
||||
|
||||
**Dia 3-4: Crie Perfis Profissionais**
|
||||
- Instagram Business
|
||||
- Facebook Page
|
||||
- Google Meu Negócio
|
||||
|
||||
**Dia 5-7: Organize Seus Links**
|
||||
- Crie página profissional de links (ex: BCards)
|
||||
- Adicione todos os canais de contato
|
||||
- Coloque o link na bio de todas as redes sociais
|
||||
|
||||
### Semana 2: Conteúdo e Engajamento
|
||||
|
||||
**Dias 8-10: Planeje Conteúdo**
|
||||
- Defina 3 tipos de conteúdo para postar
|
||||
- Exemplos: Dicas, bastidores, promoções
|
||||
- Crie calendário simples (3 posts por semana)
|
||||
|
||||
**Dias 11-14: Comece a Postar**
|
||||
- Publique primeiro conteúdo
|
||||
- Responda todos os comentários
|
||||
- Peça para amigos e clientes seguirem
|
||||
|
||||
### Semana 3: Organização Interna
|
||||
|
||||
**Dias 15-17: Digitalize Processos**
|
||||
- Crie planilha de vendas no Google Sheets
|
||||
- Liste todos os clientes em planilha de contatos
|
||||
- Configure backup de fotos importantes na nuvem
|
||||
|
||||
**Dias 18-21: Configure Pagamentos**
|
||||
- Cadastre Pix
|
||||
- Avalie opções de maquininha mobile
|
||||
- Crie links de pagamento
|
||||
|
||||
### Semana 4: Primeiras Campanhas
|
||||
|
||||
**Dias 22-25: Marketing Digital Básico**
|
||||
- Poste sobre promoção especial
|
||||
- Impulsione post no Instagram/Facebook (R$ 20)
|
||||
- Monitore resultados
|
||||
|
||||
**Dias 26-30: Analise e Ajuste**
|
||||
- Veja quais posts tiveram mais engajamento
|
||||
- Identifique de onde vieram novos clientes
|
||||
- Planeje próximo mês
|
||||
|
||||
## Ferramentas Essenciais (Maioria Gratuitas)
|
||||
|
||||
### Comunicação
|
||||
- **WhatsApp Business**: Grátis
|
||||
- **Google Workspace** (e-mail profissional): R$ 12/usuário/mês
|
||||
|
||||
### Organização
|
||||
- **Google Drive**: 15GB grátis
|
||||
- **Trello** (gestão de tarefas): Grátis
|
||||
- **Google Sheets**: Grátis
|
||||
|
||||
### Presença Online
|
||||
- **BCards** (página de links): A partir de R$ 12,90/mês
|
||||
- **Instagram/Facebook**: Grátis
|
||||
- **Google Meu Negócio**: Grátis
|
||||
|
||||
### Marketing
|
||||
- **Canva** (design): Plano gratuito robusto
|
||||
- **Meta Business Suite**: Grátis
|
||||
- **Google Analytics**: Grátis
|
||||
|
||||
### Pagamentos
|
||||
- **Pix**: Grátis
|
||||
- **Mercado Pago**: Taxas sobre vendas
|
||||
- **PagSeguro**: Taxas sobre vendas
|
||||
|
||||
**Investimento total inicial:** R$ 0 a R$ 50/mês
|
||||
|
||||
## Erros Comuns a Evitar
|
||||
|
||||
### 1. Tentar Fazer Tudo de Uma Vez
|
||||
**Erro:** Criar 10 perfis, começar blog, loja virtual, tudo junto.
|
||||
**Solução:** Comece com o básico, domine, depois expanda.
|
||||
|
||||
### 2. Não Ter Consistência
|
||||
**Erro:** Postar muito uma semana, depois sumir por meses.
|
||||
**Solução:** Defina frequência realista e mantenha.
|
||||
|
||||
### 3. Ignorar Clientes Online
|
||||
**Erro:** Não responder comentários e mensagens rapidamente.
|
||||
**Solução:** Defina horários para checar e responder (3x ao dia).
|
||||
|
||||
### 4. Não Mensurar Resultados
|
||||
**Erro:** Investir sem saber o que funciona.
|
||||
**Solução:** Acompanhe métricas básicas (seguidores, curtidas, vendas).
|
||||
|
||||
### 5. Copiar Concorrentes sem Personalidade
|
||||
**Erro:** Ser uma cópia genérica.
|
||||
**Solução:** Mostre sua personalidade, conte sua história única.
|
||||
|
||||
## Casos de Sucesso Reais
|
||||
|
||||
### Caso 1: Doceria da Dona Maria
|
||||
|
||||
**Antes:**
|
||||
- Vendia apenas para vizinhos
|
||||
- Divulgação boca a boca
|
||||
- Faturamento: R$ 2.000/mês
|
||||
|
||||
**Ações:**
|
||||
- Criou Instagram com fotos profissionais dos doces
|
||||
- Configurou WhatsApp Business com catálogo
|
||||
- Começou a aceitar encomendas por mensagem
|
||||
- Criou página de links para facilitar contato
|
||||
|
||||
**Depois (6 meses):**
|
||||
- Alcance em 3 bairros diferentes
|
||||
- 1.200 seguidores no Instagram
|
||||
- Faturamento: R$ 6.500/mês (+225%)
|
||||
|
||||
**Investimento:** R$ 30/mês (internet + ferramentas)
|
||||
|
||||
### Caso 2: Oficina do João
|
||||
|
||||
**Antes:**
|
||||
- Clientes apenas por indicação
|
||||
- Sem presença online
|
||||
- Dificuldade em mostrar serviços
|
||||
|
||||
**Ações:**
|
||||
- Criou Google Meu Negócio
|
||||
- Pediu avaliações dos clientes satisfeitos
|
||||
- Criou página de links com serviços e preços
|
||||
- Postou fotos de antes/depois dos carros
|
||||
|
||||
**Depois (4 meses):**
|
||||
- 5-7 novos clientes por mês via Google
|
||||
- 4.8 estrelas no Google (15 avaliações)
|
||||
- Aumento de 40% no faturamento
|
||||
|
||||
**Investimento:** R$ 0 (todas ferramentas gratuitas)
|
||||
|
||||
## Próximos Passos Após os Primeiros 30 Dias
|
||||
|
||||
### Mês 2-3: Consolidação
|
||||
- Refine processos que funcionaram
|
||||
- Descarte o que não deu resultado
|
||||
- Aumente frequência de posts
|
||||
- Comece a investir pequenas quantias em anúncios
|
||||
|
||||
### Mês 4-6: Expansão
|
||||
- Considere criar site próprio
|
||||
- Expanda para novas plataformas (TikTok, LinkedIn)
|
||||
- Crie programa de fidelidade digital
|
||||
- Automatize mais processos
|
||||
|
||||
### Mês 7-12: Maturidade
|
||||
- Analise dados para decisões estratégicas
|
||||
- Invista em ferramentas mais robustas
|
||||
- Contrate especialistas para áreas específicas
|
||||
- Expanda equipe digital se necessário
|
||||
|
||||
## Checklist da Transformação Digital
|
||||
|
||||
Use esta checklist para acompanhar seu progresso:
|
||||
|
||||
**Fundamentos (Primeiras 2 semanas):**
|
||||
- [ ] WhatsApp Business configurado
|
||||
- [ ] Instagram Business criado
|
||||
- [ ] Facebook Page ativa
|
||||
- [ ] Google Meu Negócio cadastrado
|
||||
- [ ] Página de links profissional criada
|
||||
- [ ] Todos os links atualizados nas redes sociais
|
||||
|
||||
**Conteúdo (Primeiro mês):**
|
||||
- [ ] Calendário de conteúdo criado
|
||||
- [ ] Pelo menos 12 posts publicados
|
||||
- [ ] Todas as mensagens respondidas em até 24h
|
||||
- [ ] Primeiras avaliações recebidas
|
||||
|
||||
**Organização (Primeiros 2 meses):**
|
||||
- [ ] Planilha de vendas funcionando
|
||||
- [ ] Backup de arquivos na nuvem
|
||||
- [ ] Processos principais documentados
|
||||
- [ ] Sistema de pagamento digital ativo
|
||||
|
||||
**Marketing (Primeiros 3 meses):**
|
||||
- [ ] Pelo menos 1 campanha paga testada
|
||||
- [ ] Análise de métricas semanalmente
|
||||
- [ ] Estratégia de conteúdo refinada
|
||||
- [ ] Base de clientes digitais crescendo
|
||||
|
||||
## Conclusão: O Momento É Agora
|
||||
|
||||
A transformação digital não é sobre tecnologia complicada ou investimentos massivos. É sobre adaptar seu negócio para o mundo moderno, onde clientes esperam:
|
||||
|
||||
- **Encontrar você facilmente online**
|
||||
- **Entrar em contato rapidamente**
|
||||
- **Ver seu trabalho/produtos**
|
||||
- **Fazer negócio de forma conveniente**
|
||||
|
||||
Você não precisa fazer tudo perfeitamente desde o início. Precisa começar.
|
||||
|
||||
Cada pequeno passo digital é um passo na direção certa:
|
||||
- Primeira postagem no Instagram
|
||||
- Primeiro cliente que te encontrou online
|
||||
- Primeira venda via mensagem
|
||||
- Primeira avaliação positiva
|
||||
|
||||
Esses pequenos passos se acumulam. Em 6 meses, você olhará para trás e ficará surpreso com a transformação.
|
||||
|
||||
**Comece hoje. Seu futuro digital está a um clique de distância.**
|
||||
|
||||
---
|
||||
|
||||
**Sobre o BCards:** Ajudamos pequenos negócios e profissionais a terem presença online profissional de forma simples e acessível. Crie sua página de links agora mesmo.
|
||||
|
||||
[Começar minha transformação digital →](https://bcards.site/)
|
||||
@ -1,435 +0,0 @@
|
||||
---
|
||||
title: "BCards para Advogados: Guia Completo de Marketing Digital Ético"
|
||||
description: "Como advogados podem usar o BCards de forma profissional e ética, respeitando as normas da OAB sobre publicidade jurídica digital."
|
||||
keywords: "advogados, marketing jurídico, publicidade advocacia, OAB, marketing digital advogados"
|
||||
author: "Equipe BCards"
|
||||
date: 2025-01-14
|
||||
lastMod: 2025-01-14
|
||||
image: "/images/tutoriais/advogados-bcards.jpg"
|
||||
culture: "pt-BR"
|
||||
category: "advocacia"
|
||||
---
|
||||
|
||||
# BCards para Advogados: Guia Completo de Marketing Digital Ético
|
||||
|
||||
O marketing digital se tornou essencial para advogados que desejam expandir sua base de clientes. No entanto, a advocacia possui regras específicas estabelecidas pela OAB sobre publicidade.
|
||||
|
||||
Neste guia, você aprenderá como usar o BCards de forma profissional, ética e em conformidade com o Código de Ética da OAB.
|
||||
|
||||
## Por Que Advogados Precisam de Presença Digital?
|
||||
|
||||
### Seus Clientes Pesquisam Online
|
||||
|
||||
Quando alguém precisa de um advogado:
|
||||
1. Pesquisa no Google
|
||||
2. Pede indicações em redes sociais
|
||||
3. Verifica perfis e avaliações online
|
||||
|
||||
Se você não está online, está invisível para potenciais clientes.
|
||||
|
||||
### Credibilidade Profissional
|
||||
|
||||
Uma presença digital organizada transmite:
|
||||
- Profissionalismo
|
||||
- Confiabilidade
|
||||
- Acessibilidade
|
||||
- Modernidade
|
||||
|
||||
### Concorrência
|
||||
|
||||
Muitos advogados já estão online. Ficar de fora significa perder espaço no mercado.
|
||||
|
||||
## Regras da OAB Sobre Publicidade Digital
|
||||
|
||||
Antes de criar sua página, é fundamental conhecer as regras do **Provimento n° 205/2021** da OAB:
|
||||
|
||||
### ✅ Permitido:
|
||||
- Informar sobre áreas de atuação
|
||||
- Divulgar títulos e especializações
|
||||
- Publicar conteúdo educativo
|
||||
- Compartilhar experiência profissional
|
||||
- Indicar formas de contato
|
||||
|
||||
### ❌ Proibido:
|
||||
- Garantir resultados
|
||||
- Captação de clientela (mercantilização)
|
||||
- Publicidade agressiva ou sensacionalista
|
||||
- Promessas enganosas
|
||||
- Orçamento sem análise do caso
|
||||
- Comparações depreciativas com colegas
|
||||
|
||||
**Princípio fundamental:** Discrição, sobriedade e informação precisa.
|
||||
|
||||
## Como Configurar Seu BCards Profissional
|
||||
|
||||
### 1. Informações Básicas
|
||||
|
||||
#### Nome da Página
|
||||
Use seu nome profissional completo seguido de "Advogado(a)" ou sua especialização:
|
||||
|
||||
**Exemplos adequados:**
|
||||
- Dra. Maria Silva - Advogada
|
||||
- João Santos | Direito Empresarial
|
||||
- Ana Costa - Advocacia Trabalhista
|
||||
|
||||
**Evite:**
|
||||
- "O Melhor Advogado"
|
||||
- "Ganhe Sua Causa Garantido"
|
||||
- "Advogado Nota 10"
|
||||
|
||||
#### Slug (URL)
|
||||
Crie uma URL profissional:
|
||||
|
||||
**Bons exemplos:**
|
||||
- `bcards.site/page/advocacia/maria-silva-advogada`
|
||||
- `bcards.site/page/advocacia/joao-santos-empresarial`
|
||||
- `bcards.site/page/advocacia/dra-ana-costa`
|
||||
|
||||
#### Descrição
|
||||
Seja claro, objetivo e profissional:
|
||||
|
||||
**Exemplo adequado:**
|
||||
```
|
||||
Advogada especializada em Direito de Família e Sucessões.
|
||||
OAB/SP 123.456 | Mestre em Direito Civil pela USP.
|
||||
Atendimento presencial e online.
|
||||
```
|
||||
|
||||
**Evite:**
|
||||
```
|
||||
A melhor advogada! Ganho 99% dos casos!
|
||||
Atendo urgências a qualquer hora!
|
||||
```
|
||||
|
||||
### 2. Links Profissionais
|
||||
|
||||
#### Links Essenciais para Advogados
|
||||
|
||||
**1. WhatsApp Business**
|
||||
```
|
||||
Título: Agendar Consulta
|
||||
URL: https://wa.me/5511999999999?text=Olá, gostaria de agendar uma consulta
|
||||
```
|
||||
|
||||
**2. Email Profissional**
|
||||
```
|
||||
Título: Contato por Email
|
||||
URL: mailto:contato@seuescritorio.com.br
|
||||
```
|
||||
|
||||
**3. Site ou Blog**
|
||||
```
|
||||
Título: Nosso Site
|
||||
URL: https://seuescritorio.com.br
|
||||
```
|
||||
|
||||
**4. LinkedIn**
|
||||
```
|
||||
Título: Perfil Profissional
|
||||
URL: https://linkedin.com/in/seu-perfil
|
||||
```
|
||||
|
||||
**5. Instagram Profissional**
|
||||
```
|
||||
Título: Instagram Jurídico
|
||||
URL: https://instagram.com/seu.escritorio
|
||||
```
|
||||
|
||||
**6. Artigos Jurídicos**
|
||||
```
|
||||
Título: Artigos e Publicações
|
||||
URL: Link para seu blog ou Medium
|
||||
```
|
||||
|
||||
**7. Google Meu Negócio**
|
||||
```
|
||||
Título: Avaliações e Localização
|
||||
URL: Link do Google Maps do escritório
|
||||
```
|
||||
|
||||
**8. Agendamento Online** (se usar)
|
||||
```
|
||||
Título: Agendar Horário
|
||||
URL: Link do Calendly ou sistema de agenda
|
||||
```
|
||||
|
||||
### 3. Escolha do Tema
|
||||
|
||||
Para advogados, recomendamos temas sóbrios e profissionais:
|
||||
|
||||
- **Clássico**: Fundo branco, clean
|
||||
- **Profissional**: Tons de azul marinho ou cinza
|
||||
- **Minimalista**: Ultra clean e objetivo
|
||||
|
||||
**Evite:**
|
||||
- Cores muito vibrantes
|
||||
- Animações excessivas
|
||||
- Designs infantis ou descontraídos demais
|
||||
|
||||
### 4. Foto de Perfil
|
||||
|
||||
Use uma foto profissional:
|
||||
- Fundo neutro
|
||||
- Vestimenta formal
|
||||
- Boa iluminação
|
||||
- Expressão profissional mas acessível
|
||||
|
||||
**Evite:**
|
||||
- Fotos de festas
|
||||
- Selfies casuais
|
||||
- Fotos em ambientes inadequados
|
||||
|
||||
## Conteúdo para Redes Sociais (Integrando com BCards)
|
||||
|
||||
Seu BCards será o hub central. Nas redes sociais, compartilhe:
|
||||
|
||||
### Conteúdo Educativo Permitido
|
||||
|
||||
**1. Dicas Jurídicas Gerais**
|
||||
```
|
||||
"Você sabia que tem até 2 anos para reclamar de vícios aparentes
|
||||
no imóvel comprado? Entenda seus direitos!"
|
||||
```
|
||||
|
||||
**2. Explicações de Leis**
|
||||
```
|
||||
"A Nova Lei de Licitações trouxe mudanças importantes.
|
||||
Resumo das principais alterações: [thread]"
|
||||
```
|
||||
|
||||
**3. Mitos e Verdades**
|
||||
```
|
||||
"Mito ou Verdade: É preciso registrar união estável em cartório?
|
||||
MITO. Entenda por quê..."
|
||||
```
|
||||
|
||||
**4. Casos Anônimos (com aprendizado)**
|
||||
```
|
||||
"Caso recente (sem identificação): Cliente conseguiu reaver valor
|
||||
pago indevidamente em plano de saúde. Como? [explica processo genérico]"
|
||||
```
|
||||
|
||||
### O Que NUNCA Postar
|
||||
|
||||
❌ "Acabei de ganhar mais uma causa! Somos imbatíveis!"
|
||||
❌ "100% de sucesso em processos trabalhistas!"
|
||||
❌ "Seu processo pode valer R$ 50.000! Entre em contato!"
|
||||
❌ "Melhor advogado da cidade! Comprovado!"
|
||||
❌ Fotos de audiências ou fóruns sem autorização
|
||||
|
||||
## Estratégia de Marketing Digital Ético
|
||||
|
||||
### 1. Marketing de Conteúdo
|
||||
|
||||
Crie conteúdo valioso:
|
||||
- Artigos em blog
|
||||
- Posts educativos em redes
|
||||
- E-books sobre temas específicos
|
||||
- Vídeos explicativos (YouTube, Instagram)
|
||||
|
||||
**Exemplo de calendário mensal:**
|
||||
- Semana 1: Post sobre mudança legislativa
|
||||
- Semana 2: Dica prática sobre direitos
|
||||
- Semana 3: Explicação de conceito jurídico
|
||||
- Semana 4: Resposta a dúvida comum
|
||||
|
||||
### 2. SEO Local para Advogados
|
||||
|
||||
Otimize para buscas locais:
|
||||
- Google Meu Negócio completo
|
||||
- URL no BCards com sua cidade (se relevante)
|
||||
- Conteúdo mencionando região de atuação
|
||||
|
||||
**Exemplo:**
|
||||
```
|
||||
Advogada especializada em Direito de Família em São Paulo.
|
||||
Atendimento na Zona Sul e Centro.
|
||||
```
|
||||
|
||||
### 3. Peça Avaliações (com Cuidado)
|
||||
|
||||
É permitido ter avaliações no Google Meu Negócio, desde que:
|
||||
- Sejam espontâneas (não solicite diretamente)
|
||||
- Não há oferecimento de benefícios por avaliação
|
||||
- Não são fabricadas
|
||||
|
||||
**Forma adequada:**
|
||||
Após finalizar caso bem-sucedido, você pode:
|
||||
```
|
||||
"Ficamos felizes em ajudá-lo(a). Caso queira, sua opinião
|
||||
sobre nosso atendimento é muito valiosa."
|
||||
```
|
||||
|
||||
### 4. Networking Digital
|
||||
|
||||
Conecte-se com:
|
||||
- Outros advogados (não concorrentes diretos)
|
||||
- Profissionais complementares (contadores, corretores)
|
||||
- Associações e entidades de classe
|
||||
|
||||
## Estrutura Completa: Exemplo Real
|
||||
|
||||
### Dra. Ana Costa - Direito Trabalhista
|
||||
|
||||
**URL BCards:**
|
||||
`bcards.site/page/advocacia/dra-ana-costa-trabalhista`
|
||||
|
||||
**Descrição:**
|
||||
```
|
||||
Advogada Trabalhista | OAB/SP 234.567
|
||||
Especialista em Direitos do Trabalhador
|
||||
Mestre em Direito do Trabalho pela PUC-SP
|
||||
Atendimento em São Paulo e online
|
||||
```
|
||||
|
||||
**Links na página:**
|
||||
1. 📱 WhatsApp: Agendar Consulta
|
||||
2. 📧 Email: contato@anacosta.adv.br
|
||||
3. 🌐 Site: www.anacosta.adv.br
|
||||
4. 💼 LinkedIn: Perfil Profissional
|
||||
5. 📸 Instagram: @dra.anacosta.trabalhista
|
||||
6. 📄 Blog: Artigos sobre Direito Trabalhista
|
||||
7. 📍 Localização: Escritório no Google Maps
|
||||
8. 🕒 Agendar: Sistema de agendamento online
|
||||
|
||||
**Bio nas redes sociais:**
|
||||
```
|
||||
Dra. Ana Costa | Advogada Trabalhista 👩⚖️
|
||||
OAB/SP 234.567
|
||||
Defendendo direitos dos trabalhadores
|
||||
📍 São Paulo | Atendimento presencial e online
|
||||
🔗 Todos os contatos: [link BCards]
|
||||
```
|
||||
|
||||
## Ferramentas Complementares
|
||||
|
||||
### 1. Gestão de Processos
|
||||
- Projuris (jurídico)
|
||||
- Astrea (gestão processual)
|
||||
|
||||
### 2. Agendamento
|
||||
- Calendly
|
||||
- Google Calendar
|
||||
|
||||
### 3. Comunicação
|
||||
- WhatsApp Business
|
||||
- Email profissional (Gmail Workspace)
|
||||
|
||||
### 4. Conteúdo
|
||||
- Canva (design)
|
||||
- Grammarly (revisão de texto)
|
||||
|
||||
### 5. Analytics
|
||||
- Google Analytics (site)
|
||||
- Meta Business Suite (redes sociais)
|
||||
- BCards Analytics (cliques nos links)
|
||||
|
||||
## Monitoramento e Métricas
|
||||
|
||||
Acompanhe mensalmente:
|
||||
|
||||
**No BCards:**
|
||||
- Número de visitantes
|
||||
- Cliques em cada link
|
||||
- Horários de maior acesso
|
||||
|
||||
**Nas Redes Sociais:**
|
||||
- Crescimento de seguidores
|
||||
- Engajamento (curtidas, comentários, compartilhamentos)
|
||||
- Alcance de posts
|
||||
|
||||
**No Negócio:**
|
||||
- Novos clientes vindos do online
|
||||
- Taxa de conversão (visita → consulta)
|
||||
- ROI (retorno sobre investimento em ads)
|
||||
|
||||
## Riscos e Como Evitá-los
|
||||
|
||||
### Risco 1: Infração Ética
|
||||
**Como evitar:**
|
||||
- Revise tudo antes de publicar
|
||||
- Não garanta resultados
|
||||
- Seja discreto e profissional
|
||||
|
||||
### Risco 2: Exposição Inadequada
|
||||
**Como evitar:**
|
||||
- Nunca divulgue detalhes de casos reais identificáveis
|
||||
- Proteja o sigilo profissional sempre
|
||||
- Peça autorização antes de mencionar qualquer caso
|
||||
|
||||
### Risco 3: Comentários Negativos
|
||||
**Como evitar:**
|
||||
- Responda sempre com profissionalismo
|
||||
- Não discuta casos públicos
|
||||
- Se necessário, leve discussão para privado
|
||||
|
||||
### Risco 4: Concorrência Desleal
|
||||
**Como evitar:**
|
||||
- Nunca critique colegas
|
||||
- Foque em seu diferencial, não em defeitos alheios
|
||||
- Colabore, não compita de forma negativa
|
||||
|
||||
## Checklist de Conformidade OAB
|
||||
|
||||
Antes de publicar sua página, verifique:
|
||||
|
||||
- [ ] Informações são verídicas?
|
||||
- [ ] Títulos e especializações estão corretos?
|
||||
- [ ] Não há promessas de resultado?
|
||||
- [ ] Linguagem é sóbria e profissional?
|
||||
- [ ] Não há captação mercantil de clientela?
|
||||
- [ ] Fotos são profissionais?
|
||||
- [ ] Links levam a conteúdo apropriado?
|
||||
- [ ] OAB e número de inscrição estão visíveis?
|
||||
- [ ] Especialização é reconhecida pela OAB (se mencionar)?
|
||||
|
||||
## Dúvidas Frequentes de Advogados
|
||||
|
||||
**P: Posso oferecer primeira consulta gratuita?**
|
||||
R: Sim, desde que seja informação verdadeira e não caracterize captação irregular.
|
||||
|
||||
**P: Posso mencionar clientes famosos que atendi?**
|
||||
R: Não, a menos que tenha autorização expressa e por escrito do cliente.
|
||||
|
||||
**P: Posso colocar preços no BCards?**
|
||||
R: Não é recomendado. Orçamentos devem ser feitos após análise do caso específico.
|
||||
|
||||
**P: Posso fazer anúncios pagos no Google/Instagram?**
|
||||
R: Sim, desde que o conteúdo respeite as normas éticas da OAB.
|
||||
|
||||
**P: Preciso colocar minha OAB no BCards?**
|
||||
R: Sim, é obrigatório identificar número e seccional da OAB.
|
||||
|
||||
## Conclusão
|
||||
|
||||
O BCards é uma ferramenta poderosa para advogados modernizarem sua presença digital mantendo a ética profissional.
|
||||
|
||||
**Principais vantagens para advogados:**
|
||||
- ✅ URL profissional e categorizada
|
||||
- ✅ Centralização de todos os contatos
|
||||
- ✅ Facilita marketing de conteúdo ético
|
||||
- ✅ Transmite credibilidade
|
||||
- ✅ Compatível com normas da OAB
|
||||
- ✅ Analytics para medir resultados
|
||||
|
||||
**Lembre-se:**
|
||||
- Priorize discrição e sobriedade
|
||||
- Foque em educar, não em vender
|
||||
- Seja transparente e honesto
|
||||
- Respeite sempre as normas da OAB
|
||||
|
||||
Sua presença digital pode ser profissional, eficiente e ética ao mesmo tempo.
|
||||
|
||||
**Pronto para criar sua página profissional?**
|
||||
|
||||
[Criar meu BCards para Advocacia →](https://bcards.site/)
|
||||
|
||||
---
|
||||
|
||||
**Referências:**
|
||||
- Provimento OAB n° 205/2021
|
||||
- Código de Ética e Disciplina da OAB
|
||||
|
||||
**Disclaimer:** Este artigo tem caráter informativo. Para dúvidas específicas sobre ética profissional, consulte a OAB de sua seccional.
|
||||
|
||||
**Última atualização:** Janeiro 2025
|
||||
@ -1,359 +0,0 @@
|
||||
---
|
||||
title: "Como Criar seu BCard em 5 Minutos: Tutorial Completo"
|
||||
description: "Aprenda passo a passo como criar sua página profissional de links no BCards. Tutorial completo para iniciantes com capturas de tela e dicas práticas."
|
||||
keywords: "tutorial bcards, criar página de links, bio link, tutorial passo a passo"
|
||||
author: "Equipe BCards"
|
||||
date: 2025-01-12
|
||||
lastMod: 2025-01-12
|
||||
image: "/images/tutoriais/criar-bcard.jpg"
|
||||
culture: "pt-BR"
|
||||
category: "tecnologia"
|
||||
---
|
||||
|
||||
# Como Criar seu BCard em 5 Minutos: Tutorial Completo
|
||||
|
||||
Criar sua página profissional de links no BCards é mais fácil do que você imagina. Neste tutorial, vou te guiar passo a passo desde o cadastro até a publicação da sua página.
|
||||
|
||||
## O Que Você Vai Precisar
|
||||
|
||||
- Email válido
|
||||
- Conta no Google ou Microsoft (para login rápido)
|
||||
- 5 minutos do seu tempo
|
||||
- Links que você quer compartilhar
|
||||
|
||||
## Passo 1: Criar Sua Conta
|
||||
|
||||
### 1.1. Acesse o Site
|
||||
|
||||
Vá para [bcards.site](https://bcards.site) e clique em **"Entrar"** no menu superior.
|
||||
|
||||
### 1.2. Escolha o Método de Login
|
||||
|
||||
Você tem duas opções:
|
||||
|
||||
**Opção A: Login com Google**
|
||||
- Clique em "Entrar com Google"
|
||||
- Selecione sua conta
|
||||
- Autorize o acesso
|
||||
|
||||
**Opção B: Login com Microsoft**
|
||||
- Clique em "Entrar com Microsoft"
|
||||
- Insira suas credenciais
|
||||
- Autorize o acesso
|
||||
|
||||
✅ **Dica:** Usar login social é mais rápido e seguro (sem necessidade de criar nova senha).
|
||||
|
||||
## Passo 2: Acessar o Dashboard
|
||||
|
||||
Após fazer login, você será redirecionado para seu **Dashboard**. Este é o painel de controle onde você gerencia sua página.
|
||||
|
||||
No Dashboard você verá:
|
||||
- Botão "Criar Minha Página" (se é sua primeira vez)
|
||||
- Estatísticas (após criar a página)
|
||||
- Links para editar sua página
|
||||
|
||||
## Passo 3: Criar Sua Página
|
||||
|
||||
### 3.1. Clique em "Criar Minha Página"
|
||||
|
||||
Você verá um formulário com vários campos. Vamos preencher cada um:
|
||||
|
||||
### 3.2. Informações Básicas
|
||||
|
||||
**Nome da Página:**
|
||||
- Digite como você quer ser identificado
|
||||
- Exemplo: "João Silva", "Maria Design", "Advocacia Santos"
|
||||
- Este será o título principal da sua página
|
||||
|
||||
**Categoria:**
|
||||
- Selecione a categoria que melhor representa sua atividade
|
||||
- Exemplos disponíveis:
|
||||
- Tecnologia
|
||||
- Advocacia
|
||||
- Saúde
|
||||
- Educação
|
||||
- Marketing
|
||||
- E muitas outras...
|
||||
|
||||
✅ **Dica:** A categoria fará parte da sua URL e ajuda no SEO.
|
||||
|
||||
**Slug (URL Personalizada):**
|
||||
- Este será o final da sua URL
|
||||
- Formato final: `bcards.site/page/{categoria}/{seu-slug}`
|
||||
- Use apenas letras minúsculas, números e hifens
|
||||
- Sem espaços, acentos ou caracteres especiais
|
||||
|
||||
**Exemplos:**
|
||||
- `joao-silva-dev` → bcards.site/page/tecnologia/joao-silva-dev
|
||||
- `maria-designer` → bcards.site/page/design/maria-designer
|
||||
- `dra-ana-pediatra` → bcards.site/page/saude/dra-ana-pediatra
|
||||
|
||||
### 3.3. Descrição
|
||||
|
||||
Digite uma breve descrição sobre você ou seu negócio:
|
||||
|
||||
**Bom exemplo:**
|
||||
```
|
||||
Desenvolvedora Full Stack especializada em React e Node.js.
|
||||
Ajudo empresas a criarem aplicações web modernas e escaláveis.
|
||||
```
|
||||
|
||||
**Evite:**
|
||||
```
|
||||
Desenvolvedora
|
||||
```
|
||||
(muito curto, sem contexto)
|
||||
|
||||
✅ **Dica:** Use 2-3 frases. Seja claro e direto.
|
||||
|
||||
### 3.4. Escolha do Tema Visual
|
||||
|
||||
Role até a seção "Tema" e selecione o visual da sua página:
|
||||
|
||||
**Temas disponíveis (variam por plano):**
|
||||
- **Clássico**: Fundo branco limpo, ideal para profissionais
|
||||
- **Dark**: Fundo escuro, moderno
|
||||
- **Gradiente**: Cores vibrantes em degradê
|
||||
- **Minimalista**: Ultra clean
|
||||
- **Profissional**: Sóbrio e corporativo
|
||||
|
||||
Você pode trocar o tema depois a qualquer momento.
|
||||
|
||||
### 3.5. Adicionar Links
|
||||
|
||||
Agora vamos adicionar os links que aparecerão na sua página.
|
||||
|
||||
**Para adicionar um link:**
|
||||
|
||||
1. Clique em **"Adicionar Link"**
|
||||
2. Preencha os campos:
|
||||
- **Título**: Nome que aparecerá no botão
|
||||
- **URL**: Endereço completo (começando com https://)
|
||||
- **Ícone** (opcional): Escolha um ícone para o link
|
||||
|
||||
**Exemplo de Link:**
|
||||
```
|
||||
Título: Meu Portfólio
|
||||
URL: https://meusite.com.br
|
||||
Ícone: fa-briefcase
|
||||
```
|
||||
|
||||
**Tipos de Links Comuns:**
|
||||
|
||||
- WhatsApp: `https://wa.me/5511999999999`
|
||||
- Instagram: `https://instagram.com/seuusuario`
|
||||
- Facebook: `https://facebook.com/suapagina`
|
||||
- LinkedIn: `https://linkedin.com/in/seuusuario`
|
||||
- YouTube: `https://youtube.com/@seucanal`
|
||||
- Site: `https://seusite.com.br`
|
||||
- Email: `mailto:seu@email.com`
|
||||
|
||||
✅ **Dica:** Organize links por importância. Os primeiros aparecem no topo da página.
|
||||
|
||||
### 3.6. Reordenar Links
|
||||
|
||||
Você pode arrastar e soltar os links para mudar a ordem de exibição. Os links mais importantes devem ficar no topo.
|
||||
|
||||
## Passo 4: Personalização Avançada (Opcional)
|
||||
|
||||
### 4.1. Foto de Perfil
|
||||
|
||||
Upload de uma foto profissional (recomendado):
|
||||
- Tamanho ideal: 400x400 pixels
|
||||
- Formato: JPG ou PNG
|
||||
- Peso: Até 2MB
|
||||
|
||||
### 4.2. Cores Personalizadas (Plano Premium)
|
||||
|
||||
Se você tem plano Premium, pode personalizar:
|
||||
- Cor dos botões
|
||||
- Cor do fundo
|
||||
- Cor do texto
|
||||
- Fontes
|
||||
|
||||
### 4.3. Redes Sociais
|
||||
|
||||
Adicione seus perfis sociais na seção específica. Eles aparecerão como ícones na sua página.
|
||||
|
||||
## Passo 5: Salvar e Submeter para Moderação
|
||||
|
||||
### 5.1. Revisar Tudo
|
||||
|
||||
Antes de salvar, revise:
|
||||
- ✅ Nome está correto?
|
||||
- ✅ URL (slug) está como você quer?
|
||||
- ✅ Todos os links funcionam?
|
||||
- ✅ Descrição está clara?
|
||||
- ✅ Tema escolhido te agrada?
|
||||
|
||||
### 5.2. Salvar
|
||||
|
||||
Clique no botão **"Salvar Página"** no final do formulário.
|
||||
|
||||
### 5.3. Submeter para Moderação
|
||||
|
||||
Após salvar, você verá sua página em modo de **preview** (visualização).
|
||||
|
||||
Para torná-la pública, clique em **"Submeter para Moderação"**.
|
||||
|
||||
**O Que Acontece Agora?**
|
||||
1. Nossa equipe revisa sua página (24-48 horas)
|
||||
2. Verificamos se segue as diretrizes da comunidade
|
||||
3. Você recebe email quando for aprovada
|
||||
4. Sua página fica pública!
|
||||
|
||||
## Passo 6: Visualizar e Compartilhar
|
||||
|
||||
### 6.1. Token de Preview
|
||||
|
||||
Enquanto aguarda aprovação, você pode visualizar sua página usando o **token de preview**:
|
||||
|
||||
1. No Dashboard, clique em "Gerar Token de Preview"
|
||||
2. Copie o link gerado
|
||||
3. Abra em uma aba privada ou compartilhe com amigos
|
||||
|
||||
**Exemplo de link de preview:**
|
||||
```
|
||||
bcards.site/page/tecnologia/joao-dev?preview=ABC123XYZ
|
||||
```
|
||||
|
||||
### 6.2. Após Aprovação
|
||||
|
||||
Quando sua página for aprovada:
|
||||
- Ela estará acessível publicamente
|
||||
- URL final: `bcards.site/page/{categoria}/{seu-slug}`
|
||||
- Você pode compartilhar em suas redes sociais!
|
||||
|
||||
## Passo 7: Atualizar Bio das Redes Sociais
|
||||
|
||||
Com sua página aprovada, atualize a bio de todas as suas redes:
|
||||
|
||||
### Instagram
|
||||
1. Vá em "Editar Perfil"
|
||||
2. Cole seu link BCards no campo "Website"
|
||||
3. Salve
|
||||
|
||||
### TikTok
|
||||
1. Editar Perfil
|
||||
2. Cole o link em "Bio"
|
||||
3. Salve
|
||||
|
||||
### Twitter/X
|
||||
1. Editar Perfil
|
||||
2. Cole o link em "Website"
|
||||
3. Salve
|
||||
|
||||
### LinkedIn
|
||||
1. Editar Perfil
|
||||
2. Cole na seção "Informações de Contato"
|
||||
3. Salve
|
||||
|
||||
## Dicas de Boas Práticas
|
||||
|
||||
### ✅ Faça:
|
||||
- Use foto profissional nítida
|
||||
- Escreva descrição clara e objetiva
|
||||
- Teste todos os links antes de publicar
|
||||
- Mantenha a página atualizada
|
||||
- Responda mensagens rapidamente
|
||||
- Use call-to-action nos títulos dos links
|
||||
|
||||
### ❌ Evite:
|
||||
- Links quebrados ou incorretos
|
||||
- Descrição muito longa ou muito curta
|
||||
- Excesso de links (foco no essencial)
|
||||
- Informações enganosas
|
||||
- Conteúdo que viola diretrizes
|
||||
|
||||
## Atualizando Sua Página Depois
|
||||
|
||||
Você pode editar sua página a qualquer momento:
|
||||
|
||||
1. Acesse o Dashboard
|
||||
2. Clique em "Editar Página"
|
||||
3. Faça as alterações
|
||||
4. Salve
|
||||
|
||||
**Importante:** Mudanças significativas podem exigir nova moderação.
|
||||
|
||||
## Planos e Upgrades
|
||||
|
||||
### Plano Básico (R$ 12,90/mês)
|
||||
- 5 links
|
||||
- Temas básicos
|
||||
- Analytics essenciais
|
||||
|
||||
### Plano Profissional (R$ 25,90/mês)
|
||||
- 15 links
|
||||
- Todos os temas
|
||||
- Analytics completo
|
||||
- Suporte prioritário
|
||||
|
||||
### Plano Premium (R$ 29,90/mês)
|
||||
- Links ilimitados
|
||||
- Customização total
|
||||
- Temas exclusivos
|
||||
- Editor CSS
|
||||
- Suporte VIP
|
||||
|
||||
Para fazer upgrade:
|
||||
1. Dashboard → "Meu Plano"
|
||||
2. Escolha o plano desejado
|
||||
3. Preencha dados de pagamento
|
||||
4. Confirme
|
||||
|
||||
## Analisando Resultados
|
||||
|
||||
Após sua página estar ativa, acompanhe as métricas no Dashboard:
|
||||
|
||||
- **Total de visitantes**: Quantas pessoas acessaram
|
||||
- **Cliques por link**: Quais links são mais populares
|
||||
- **Origem do tráfico**: De onde vieram os visitantes
|
||||
|
||||
Use esses dados para otimizar sua página!
|
||||
|
||||
## Problemas Comuns e Soluções
|
||||
|
||||
### "Meu slug já está em uso"
|
||||
**Solução:** Escolha outro slug. Tente adicionar seu nome, cidade ou especialidade.
|
||||
|
||||
### "Link não funciona"
|
||||
**Solução:** Verifique se a URL começa com `https://` e está digitada corretamente.
|
||||
|
||||
### "Página foi rejeitada na moderação"
|
||||
**Solução:** Leia o email com o motivo da rejeição, ajuste conforme orientações e resubmeta.
|
||||
|
||||
### "Não recebi email de aprovação"
|
||||
**Solução:** Verifique spam/lixo eletrônico ou entre em contato com suporte.
|
||||
|
||||
## Suporte
|
||||
|
||||
Precisa de ajuda?
|
||||
|
||||
- **Email**: suporte@bcards.site
|
||||
- **Horário**: Segunda a sexta, 9h às 18h
|
||||
- **FAQ**: bcards.site/ajuda
|
||||
- **WhatsApp**: (Link no site)
|
||||
|
||||
## Conclusão
|
||||
|
||||
Parabéns! 🎉 Agora você sabe criar sua página profissional no BCards do zero.
|
||||
|
||||
**Recapitulando:**
|
||||
1. ✅ Criar conta
|
||||
2. ✅ Preencher informações
|
||||
3. ✅ Escolher tema
|
||||
4. ✅ Adicionar links
|
||||
5. ✅ Salvar e submeter
|
||||
6. ✅ Aguardar aprovação
|
||||
7. ✅ Compartilhar!
|
||||
|
||||
Sua presença online profissional está a apenas alguns cliques de distância.
|
||||
|
||||
**Pronto para começar?** [Criar meu BCard agora →](https://bcards.site/)
|
||||
|
||||
---
|
||||
|
||||
**Tempo de leitura:** 8 minutos
|
||||
**Dificuldade:** Iniciante
|
||||
**Última atualização:** Janeiro 2025
|
||||
@ -5,13 +5,9 @@ using BCards.Web.ViewModels;
|
||||
using Microsoft.AspNetCore.Authorization;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using Microsoft.AspNetCore.Mvc.ModelBinding;
|
||||
using Microsoft.Extensions.Configuration;
|
||||
using System.Security.Claims;
|
||||
using System.Text;
|
||||
using System.Text.Json;
|
||||
using System.Linq;
|
||||
using MongoDB.Bson;
|
||||
using System.Collections.Generic;
|
||||
|
||||
namespace BCards.Web.Controllers;
|
||||
|
||||
@ -27,11 +23,9 @@ public class AdminController : Controller
|
||||
private readonly IEmailService _emailService;
|
||||
private readonly ILivePageService _livePageService;
|
||||
private readonly IImageStorageService _imageStorage;
|
||||
private readonly IDocumentStorageService _documentStorage;
|
||||
private readonly IPaymentService _paymentService;
|
||||
private readonly IDowngradeService _downgradeService;
|
||||
private readonly ILogger<AdminController> _logger;
|
||||
private readonly IConfiguration _configuration;
|
||||
|
||||
public AdminController(
|
||||
IAuthService authService,
|
||||
@ -42,11 +36,9 @@ public class AdminController : Controller
|
||||
IEmailService emailService,
|
||||
ILivePageService livePageService,
|
||||
IImageStorageService imageStorage,
|
||||
IDocumentStorageService documentStorage,
|
||||
IPaymentService paymentService,
|
||||
IDowngradeService downgradeService,
|
||||
ILogger<AdminController> logger,
|
||||
IConfiguration configuration)
|
||||
ILogger<AdminController> logger)
|
||||
{
|
||||
_authService = authService;
|
||||
_userPageService = userPageService;
|
||||
@ -56,11 +48,9 @@ public class AdminController : Controller
|
||||
_emailService = emailService;
|
||||
_livePageService = livePageService;
|
||||
_imageStorage = imageStorage;
|
||||
_documentStorage = documentStorage;
|
||||
_paymentService = paymentService;
|
||||
_downgradeService = downgradeService;
|
||||
_logger = logger;
|
||||
_configuration = configuration;
|
||||
}
|
||||
|
||||
|
||||
@ -185,11 +175,7 @@ public class AdminController : Controller
|
||||
AvailableCategories = categories,
|
||||
AvailableThemes = themes.Where(t => !t.IsPremium || userPlanType.AllowsCustomThemes()).ToList(),
|
||||
MaxLinksAllowed = userPlanType.GetMaxLinksPerPage(),
|
||||
AllowProductLinks = planLimitations.AllowProductLinks,
|
||||
AllowDocumentUpload = planLimitations.AllowDocumentUpload,
|
||||
MaxDocumentsAllowed = planLimitations.MaxDocuments,
|
||||
Documents = new List<ManageDocumentViewModel>(),
|
||||
DocumentUploadPlansDisplay = GetDocumentUploadPlansDisplay()
|
||||
AllowProductLinks = planLimitations.AllowProductLinks
|
||||
};
|
||||
return View(model);
|
||||
}
|
||||
@ -228,12 +214,6 @@ public class AdminController : Controller
|
||||
return RedirectToAction("Login", "Auth");
|
||||
|
||||
userId = user.Id;
|
||||
var userPlanType = Enum.TryParse<PlanType>(user.CurrentPlan, true, out var parsedPlan) ? parsedPlan : PlanType.Trial;
|
||||
var planLimitations = await _paymentService.GetPlanLimitationsAsync(userPlanType.ToString());
|
||||
model.AllowProductLinks = planLimitations.AllowProductLinks;
|
||||
model.AllowDocumentUpload = planLimitations.AllowDocumentUpload;
|
||||
model.MaxDocumentsAllowed = planLimitations.MaxDocuments;
|
||||
model.DocumentUploadPlansDisplay = GetDocumentUploadPlansDisplay();
|
||||
|
||||
// Limpar campos de redes sociais que são apenas espaços (tratados como vazios)
|
||||
CleanSocialMediaFields(model);
|
||||
@ -275,13 +255,13 @@ public class AdminController : Controller
|
||||
TempData["ImageError"] = errorMessage;
|
||||
|
||||
// Preservar dados do form e repopular dropdowns
|
||||
var userPlanType = Enum.TryParse<PlanType>(user.CurrentPlan, true, out var planType) ? planType : PlanType.Trial;
|
||||
var planLimitations = await _paymentService.GetPlanLimitationsAsync(userPlanType.ToString());
|
||||
|
||||
model.AvailableCategories = await _categoryService.GetAllCategoriesAsync();
|
||||
model.AvailableThemes = await _themeService.GetAvailableThemesAsync();
|
||||
model.MaxLinksAllowed = userPlanType.GetMaxLinksPerPage();
|
||||
model.AllowProductLinks = planLimitations.AllowProductLinks;
|
||||
model.AllowDocumentUpload = planLimitations.AllowDocumentUpload;
|
||||
model.MaxDocumentsAllowed = planLimitations.MaxDocuments;
|
||||
model.DocumentUploadPlansDisplay = GetDocumentUploadPlansDisplay();
|
||||
|
||||
// Preservar ProfileImageId existente se estava editando
|
||||
if (!model.IsNewPage && !string.IsNullOrEmpty(model.Id))
|
||||
@ -297,8 +277,6 @@ public class AdminController : Controller
|
||||
}
|
||||
}
|
||||
|
||||
var (processedDocuments, removedFileIds, newFileIds) = await BuildDocumentsAsync(model, planLimitations);
|
||||
|
||||
if (!ModelState.IsValid)
|
||||
{
|
||||
var sbError = new StringBuilder();
|
||||
@ -319,10 +297,6 @@ public class AdminController : Controller
|
||||
model.Slug = slug;
|
||||
model.AvailableCategories = await _categoryService.GetAllCategoriesAsync();
|
||||
model.AvailableThemes = await _themeService.GetAvailableThemesAsync();
|
||||
model.AllowProductLinks = planLimitations.AllowProductLinks;
|
||||
model.AllowDocumentUpload = planLimitations.AllowDocumentUpload;
|
||||
model.MaxDocumentsAllowed = planLimitations.MaxDocuments;
|
||||
model.DocumentUploadPlansDisplay = GetDocumentUploadPlansDisplay();
|
||||
return View(model);
|
||||
}
|
||||
|
||||
@ -330,6 +304,7 @@ public class AdminController : Controller
|
||||
{
|
||||
// CRITICAL: Check if user can create new page (validate MaxPages limit)
|
||||
var existingPages = await _userPageService.GetUserPagesAsync(user.Id);
|
||||
var userPlanType = Enum.TryParse<PlanType>(user.CurrentPlan, true, out var planType) ? planType : PlanType.Trial;
|
||||
var maxPages = userPlanType.GetMaxPages();
|
||||
|
||||
if (existingPages.Count >= maxPages)
|
||||
@ -337,7 +312,6 @@ public class AdminController : Controller
|
||||
TempData["Error"] = $"Você já atingiu o limite de {maxPages} página(s) do seu plano atual. Faça upgrade para criar mais páginas.";
|
||||
model.AvailableCategories = await _categoryService.GetAllCategoriesAsync();
|
||||
model.AvailableThemes = await _themeService.GetAvailableThemesAsync();
|
||||
model.DocumentUploadPlansDisplay = GetDocumentUploadPlansDisplay();
|
||||
return View(model);
|
||||
}
|
||||
|
||||
@ -353,7 +327,6 @@ public class AdminController : Controller
|
||||
ModelState.AddModelError("Slug", "Esta URL já está em uso. Tente outra.");
|
||||
model.AvailableCategories = await _categoryService.GetAllCategoriesAsync();
|
||||
model.AvailableThemes = await _themeService.GetAvailableThemesAsync();
|
||||
model.DocumentUploadPlansDisplay = GetDocumentUploadPlansDisplay();
|
||||
return View(model);
|
||||
}
|
||||
|
||||
@ -364,7 +337,6 @@ public class AdminController : Controller
|
||||
ModelState.AddModelError("", $"Você excedeu o limite de {model.MaxLinksAllowed} links do seu plano atual.");
|
||||
model.AvailableCategories = await _categoryService.GetAllCategoriesAsync();
|
||||
model.AvailableThemes = await _themeService.GetAvailableThemesAsync();
|
||||
model.DocumentUploadPlansDisplay = GetDocumentUploadPlansDisplay();
|
||||
return View(model);
|
||||
}
|
||||
|
||||
@ -372,7 +344,6 @@ public class AdminController : Controller
|
||||
{
|
||||
// Create new page
|
||||
var userPage = await MapToUserPage(model, user.Id);
|
||||
userPage.Documents = processedDocuments;
|
||||
_logger.LogInformation($"Mapped to UserPage: {userPage.DisplayName}, Category: {userPage.Category}, Slug: {userPage.Slug}");
|
||||
|
||||
// Set status to Creating for new pages
|
||||
@ -391,7 +362,6 @@ public class AdminController : Controller
|
||||
ModelState.AddModelError("", "Erro ao criar página. Tente novamente.");
|
||||
model.AvailableCategories = await _categoryService.GetAllCategoriesAsync();
|
||||
model.AvailableThemes = await _themeService.GetAvailableThemesAsync();
|
||||
model.DocumentUploadPlansDisplay = GetDocumentUploadPlansDisplay();
|
||||
TempData["Error"] = $"Erro ao criar página. Tente novamente. TechMsg: {ex.Message}";
|
||||
return View(model);
|
||||
}
|
||||
@ -401,15 +371,7 @@ public class AdminController : Controller
|
||||
// Update existing page
|
||||
var existingPage = await _userPageService.GetPageByIdAsync(model.Id);
|
||||
if (existingPage == null || existingPage.UserId != user.Id)
|
||||
{
|
||||
await CleanupNewDocumentsAsync(newFileIds);
|
||||
return NotFound();
|
||||
}
|
||||
|
||||
if (!planLimitations.AllowDocumentUpload && existingPage.Documents?.Any() == true)
|
||||
{
|
||||
removedFileIds.AddRange(existingPage.Documents.Select(d => d.FileId));
|
||||
}
|
||||
|
||||
// Check if user can create pages (for users with rejected pages)
|
||||
var canCreatePage = await _moderationService.CanUserCreatePageAsync(user.Id);
|
||||
@ -435,7 +397,7 @@ public class AdminController : Controller
|
||||
}
|
||||
}
|
||||
|
||||
await UpdateUserPageFromModel(existingPage, model, processedDocuments);
|
||||
await UpdateUserPageFromModel(existingPage, model);
|
||||
|
||||
// Set status to PendingModeration for updates
|
||||
existingPage.Status = ViewModels.PageStatus.Creating;
|
||||
@ -443,21 +405,6 @@ public class AdminController : Controller
|
||||
|
||||
await _userPageService.UpdatePageAsync(existingPage);
|
||||
|
||||
if (removedFileIds.Count > 0)
|
||||
{
|
||||
foreach (var fileId in removedFileIds)
|
||||
{
|
||||
try
|
||||
{
|
||||
await _documentStorage.DeleteDocumentAsync(fileId);
|
||||
}
|
||||
catch (Exception cleanupEx)
|
||||
{
|
||||
_logger.LogWarning(cleanupEx, "Erro ao remover documento antigo {FileId}", fileId);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Token será gerado apenas quando usuário clicar "Testar Página"
|
||||
|
||||
// Send email to user
|
||||
@ -798,8 +745,6 @@ public class AdminController : Controller
|
||||
|
||||
private async Task<ManagePageViewModel> MapToManageViewModel(UserPage page, List<Category> categories, List<PageTheme> themes, PlanType userPlanType)
|
||||
{
|
||||
var planLimitations = await _paymentService.GetPlanLimitationsAsync(userPlanType.ToString());
|
||||
|
||||
return new ManagePageViewModel
|
||||
{
|
||||
Id = page.Id,
|
||||
@ -827,23 +772,10 @@ public class AdminController : Controller
|
||||
ProductDescription = l.ProductDescription,
|
||||
ProductDataCachedAt = l.ProductDataCachedAt
|
||||
}).ToList() ?? new List<ManageLinkViewModel>(),
|
||||
Documents = page.Documents?.Select((d, index) => new ManageDocumentViewModel
|
||||
{
|
||||
Id = string.IsNullOrEmpty(d.Id) ? $"doc_{index}" : d.Id,
|
||||
DocumentId = d.FileId,
|
||||
Title = d.Title,
|
||||
Description = d.Description,
|
||||
FileName = d.FileName,
|
||||
FileSize = d.FileSize,
|
||||
UploadedAt = d.UploadedAt
|
||||
}).ToList() ?? new List<ManageDocumentViewModel>(),
|
||||
AvailableCategories = categories,
|
||||
AvailableThemes = themes.Where(t => !t.IsPremium || userPlanType.AllowsCustomThemes()).ToList(),
|
||||
MaxLinksAllowed = userPlanType.GetMaxLinksPerPage(),
|
||||
AllowProductLinks = planLimitations.AllowProductLinks,
|
||||
AllowDocumentUpload = planLimitations.AllowDocumentUpload,
|
||||
MaxDocumentsAllowed = planLimitations.MaxDocuments,
|
||||
DocumentUploadPlansDisplay = GetDocumentUploadPlansDisplay()
|
||||
AllowProductLinks = (await _paymentService.GetPlanLimitationsAsync(userPlanType.ToString())).AllowProductLinks
|
||||
};
|
||||
}
|
||||
|
||||
@ -990,198 +922,7 @@ public class AdminController : Controller
|
||||
return userPage;
|
||||
}
|
||||
|
||||
private string GetDocumentUploadPlansDisplay()
|
||||
{
|
||||
var sections = _configuration.GetSection("Plans").GetChildren();
|
||||
|
||||
var friendlyNames = new HashSet<string>(StringComparer.OrdinalIgnoreCase);
|
||||
|
||||
foreach (var section in sections)
|
||||
{
|
||||
if (!bool.TryParse(section["AllowDocumentUpload"], out var allow) || !allow)
|
||||
continue;
|
||||
|
||||
var key = section.Key ?? string.Empty;
|
||||
var normalizedKey = key.EndsWith("Yearly", StringComparison.OrdinalIgnoreCase)
|
||||
? key[..^6]
|
||||
: key;
|
||||
|
||||
if (Enum.TryParse<PlanType>(normalizedKey, true, out var planType))
|
||||
{
|
||||
friendlyNames.Add(planType.GetDisplayName());
|
||||
}
|
||||
else
|
||||
{
|
||||
var display = section["Name"] ?? key;
|
||||
if (!string.IsNullOrWhiteSpace(display))
|
||||
{
|
||||
friendlyNames.Add(display);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (friendlyNames.Count == 0)
|
||||
return "planos com suporte a documentos";
|
||||
|
||||
var orderedNames = friendlyNames.OrderBy(name => name).ToList();
|
||||
|
||||
return orderedNames.Count switch
|
||||
{
|
||||
1 => orderedNames[0],
|
||||
2 => string.Join(" e ", orderedNames),
|
||||
_ => $"{string.Join(", ", orderedNames.Take(orderedNames.Count - 1))} e {orderedNames.Last()}"
|
||||
};
|
||||
}
|
||||
|
||||
private async Task<(List<PageDocument> Documents, List<string> RemovedFileIds, List<string> NewlyUploadedFileIds)> BuildDocumentsAsync(ManagePageViewModel model, PlanLimitations planLimitations)
|
||||
{
|
||||
var documents = new List<PageDocument>();
|
||||
var removedFileIds = new List<string>();
|
||||
var newFileIds = new List<string>();
|
||||
|
||||
if (!planLimitations.AllowDocumentUpload)
|
||||
{
|
||||
return (documents, removedFileIds, newFileIds);
|
||||
}
|
||||
|
||||
if (model.Documents == null || model.Documents.Count == 0)
|
||||
return (documents, removedFileIds, newFileIds);
|
||||
|
||||
for (int index = 0; index < model.Documents.Count; index++)
|
||||
{
|
||||
var docVm = model.Documents[index];
|
||||
if (docVm == null)
|
||||
continue;
|
||||
|
||||
var hasExisting = !string.IsNullOrEmpty(docVm.DocumentId);
|
||||
|
||||
if (docVm.MarkForRemoval)
|
||||
{
|
||||
if (hasExisting && docVm.DocumentId != null)
|
||||
removedFileIds.Add(docVm.DocumentId);
|
||||
continue;
|
||||
}
|
||||
|
||||
if (string.IsNullOrWhiteSpace(docVm.Title))
|
||||
{
|
||||
ModelState.AddModelError($"Documents[{index}].Title", "Título é obrigatório");
|
||||
continue;
|
||||
}
|
||||
|
||||
string fileId = docVm.DocumentId?.Trim() ?? string.Empty;
|
||||
string fileName = docVm.FileName?.Trim() ?? string.Empty;
|
||||
long fileSize = docVm.FileSize;
|
||||
var uploadedAt = docVm.UploadedAt ?? DateTime.UtcNow;
|
||||
|
||||
if (hasExisting && string.IsNullOrEmpty(docVm.Id))
|
||||
{
|
||||
docVm.Id = ObjectId.GenerateNewId().ToString();
|
||||
}
|
||||
|
||||
if (docVm.DocumentFile != null && docVm.DocumentFile.Length > 0)
|
||||
{
|
||||
if (!docVm.DocumentFile.ContentType.Equals("application/pdf", StringComparison.OrdinalIgnoreCase))
|
||||
{
|
||||
ModelState.AddModelError($"Documents[{index}].DocumentFile", "Envie um arquivo em PDF.");
|
||||
continue;
|
||||
}
|
||||
|
||||
if (docVm.DocumentFile.Length > 10 * 1024 * 1024)
|
||||
{
|
||||
ModelState.AddModelError($"Documents[{index}].DocumentFile", "Arquivo muito grande. Tamanho máximo: 10MB.");
|
||||
continue;
|
||||
}
|
||||
|
||||
using var memoryStream = new MemoryStream();
|
||||
await docVm.DocumentFile.CopyToAsync(memoryStream);
|
||||
var documentBytes = memoryStream.ToArray();
|
||||
|
||||
try
|
||||
{
|
||||
fileId = await _documentStorage.SaveDocumentAsync(documentBytes, docVm.DocumentFile.FileName, docVm.DocumentFile.ContentType);
|
||||
fileName = docVm.DocumentFile.FileName;
|
||||
fileSize = docVm.DocumentFile.Length;
|
||||
uploadedAt = DateTime.UtcNow;
|
||||
newFileIds.Add(fileId);
|
||||
|
||||
if (hasExisting && docVm.DocumentId != null)
|
||||
removedFileIds.Add(docVm.DocumentId);
|
||||
}
|
||||
catch (ArgumentException ex)
|
||||
{
|
||||
ModelState.AddModelError($"Documents[{index}].DocumentFile", ex.Message);
|
||||
continue;
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao salvar PDF do usuário");
|
||||
ModelState.AddModelError($"Documents[{index}].DocumentFile", "Erro ao salvar o PDF. Tente novamente.");
|
||||
continue;
|
||||
}
|
||||
}
|
||||
else if (!hasExisting)
|
||||
{
|
||||
// Nenhum arquivo associado: ignorar
|
||||
continue;
|
||||
}
|
||||
|
||||
if (string.IsNullOrEmpty(fileId))
|
||||
{
|
||||
ModelState.AddModelError($"Documents[{index}].DocumentFile", "Falha ao processar o documento.");
|
||||
continue;
|
||||
}
|
||||
|
||||
documents.Add(new PageDocument
|
||||
{
|
||||
Id = string.IsNullOrEmpty(docVm.Id) || !ObjectId.TryParse(docVm.Id, out _) ? ObjectId.GenerateNewId().ToString() : docVm.Id,
|
||||
FileId = fileId,
|
||||
Title = docVm.Title,
|
||||
Description = docVm.Description,
|
||||
FileName = fileName,
|
||||
FileSize = fileSize,
|
||||
UploadedAt = uploadedAt
|
||||
});
|
||||
|
||||
docVm.DocumentId = fileId;
|
||||
docVm.FileName = fileName;
|
||||
docVm.FileSize = fileSize;
|
||||
docVm.UploadedAt = uploadedAt;
|
||||
if (string.IsNullOrEmpty(docVm.Id) || !ObjectId.TryParse(docVm.Id, out _))
|
||||
{
|
||||
docVm.Id = documents.Last().Id;
|
||||
}
|
||||
}
|
||||
|
||||
if (planLimitations.MaxDocuments > 0 && documents.Count > planLimitations.MaxDocuments)
|
||||
{
|
||||
ModelState.AddModelError("Documents", $"Você pode enviar no máximo {planLimitations.MaxDocuments} documento(s) com seu plano.");
|
||||
}
|
||||
|
||||
return (documents, removedFileIds, newFileIds);
|
||||
}
|
||||
|
||||
private async Task CleanupNewDocumentsAsync(IEnumerable<string> documentIds)
|
||||
{
|
||||
if (documentIds == null)
|
||||
return;
|
||||
|
||||
foreach (var docId in documentIds)
|
||||
{
|
||||
if (string.IsNullOrEmpty(docId))
|
||||
continue;
|
||||
|
||||
try
|
||||
{
|
||||
await _documentStorage.DeleteDocumentAsync(docId);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogWarning(ex, "Erro ao limpar documento temporário {DocumentId}", docId);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task UpdateUserPageFromModel(UserPage page, ManagePageViewModel model, List<PageDocument> documents)
|
||||
private async Task UpdateUserPageFromModel(UserPage page, ManagePageViewModel model)
|
||||
{
|
||||
page.DisplayName = model.DisplayName;
|
||||
page.Category = model.Category;
|
||||
@ -1336,8 +1077,6 @@ public class AdminController : Controller
|
||||
}
|
||||
|
||||
page.Links.AddRange(socialLinks);
|
||||
|
||||
page.Documents = documents ?? new List<PageDocument>();
|
||||
}
|
||||
|
||||
[HttpPost]
|
||||
|
||||
@ -1,64 +0,0 @@
|
||||
using BCards.Web.Services;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace BCards.Web.Controllers;
|
||||
|
||||
[Route("api/[controller]")]
|
||||
[ApiController]
|
||||
public class DocumentController : ControllerBase
|
||||
{
|
||||
private readonly IDocumentStorageService _documentStorage;
|
||||
private readonly ILogger<DocumentController> _logger;
|
||||
|
||||
public DocumentController(IDocumentStorageService documentStorage, ILogger<DocumentController> logger)
|
||||
{
|
||||
_documentStorage = documentStorage;
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
[HttpGet("{documentId}")]
|
||||
[ResponseCache(Duration = 3600, Location = ResponseCacheLocation.Any)]
|
||||
public async Task<IActionResult> GetDocument(string documentId)
|
||||
{
|
||||
try
|
||||
{
|
||||
if (string.IsNullOrEmpty(documentId))
|
||||
return BadRequest("Documento inválido.");
|
||||
|
||||
var documentBytes = await _documentStorage.GetDocumentAsync(documentId);
|
||||
if (documentBytes == null)
|
||||
return NotFound();
|
||||
|
||||
Response.Headers["Cache-Control"] = "public, max-age=31536000";
|
||||
Response.Headers["Expires"] = DateTime.UtcNow.AddYears(1).ToString("R");
|
||||
Response.Headers["ETag"] = $"\"{documentId}\"";
|
||||
|
||||
return File(documentBytes, "application/pdf");
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
_logger.LogError(ex, "Erro ao obter documento {DocumentId}", documentId);
|
||||
return NotFound();
|
||||
}
|
||||
}
|
||||
|
||||
[HttpDelete("{documentId}")]
|
||||
public async Task<IActionResult> DeleteDocument(string documentId)
|
||||
{
|
||||
if (string.IsNullOrEmpty(documentId))
|
||||
return BadRequest();
|
||||
|
||||
var deleted = await _documentStorage.DeleteDocumentAsync(documentId);
|
||||
return deleted ? Ok(new { success = true }) : NotFound();
|
||||
}
|
||||
|
||||
[HttpHead("{documentId}")]
|
||||
public async Task<IActionResult> DocumentExists(string documentId)
|
||||
{
|
||||
if (string.IsNullOrEmpty(documentId))
|
||||
return BadRequest();
|
||||
|
||||
var exists = await _documentStorage.DocumentExistsAsync(documentId);
|
||||
return exists ? Ok() : NotFound();
|
||||
}
|
||||
}
|
||||
@ -73,7 +73,7 @@ public class SubscriptionController : Controller
|
||||
{
|
||||
case "immediate_with_refund":
|
||||
success = await _paymentService.CancelSubscriptionImmediatelyAsync(request.SubscriptionId, true);
|
||||
message = success ? "Assinatura cancelada com reembolso total. O valor será retornado em até 10 dias úteis." : "Erro ao processar cancelamento.";
|
||||
message = success ? "Assinatura cancelada. Reembolso será processado manualmente em até 10 dias úteis." : "Erro ao processar cancelamento.";
|
||||
break;
|
||||
|
||||
case "immediate_no_refund":
|
||||
@ -86,7 +86,7 @@ public class SubscriptionController : Controller
|
||||
var (_, canRefundPartial, refundAmount) = await _paymentService.CalculateRefundAsync(request.SubscriptionId);
|
||||
if (success && canRefundPartial && refundAmount > 0)
|
||||
{
|
||||
message = $"Assinatura cancelada com reembolso parcial de R$ {refundAmount:F2}. O valor será retornado em até 10 dias úteis.";
|
||||
message = $"Assinatura cancelada. Reembolso parcial de R$ {refundAmount:F2} será processado manualmente em até 10 dias úteis.";
|
||||
}
|
||||
else
|
||||
{
|
||||
|
||||
@ -149,9 +149,7 @@ public class TestToolsController : ControllerBase
|
||||
AllowProductLinks = source.AllowProductLinks,
|
||||
SpecialModeration = source.SpecialModeration,
|
||||
OGExtractionsUsedToday = 0,
|
||||
LastExtractionDate = null,
|
||||
AllowDocumentUpload = source.AllowDocumentUpload,
|
||||
MaxDocuments = source.MaxDocuments
|
||||
LastExtractionDate = null
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
@ -90,9 +90,7 @@ public class PlanLimitationMiddleware
|
||||
AllowCustomDomain = false,
|
||||
AllowMultipleDomains = false,
|
||||
PrioritySupport = false,
|
||||
PlanType = "basic",
|
||||
AllowDocumentUpload = false,
|
||||
MaxDocuments = 0
|
||||
PlanType = "basic"
|
||||
},
|
||||
"professional" => new Models.PlanLimitations
|
||||
{
|
||||
@ -102,9 +100,7 @@ public class PlanLimitationMiddleware
|
||||
AllowCustomDomain = true,
|
||||
AllowMultipleDomains = false,
|
||||
PrioritySupport = false,
|
||||
PlanType = "professional",
|
||||
AllowDocumentUpload = false,
|
||||
MaxDocuments = 0
|
||||
PlanType = "professional"
|
||||
},
|
||||
"premium" => new Models.PlanLimitations
|
||||
{
|
||||
@ -114,21 +110,7 @@ public class PlanLimitationMiddleware
|
||||
AllowCustomDomain = true,
|
||||
AllowMultipleDomains = true,
|
||||
PrioritySupport = true,
|
||||
PlanType = "premium",
|
||||
AllowDocumentUpload = true,
|
||||
MaxDocuments = 5
|
||||
},
|
||||
"premiumaffiliate" => new Models.PlanLimitations
|
||||
{
|
||||
MaxLinks = -1,
|
||||
AllowCustomThemes = true,
|
||||
AllowAnalytics = true,
|
||||
AllowCustomDomain = true,
|
||||
AllowMultipleDomains = true,
|
||||
PrioritySupport = true,
|
||||
PlanType = "premiumaffiliate",
|
||||
AllowDocumentUpload = true,
|
||||
MaxDocuments = 10
|
||||
PlanType = "premium"
|
||||
},
|
||||
_ => new Models.PlanLimitations
|
||||
{
|
||||
@ -138,9 +120,7 @@ public class PlanLimitationMiddleware
|
||||
AllowCustomDomain = false,
|
||||
AllowMultipleDomains = false,
|
||||
PrioritySupport = false,
|
||||
PlanType = "free",
|
||||
AllowDocumentUpload = false,
|
||||
MaxDocuments = 0
|
||||
PlanType = "free"
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
@ -16,7 +16,6 @@
|
||||
string BusinessType { get; }
|
||||
PageTheme Theme { get; }
|
||||
List<LinkItem> Links { get; }
|
||||
List<PageDocument> Documents { get; }
|
||||
SeoSettings SeoSettings { get; }
|
||||
string Language { get; }
|
||||
DateTime CreatedAt { get; }
|
||||
|
||||
@ -47,9 +47,6 @@ public class LivePage : IPageDisplay
|
||||
[BsonElement("links")]
|
||||
public List<LinkItem> Links { get; set; } = new();
|
||||
|
||||
[BsonElement("documents")]
|
||||
public List<PageDocument> Documents { get; set; } = new();
|
||||
|
||||
[BsonElement("seoSettings")]
|
||||
public SeoSettings SeoSettings { get; set; } = new();
|
||||
|
||||
|
||||
@ -1,30 +0,0 @@
|
||||
using MongoDB.Bson;
|
||||
using MongoDB.Bson.Serialization.Attributes;
|
||||
|
||||
namespace BCards.Web.Models;
|
||||
|
||||
public class PageDocument
|
||||
{
|
||||
[BsonId]
|
||||
[BsonRepresentation(BsonType.ObjectId)]
|
||||
public string Id { get; set; } = string.Empty;
|
||||
|
||||
[BsonElement("fileId")]
|
||||
[BsonRepresentation(BsonType.ObjectId)]
|
||||
public string FileId { get; set; } = string.Empty;
|
||||
|
||||
[BsonElement("title")]
|
||||
public string Title { get; set; } = string.Empty;
|
||||
|
||||
[BsonElement("description")]
|
||||
public string Description { get; set; } = string.Empty;
|
||||
|
||||
[BsonElement("fileName")]
|
||||
public string FileName { get; set; } = string.Empty;
|
||||
|
||||
[BsonElement("fileSize")]
|
||||
public long FileSize { get; set; }
|
||||
|
||||
[BsonElement("uploadedAt")]
|
||||
public DateTime UploadedAt { get; set; } = DateTime.UtcNow;
|
||||
}
|
||||
@ -43,10 +43,4 @@ public class PlanLimitations
|
||||
|
||||
[BsonElement("lastExtractionDate")]
|
||||
public DateTime? LastExtractionDate { get; set; }
|
||||
|
||||
[BsonElement("allowDocumentUpload")]
|
||||
public bool AllowDocumentUpload { get; set; } = false;
|
||||
|
||||
[BsonElement("maxDocuments")]
|
||||
public int MaxDocuments { get; set; } = 0;
|
||||
}
|
||||
@ -31,10 +31,10 @@ public static class PlanTypeExtensions
|
||||
return planType switch
|
||||
{
|
||||
PlanType.Trial => 0.00m,
|
||||
PlanType.Basic => 12.90m,
|
||||
PlanType.Professional => 25.90m,
|
||||
PlanType.Premium => 29.90m,
|
||||
PlanType.PremiumAffiliate => 34.90m,
|
||||
PlanType.Basic => 5.90m,
|
||||
PlanType.Professional => 12.90m,
|
||||
PlanType.Premium => 19.90m,
|
||||
PlanType.PremiumAffiliate => 29.90m,
|
||||
_ => 0.00m
|
||||
};
|
||||
}
|
||||
|
||||
@ -44,9 +44,6 @@ public class UserPage : IPageDisplay
|
||||
[BsonElement("links")]
|
||||
public List<LinkItem> Links { get; set; } = new();
|
||||
|
||||
[BsonElement("documents")]
|
||||
public List<PageDocument> Documents { get; set; } = new();
|
||||
|
||||
[BsonElement("seoSettings")]
|
||||
public SeoSettings SeoSettings { get; set; } = new();
|
||||
|
||||
|
||||
@ -483,37 +483,24 @@ builder.Services.AddScoped<IEmailService, EmailService>();
|
||||
builder.Services.AddScoped<IDowngradeService, DowngradeService>();
|
||||
|
||||
builder.Services.AddScoped<IImageStorageService, GridFSImageStorage>();
|
||||
builder.Services.AddScoped<IDocumentStorageService, GridFSDocumentStorage>();
|
||||
|
||||
// Support Area - Rating and Contact System
|
||||
builder.Services.Configure<BCards.Web.Configuration.SupportSettings>(
|
||||
builder.Configuration.GetSection("Support"));
|
||||
|
||||
builder.Services.AddScoped<BCards.Web.Areas.Support.Repositories.IRatingRepository, BCards.Web.Areas.Support.Repositories.RatingRepository>();
|
||||
builder.Services.AddScoped<BCards.Web.Areas.Support.Services.IRatingService, BCards.Web.Areas.Support.Services.RatingService>();
|
||||
builder.Services.AddScoped<BCards.Web.Areas.Support.Services.ISupportService, BCards.Web.Areas.Support.Services.SupportService>();
|
||||
|
||||
// Markdown/Articles System - Tutoriais e Artigos Areas
|
||||
builder.Services.AddScoped<BCards.Web.Areas.Tutoriais.Services.IMarkdownService, BCards.Web.Areas.Tutoriais.Services.MarkdownService>();
|
||||
|
||||
// Configure upload limits for file handling (images up to 5MB)
|
||||
builder.Services.Configure<FormOptions>(options =>
|
||||
{
|
||||
var maxUploadSize = 12 * 1024 * 1024; // 12MB
|
||||
options.MultipartBodyLengthLimit = maxUploadSize;
|
||||
options.MultipartBodyLengthLimit = 5 * 1024 * 1024; // 5MB
|
||||
options.ValueLengthLimit = int.MaxValue;
|
||||
options.ValueCountLimit = int.MaxValue;
|
||||
options.KeyLengthLimit = int.MaxValue;
|
||||
options.BufferBody = true;
|
||||
options.BufferBodyLengthLimit = maxUploadSize;
|
||||
options.MultipartBodyLengthLimit = maxUploadSize;
|
||||
options.BufferBodyLengthLimit = 5 * 1024 * 1024; // 5MB
|
||||
options.MultipartBodyLengthLimit = 5 * 1024 * 1024; // 5MB
|
||||
options.MultipartHeadersLengthLimit = 16384;
|
||||
});
|
||||
|
||||
// Configure Kestrel server limits for larger requests
|
||||
builder.Services.Configure<Microsoft.AspNetCore.Server.Kestrel.Core.KestrelServerOptions>(options =>
|
||||
{
|
||||
options.Limits.MaxRequestBodySize = 12 * 1024 * 1024; // 12MB
|
||||
options.Limits.MaxRequestBodySize = 5 * 1024 * 1024; // 5MB
|
||||
options.Limits.RequestHeadersTimeout = TimeSpan.FromMinutes(2);
|
||||
options.Limits.KeepAliveTimeout = TimeSpan.FromMinutes(2);
|
||||
});
|
||||
@ -734,12 +721,6 @@ if (app.Environment.IsDevelopment())
|
||||
|
||||
app.UseResponseCaching();
|
||||
|
||||
// Support Area Routes
|
||||
app.MapAreaControllerRoute(
|
||||
name: "support-area",
|
||||
areaName: "Support",
|
||||
pattern: "Support/{controller=Support}/{action=Index}/{id?}");
|
||||
|
||||
app.MapControllerRoute(
|
||||
name: "userpage-preview-path",
|
||||
pattern: "page/preview/{category}/{slug}",
|
||||
@ -791,56 +772,6 @@ app.MapControllerRoute(
|
||||
pattern: "terminos",
|
||||
defaults: new { controller = "Legal", action = "TermsES" });
|
||||
|
||||
// ========================================
|
||||
// AREAS: Tutoriais e Artigos
|
||||
// ========================================
|
||||
// IMPORTANTE: Ordem importa! Rotas mais específicas primeiro.
|
||||
|
||||
// Artigos Area - Índice (ANTES para evitar conflito)
|
||||
app.MapAreaControllerRoute(
|
||||
name: "artigos-index",
|
||||
areaName: "Artigos",
|
||||
pattern: "artigos",
|
||||
defaults: new { controller = "Artigos", action = "Index" });
|
||||
|
||||
// Artigos Area - Artigo específico
|
||||
app.MapAreaControllerRoute(
|
||||
name: "artigos-article",
|
||||
areaName: "Artigos",
|
||||
pattern: "artigos/{slug}",
|
||||
defaults: new { controller = "Artigos", action = "Article" },
|
||||
constraints: new { slug = @"^[a-z0-9\-]+$" });
|
||||
|
||||
// Tutoriais Area - Índice
|
||||
app.MapAreaControllerRoute(
|
||||
name: "tutoriais-index",
|
||||
areaName: "Tutoriais",
|
||||
pattern: "tutoriais",
|
||||
defaults: new { controller = "Tutoriais", action = "Index" });
|
||||
|
||||
// Tutoriais Area - Lista de artigos por categoria
|
||||
app.MapAreaControllerRoute(
|
||||
name: "tutoriais-category",
|
||||
areaName: "Tutoriais",
|
||||
pattern: "tutoriais/{categoria}",
|
||||
defaults: new { controller = "Tutoriais", action = "Category" },
|
||||
constraints: new { categoria = @"^[a-z\-]+$" });
|
||||
|
||||
// Tutoriais Area - Artigo específico
|
||||
app.MapAreaControllerRoute(
|
||||
name: "tutoriais-article",
|
||||
areaName: "Tutoriais",
|
||||
pattern: "tutoriais/{categoria}/{slug}",
|
||||
defaults: new { controller = "Tutoriais", action = "Article" },
|
||||
constraints: new
|
||||
{
|
||||
categoria = @"^[a-z\-]+$", // slug de categoria
|
||||
slug = @"^[a-z0-9\-]+$" // slug do artigo
|
||||
});
|
||||
|
||||
// ========================================
|
||||
// Rota default
|
||||
// ========================================
|
||||
app.MapControllerRoute(
|
||||
name: "default",
|
||||
pattern: "{controller=Home}/{action=Index}/{id?}");
|
||||
|
||||
@ -1,93 +0,0 @@
|
||||
using MongoDB.Bson;
|
||||
using MongoDB.Driver;
|
||||
using MongoDB.Driver.GridFS;
|
||||
|
||||
namespace BCards.Web.Services;
|
||||
|
||||
public class GridFSDocumentStorage : IDocumentStorageService
|
||||
{
|
||||
private const int MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
|
||||
private static readonly string[] ALLOWED_TYPES = { "application/pdf" };
|
||||
|
||||
private readonly GridFSBucket _gridFS;
|
||||
private readonly ILogger<GridFSDocumentStorage> _logger;
|
||||
|
||||
public GridFSDocumentStorage(IMongoDatabase database, ILogger<GridFSDocumentStorage> logger)
|
||||
{
|
||||
_gridFS = new GridFSBucket(database, new GridFSBucketOptions
|
||||
{
|
||||
BucketName = "page_documents"
|
||||
});
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
public async Task<string> SaveDocumentAsync(byte[] documentBytes, string fileName, string contentType)
|
||||
{
|
||||
if (documentBytes == null || documentBytes.Length == 0)
|
||||
throw new ArgumentException("Documento inválido.");
|
||||
|
||||
if (documentBytes.Length > MAX_FILE_SIZE)
|
||||
throw new ArgumentException($"Arquivo muito grande. Tamanho máximo permitido: {MAX_FILE_SIZE / (1024 * 1024)}MB.");
|
||||
|
||||
if (!ALLOWED_TYPES.Contains(contentType.ToLower()))
|
||||
throw new ArgumentException("Tipo de arquivo não suportado. Envie um PDF.");
|
||||
|
||||
var uniqueFileName = $"document_{DateTime.UtcNow:yyyyMMdd_HHmmss}_{Guid.NewGuid():N}.pdf";
|
||||
|
||||
var options = new GridFSUploadOptions
|
||||
{
|
||||
Metadata = new BsonDocument
|
||||
{
|
||||
{ "originalFileName", fileName },
|
||||
{ "contentType", contentType },
|
||||
{ "uploadDate", DateTime.UtcNow },
|
||||
{ "size", documentBytes.Length }
|
||||
}
|
||||
};
|
||||
|
||||
var fileId = await _gridFS.UploadFromBytesAsync(uniqueFileName, documentBytes, options);
|
||||
_logger.LogInformation("PDF salvo no GridFS: {FileId}", fileId);
|
||||
return fileId.ToString();
|
||||
}
|
||||
|
||||
public async Task<byte[]?> GetDocumentAsync(string documentId)
|
||||
{
|
||||
if (!ObjectId.TryParse(documentId, out var objectId))
|
||||
return null;
|
||||
|
||||
try
|
||||
{
|
||||
return await _gridFS.DownloadAsBytesAsync(objectId);
|
||||
}
|
||||
catch (GridFSFileNotFoundException)
|
||||
{
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
public async Task<bool> DeleteDocumentAsync(string documentId)
|
||||
{
|
||||
if (!ObjectId.TryParse(documentId, out var objectId))
|
||||
return false;
|
||||
|
||||
try
|
||||
{
|
||||
await _gridFS.DeleteAsync(objectId);
|
||||
return true;
|
||||
}
|
||||
catch (GridFSFileNotFoundException)
|
||||
{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
public async Task<bool> DocumentExistsAsync(string documentId)
|
||||
{
|
||||
if (!ObjectId.TryParse(documentId, out var objectId))
|
||||
return false;
|
||||
|
||||
var filter = Builders<GridFSFileInfo>.Filter.Eq("_id", objectId);
|
||||
var fileInfo = await _gridFS.Find(filter).FirstOrDefaultAsync();
|
||||
return fileInfo != null;
|
||||
}
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
namespace BCards.Web.Services;
|
||||
|
||||
public interface IDocumentStorageService
|
||||
{
|
||||
Task<string> SaveDocumentAsync(byte[] documentBytes, string fileName, string contentType);
|
||||
Task<byte[]?> GetDocumentAsync(string documentId);
|
||||
Task<bool> DeleteDocumentAsync(string documentId);
|
||||
Task<bool> DocumentExistsAsync(string documentId);
|
||||
}
|
||||
@ -51,8 +51,6 @@ public class PlanConfiguration
|
||||
public bool AllowProductLinks { get; set; }
|
||||
public bool AllowAnalytics { get; set; }
|
||||
public bool? SpecialModeration { get; set; }
|
||||
public bool AllowDocumentUpload { get; set; }
|
||||
public int MaxDocuments { get; set; }
|
||||
public List<string> Features { get; set; } = new();
|
||||
public string Interval { get; set; } = "month";
|
||||
public PlanType BasePlanType { get; set; }
|
||||
|
||||
@ -59,7 +59,6 @@ public class LivePageService : ILivePageService
|
||||
BusinessType = userPage.BusinessType,
|
||||
Theme = userPage.Theme,
|
||||
Links = userPage.Links,
|
||||
Documents = userPage.Documents,
|
||||
SeoSettings = userPage.SeoSettings,
|
||||
Language = userPage.Language,
|
||||
Analytics = new LivePageAnalytics
|
||||
|
||||
@ -372,45 +372,16 @@ public class PaymentService : IPaymentService
|
||||
try
|
||||
{
|
||||
var service = new SubscriptionService();
|
||||
var subscription = await service.GetAsync(subscriptionId);
|
||||
|
||||
if (refund)
|
||||
{
|
||||
// Processar reembolso automático - obter última charge e reembolsá-la
|
||||
try
|
||||
{
|
||||
var chargeService = new ChargeService();
|
||||
var charges = await chargeService.ListAsync(new ChargeListOptions
|
||||
{
|
||||
Customer = subscription.CustomerId,
|
||||
Limit = 1
|
||||
});
|
||||
|
||||
if (charges.Data.Any())
|
||||
{
|
||||
var lastCharge = charges.Data.First();
|
||||
if (lastCharge.Refunded == false && !string.IsNullOrEmpty(lastCharge.Id))
|
||||
{
|
||||
try
|
||||
{
|
||||
var refundService = new RefundService();
|
||||
await refundService.CreateAsync(new RefundCreateOptions { Charge = lastCharge.Id });
|
||||
}
|
||||
catch (StripeException)
|
||||
{
|
||||
// Reembolso falhou mas continuaremos com o cancelamento
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
catch (StripeException)
|
||||
{
|
||||
// Se houver erro ao obter charge, ainda cancela a assinatura
|
||||
}
|
||||
}
|
||||
|
||||
// Cancelar a assinatura
|
||||
// Para reembolso completo, apenas cancela - reembolso deve ser feito manualmente via Stripe Dashboard
|
||||
await service.CancelAsync(subscriptionId);
|
||||
}
|
||||
else
|
||||
{
|
||||
await service.CancelAsync(subscriptionId);
|
||||
}
|
||||
|
||||
// Atualizar subscription local
|
||||
var localSubscription = await _subscriptionRepository.GetByStripeSubscriptionIdAsync(subscriptionId);
|
||||
|
||||
@ -47,9 +47,7 @@ public class PlanConfigurationService : IPlanConfigurationService
|
||||
PrioritySupport = false,
|
||||
AllowProductLinks = false,
|
||||
MaxProductLinks = 0,
|
||||
PlanType = "trial",
|
||||
AllowDocumentUpload = false,
|
||||
MaxDocuments = 0
|
||||
PlanType = "trial"
|
||||
},
|
||||
PlanType.Basic => new PlanLimitations
|
||||
{
|
||||
@ -61,9 +59,7 @@ public class PlanConfigurationService : IPlanConfigurationService
|
||||
PrioritySupport = false,
|
||||
AllowProductLinks = GetConfigValue(PlanType.Basic, "AllowProductLinks", false),
|
||||
MaxProductLinks = 0,
|
||||
PlanType = "basic",
|
||||
AllowDocumentUpload = GetConfigValue(PlanType.Basic, "AllowDocumentUpload", false),
|
||||
MaxDocuments = GetConfigValue(PlanType.Basic, "MaxDocuments", 0)
|
||||
PlanType = "basic"
|
||||
},
|
||||
PlanType.Professional => new PlanLimitations
|
||||
{
|
||||
@ -75,9 +71,7 @@ public class PlanConfigurationService : IPlanConfigurationService
|
||||
PrioritySupport = false,
|
||||
AllowProductLinks = GetConfigValue(PlanType.Professional, "AllowProductLinks", false),
|
||||
MaxProductLinks = 0,
|
||||
PlanType = "professional",
|
||||
AllowDocumentUpload = GetConfigValue(PlanType.Professional, "AllowDocumentUpload", false),
|
||||
MaxDocuments = GetConfigValue(PlanType.Professional, "MaxDocuments", 0)
|
||||
PlanType = "professional"
|
||||
},
|
||||
PlanType.Premium => new PlanLimitations
|
||||
{
|
||||
@ -89,9 +83,7 @@ public class PlanConfigurationService : IPlanConfigurationService
|
||||
PrioritySupport = true,
|
||||
AllowProductLinks = GetConfigValue(PlanType.Premium, "AllowProductLinks", false),
|
||||
MaxProductLinks = 0,
|
||||
PlanType = "premium",
|
||||
AllowDocumentUpload = GetConfigValue(PlanType.Premium, "AllowDocumentUpload", true),
|
||||
MaxDocuments = GetConfigValue(PlanType.Premium, "MaxDocuments", 5)
|
||||
PlanType = "premium"
|
||||
},
|
||||
PlanType.PremiumAffiliate => new PlanLimitations
|
||||
{
|
||||
@ -103,11 +95,9 @@ public class PlanConfigurationService : IPlanConfigurationService
|
||||
PrioritySupport = true,
|
||||
AllowProductLinks = GetConfigValue(PlanType.PremiumAffiliate, "AllowProductLinks", true),
|
||||
MaxProductLinks = 10,
|
||||
PlanType = "premiumaffiliate",
|
||||
AllowDocumentUpload = GetConfigValue(PlanType.PremiumAffiliate, "AllowDocumentUpload", true),
|
||||
MaxDocuments = GetConfigValue(PlanType.PremiumAffiliate, "MaxDocuments", 10)
|
||||
PlanType = "premiumaffiliate"
|
||||
},
|
||||
_ => new PlanLimitations { PlanType = "trial", AllowDocumentUpload = false, MaxDocuments = 0 }
|
||||
_ => new PlanLimitations { PlanType = "trial" }
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
@ -178,8 +178,8 @@ public class TrialExpirationService : BackgroundService
|
||||
|
||||
Para continuar usando sua página de links, escolha um de nossos planos:
|
||||
|
||||
• Básico - R$ 12,90/mês
|
||||
• Profissional - R$ 25,90/mês
|
||||
• Básico - R$ 9,90/mês
|
||||
• Profissional - R$ 24,90/mês
|
||||
• Premium - R$ 29,90/mês
|
||||
|
||||
Acesse: {GetUpgradeUrl()}
|
||||
@ -204,9 +204,9 @@ public class TrialExpirationService : BackgroundService
|
||||
|
||||
Para reativar sua página, escolha um de nossos planos:
|
||||
|
||||
• Básico - R$ 12,90/mês - 5 links, analytics básicos
|
||||
• Profissional - R$ 25,90/mês - 15 links, todos os temas, analytics avançados
|
||||
• Premium - R$ 29,90/mês - Links ilimitados, temas premium, analytics completos, upload de PDFs
|
||||
• Básico - R$ 9,90/mês - 5 links, analytics básicos
|
||||
• Profissional - R$ 24,90/mês - 15 links, todos os temas, analytics avançados
|
||||
• Premium - R$ 29,90/mês - Links ilimitados, temas premium, analytics completos
|
||||
|
||||
Seus dados estão seguros e serão restaurados assim que você escolher um plano.
|
||||
|
||||
|
||||
@ -43,7 +43,6 @@ public class ManagePageViewModel
|
||||
public string KawaiUrl { get; set; } = string.Empty;
|
||||
|
||||
public List<ManageLinkViewModel> Links { get; set; } = new();
|
||||
public List<ManageDocumentViewModel> Documents { get; set; } = new();
|
||||
|
||||
// Profile image fields
|
||||
public string? ProfileImageId { get; set; }
|
||||
@ -56,9 +55,6 @@ public class ManagePageViewModel
|
||||
// Plan limitations
|
||||
public int MaxLinksAllowed { get; set; } = 3;
|
||||
public bool AllowProductLinks { get; set; } = false;
|
||||
public int MaxDocumentsAllowed { get; set; } = 0;
|
||||
public bool AllowDocumentUpload { get; set; } = false;
|
||||
public string DocumentUploadPlansDisplay { get; set; } = "planos com suporte a documentos";
|
||||
public bool CanUseTheme(string themeName) => AvailableThemes.Any(t => t.Name.ToLower() == themeName.ToLower());
|
||||
|
||||
/// <summary>
|
||||
@ -105,28 +101,6 @@ public class ManageLinkViewModel
|
||||
public DateTime? ProductDataCachedAt { get; set; }
|
||||
}
|
||||
|
||||
public class ManageDocumentViewModel
|
||||
{
|
||||
// Campos opcionais - preenchidos pelo model binding ou pelo controller
|
||||
public string? Id { get; set; }
|
||||
public string? DocumentId { get; set; }
|
||||
public string? FileName { get; set; }
|
||||
|
||||
[Required(ErrorMessage = "Título é obrigatório")]
|
||||
[StringLength(120, ErrorMessage = "Título deve ter no máximo 120 caracteres")]
|
||||
public string Title { get; set; } = string.Empty;
|
||||
|
||||
[StringLength(300, ErrorMessage = "Descrição deve ter no máximo 300 caracteres")]
|
||||
public string Description { get; set; } = string.Empty;
|
||||
|
||||
public long FileSize { get; set; }
|
||||
public DateTime? UploadedAt { get; set; }
|
||||
|
||||
public IFormFile? DocumentFile { get; set; }
|
||||
public bool MarkForRemoval { get; set; }
|
||||
public bool ReplaceExisting => DocumentFile != null && !string.IsNullOrEmpty(DocumentId);
|
||||
}
|
||||
|
||||
public class DashboardViewModel
|
||||
{
|
||||
public User CurrentUser { get; set; } = new();
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
<div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mt-2">
|
||||
<small class="text-muted">Passo 1 de 5</small>
|
||||
<small class="text-muted">Passo 1 de 4</small>
|
||||
<small class="text-muted">Informações Básicas</small>
|
||||
</div>
|
||||
</div>
|
||||
@ -228,154 +228,13 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Passo 3: Documentos PDF (Premium) -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingDocuments">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDocuments" aria-expanded="false" aria-controls="collapseDocuments">
|
||||
<i class="fas fa-file-pdf me-2"></i>
|
||||
Passo 3: Documentos PDF (Premium)
|
||||
<span class="badge bg-success ms-auto me-3" id="step3Status" style="display: none;">✓</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseDocuments" class="accordion-collapse collapse" aria-labelledby="headingDocuments" data-bs-parent="#pageWizard">
|
||||
<div class="accordion-body">
|
||||
@if (Model.AllowDocumentUpload)
|
||||
{
|
||||
<p class="text-muted mb-3">Anexe PDFs com apresentações, catálogos ou materiais exclusivos para quem acessar sua página Premium.</p>
|
||||
|
||||
@if (Model.MaxDocumentsAllowed > 0)
|
||||
{
|
||||
<div class="alert alert-light border-start border-3 border-primary py-2 small">
|
||||
<i class="fas fa-info-circle me-2 text-primary"></i>
|
||||
Você pode anexar até <strong>@Model.MaxDocumentsAllowed</strong> documento(s) no seu plano atual.
|
||||
</div>
|
||||
}
|
||||
|
||||
<div id="documentsContainer">
|
||||
@if (Model.Documents != null && Model.Documents.Count > 0)
|
||||
{
|
||||
for (var i = 0; i < Model.Documents.Count; i++)
|
||||
{
|
||||
<div class="document-input-group border rounded p-3 mb-3" data-document="@i">
|
||||
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||
<div>
|
||||
<h6 class="mb-1">Documento @(i + 1)</h6>
|
||||
@if (Model.Documents[i].UploadedAt.HasValue)
|
||||
{
|
||||
<small class="text-muted">Atualizado em @Model.Documents[i].UploadedAt.Value.ToLocalTime().ToString("dd/MM/yyyy HH:mm")</small>
|
||||
}
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
@if (!string.IsNullOrEmpty(Model.Documents[i].DocumentId))
|
||||
{
|
||||
<a class="btn btn-sm btn-outline-primary" href="/api/document/@Model.Documents[i].DocumentId" target="_blank">
|
||||
<i class="fas fa-file-pdf me-1"></i> Ver PDF
|
||||
</a>
|
||||
}
|
||||
<button type="button" class="btn btn-sm btn-outline-danger remove-document-btn">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Título <span class="text-danger">*</span></label>
|
||||
<input asp-for="Documents[i].Title" class="form-control" placeholder="Ex: Apresentação de Serviços">
|
||||
<span asp-validation-for="Documents[i].Title" class="text-danger"></span>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Descrição (opcional)</label>
|
||||
<textarea asp-for="Documents[i].Description" class="form-control" rows="2" placeholder="Resumo do conteúdo"></textarea>
|
||||
<span asp-validation-for="Documents[i].Description" class="text-danger"></span>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Arquivo PDF</label>
|
||||
@if (!string.IsNullOrEmpty(Model.Documents[i].DocumentId))
|
||||
{
|
||||
<div class="bg-light border rounded p-3 mb-2 document-file-info">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<strong>@Model.Documents[i].FileName</strong>
|
||||
<div class="small text-muted">@((Model.Documents[i].FileSize / 1024.0).ToString("0.#")) KB</div>
|
||||
</div>
|
||||
<span class="badge bg-primary-subtle text-primary">PDF</span>
|
||||
</div>
|
||||
</div>
|
||||
<input asp-for="Documents[i].DocumentFile" class="form-control" type="file" accept="application/pdf">
|
||||
<small class="form-text text-muted">Envie outro PDF para substituir o arquivo atual (máx. 10MB).</small>
|
||||
}
|
||||
else
|
||||
{
|
||||
<input asp-for="Documents[i].DocumentFile" class="form-control" type="file" accept="application/pdf">
|
||||
<small class="form-text text-muted">Envie um arquivo PDF (máx. 10MB).</small>
|
||||
}
|
||||
<span asp-validation-for="Documents[i].DocumentFile" class="text-danger"></span>
|
||||
</div>
|
||||
|
||||
<input asp-for="Documents[i].Id" type="hidden">
|
||||
<input asp-for="Documents[i].DocumentId" type="hidden">
|
||||
<input asp-for="Documents[i].FileName" type="hidden">
|
||||
<input asp-for="Documents[i].FileSize" type="hidden">
|
||||
<input asp-for="Documents[i].UploadedAt" type="hidden">
|
||||
<input asp-for="Documents[i].MarkForRemoval" type="hidden">
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="alert alert-info" id="documentsEmptyState" style="display: none;">
|
||||
<i class="fas fa-folder-open me-2"></i>Nenhum documento adicionado ainda.
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="alert alert-info" id="documentsEmptyState">
|
||||
<i class="fas fa-folder-open me-2"></i>Nenhum documento adicionado ainda.
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mt-3">
|
||||
<small class="text-muted">Os documentos são exibidos em ordem de cadastro. Utilize títulos claros para facilitar o acesso.</small>
|
||||
<button type="button" class="btn btn-outline-primary" id="addDocumentBtn">
|
||||
<i class="fas fa-plus me-2"></i>Adicionar Documento
|
||||
</button>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="alert alert-warning d-flex align-items-start">
|
||||
<i class="fas fa-crown me-2 mt-1"></i>
|
||||
<div>
|
||||
Upload de PDFs disponível apenas nos planos <strong>@Model.DocumentUploadPlansDisplay</strong>.
|
||||
<div class="mt-2">
|
||||
<a asp-controller="Home" asp-action="Pricing" class="btn btn-warning btn-sm">
|
||||
<i class="fas fa-arrow-up me-1"></i>Fazer upgrade agora
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="d-flex justify-content-between mt-4">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="previousStep(2)">
|
||||
<i class="fas fa-arrow-left me-1"></i> Anterior
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary" onclick="nextStep(4)">
|
||||
Próximo <i class="fas fa-arrow-right ms-1"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Passo 4: Links Principais -->
|
||||
<!-- Passo 3: Links Principais -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingLinks">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseLinks" aria-expanded="false" aria-controls="collapseLinks">
|
||||
<i class="fas fa-link me-2"></i>
|
||||
Passo 4: Links Principais
|
||||
<span class="badge bg-success ms-auto me-3" id="step4Status" style="display: none;">✓</span>
|
||||
Passo 3: Links Principais
|
||||
<span class="badge bg-success ms-auto me-3" id="step3Status" style="display: none;">✓</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseLinks" class="accordion-collapse collapse" aria-labelledby="headingLinks" data-bs-parent="#pageWizard">
|
||||
@ -512,10 +371,10 @@
|
||||
</button>
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="previousStep(3)">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="previousStep(2)">
|
||||
<i class="fas fa-arrow-left me-1"></i> Anterior
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary" onclick="nextStep(5)">
|
||||
<button type="button" class="btn btn-primary" onclick="nextStep(4)">
|
||||
Próximo <i class="fas fa-arrow-right ms-1"></i>
|
||||
</button>
|
||||
</div>
|
||||
@ -535,18 +394,18 @@
|
||||
var twitterUrl = twitter !=null ? twitter.Url.Replace("https://x.com/","").Replace("https://twitter.com/","").Replace("https://www.twitter.com/","") : "";
|
||||
var whatsappUrl = whatsapp !=null ? whatsapp.Url.Replace("https://wa.me/","").Replace("whatsapp://","") : "";
|
||||
var instagramUrl = instagram !=null ? instagram.Url.Replace("https://instagram.com/","").Replace("https://www.instagram.com/","") : "";
|
||||
var tiktokUrl = tiktok !=null ? tiktok.Url.Replace("https://tiktok.com/@","").Replace("https://www.tiktok.com/@","").Replace("https://vm.tiktok.com/","") : "";
|
||||
var tiktokUrl = tiktok !=null ? tiktok.Url.Replace("https://tiktok.com/@@","").Replace("https://www.tiktok.com/@@","").Replace("https://vm.tiktok.com/","") : "";
|
||||
var pinterestUrl = pinterest !=null ? pinterest.Url.Replace("https://pinterest.com/","").Replace("https://www.pinterest.com/","").Replace("https://pin.it/","") : "";
|
||||
var discordUrl = discord !=null ? discord.Url.Replace("https://discord.gg/","").Replace("https://discord.com/invite/","") : "";
|
||||
var kawaiUrl = kawai !=null ? kawai.Url.Replace("https://kawai.com/","").Replace("https://www.kawai.com/","") : "";
|
||||
}
|
||||
<!-- Passo 5: Redes Sociais (Opcional) -->
|
||||
<!-- Passo 4: Redes Sociais (Opcional) -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingSocial">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSocial" aria-expanded="false" aria-controls="collapseSocial">
|
||||
<i class="fab fa-twitter me-2"></i>
|
||||
Passo 5: Redes Sociais (Opcional)
|
||||
<span class="badge bg-success ms-auto me-3" id="step5Status" style="display: none;">✓</span>
|
||||
Passo 4: Redes Sociais (Opcional)
|
||||
<span class="badge bg-success ms-auto me-3" id="step4Status" style="display: none;">✓</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseSocial" class="accordion-collapse collapse" aria-labelledby="headingSocial" data-bs-parent="#pageWizard">
|
||||
@ -573,12 +432,9 @@
|
||||
<i class="fab fa-whatsapp text-success me-2"></i>
|
||||
https://wa.me/
|
||||
</span>
|
||||
<input type="text" class="form-control" id="whatsappNumber" placeholder="11987654321">
|
||||
<input type="text" class="form-control" id="whatsappNumber" placeholder="5511999999999">
|
||||
</div>
|
||||
<small class="form-text text-muted">
|
||||
<strong>Brasil:</strong> Digite apenas DDD + número (ex: 11987654321). O código 55 será adicionado automaticamente.<br>
|
||||
<strong>Outros países:</strong> Digite o código do país + número completo.
|
||||
</small>
|
||||
<small class="form-text text-muted">Exemplo: 5511999999999 (código do país + DDD + número)</small>
|
||||
<input asp-for="WhatsAppNumber" type="hidden" value="@(whatsappUrl ?? "")">
|
||||
<span asp-validation-for="WhatsAppNumber" class="text-danger"></span>
|
||||
</div>
|
||||
@ -734,7 +590,7 @@
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="previousStep(4)">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="previousStep(3)">
|
||||
<i class="fas fa-arrow-left me-1"></i> Anterior
|
||||
</button>
|
||||
<button type="submit" class="btn btn-success">
|
||||
@ -1183,9 +1039,7 @@
|
||||
|
||||
<script>
|
||||
let linkCount = @Model.Links.Count;
|
||||
let documentCount = @(Model.Documents?.Count ?? 0);
|
||||
let currentStep = 1;
|
||||
const totalSteps = 5;
|
||||
|
||||
$(document).ready(function() {
|
||||
// Initialize social media fields
|
||||
@ -1197,9 +1051,6 @@
|
||||
// Initialize URL input handlers
|
||||
initializeUrlInputs();
|
||||
|
||||
// Initialize document handlers
|
||||
initializeDocumentHandlers();
|
||||
|
||||
// Check for validation errors and show toast + open accordion
|
||||
checkValidationErrors();
|
||||
|
||||
@ -1207,22 +1058,14 @@
|
||||
checkServerImageErrors();
|
||||
|
||||
// Garantir que campos não marcados sejam string vazia ao submeter
|
||||
$('form').on('submit', function(e) {
|
||||
$('form').on('submit', function() {
|
||||
ensureUncheckedFieldsAreEmpty();
|
||||
|
||||
// Validar URLs de redes sociais antes de submeter
|
||||
const validationResult = validateSocialMediaUrls();
|
||||
if (!validationResult.valid) {
|
||||
e.preventDefault();
|
||||
alert('Erro de validação:\n\n' + validationResult.errors.join('\n'));
|
||||
return false;
|
||||
}
|
||||
|
||||
// Debug: Verificar quais campos de links estão sendo enviados
|
||||
console.log('=== DEBUG FORM SUBMISSION ===');
|
||||
const formData = new FormData(this);
|
||||
for (let [key, value] of formData.entries()) {
|
||||
if (key.includes('Links[') || key.includes('Url') || key.includes('Number')) {
|
||||
if (key.includes('Links[')) {
|
||||
console.log(`${key}: ${value}`);
|
||||
}
|
||||
}
|
||||
@ -1254,7 +1097,7 @@
|
||||
const maxlinks = @Model.MaxLinksAllowed;
|
||||
// Links do modal são limitados pelo MaxLinksAllowed (redes sociais são separadas e opcionais)
|
||||
if (linkCount >= maxlinks) {
|
||||
alert('Você atingiu o limite de ' + maxlinks + ' links para seu plano atual. As redes sociais do Passo 5 não contam neste limite.');
|
||||
alert('Você atingiu o limite de ' + maxlinks + ' links para seu plano atual. As redes sociais do Passo 4 não contam neste limite.');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
@ -1346,7 +1189,7 @@
|
||||
}
|
||||
|
||||
function getStepName(step) {
|
||||
const names = ['', 'Basic', 'Theme', 'Documents', 'Links', 'Social'];
|
||||
const names = ['', 'Basic', 'Theme', 'Links', 'Social'];
|
||||
return names[step];
|
||||
}
|
||||
|
||||
@ -1373,9 +1216,9 @@
|
||||
}
|
||||
|
||||
function updateProgress() {
|
||||
const progress = (currentStep / totalSteps) * 100;
|
||||
const progress = (currentStep / 4) * 100;
|
||||
$('.progress-bar').css('width', `${progress}%`).attr('aria-valuenow', progress);
|
||||
$('.progress').next().find('small').first().text(`Passo ${currentStep} de ${totalSteps}`);
|
||||
$('.progress').next().find('small').first().text(`Passo ${currentStep} de 4`);
|
||||
}
|
||||
|
||||
function generateSlug() {
|
||||
@ -1516,167 +1359,6 @@
|
||||
});
|
||||
}
|
||||
|
||||
function initializeDocumentHandlers() {
|
||||
const $documentsContainer = $('#documentsContainer');
|
||||
const $addDocumentBtn = $('#addDocumentBtn');
|
||||
|
||||
if (!$documentsContainer.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
toggleDocumentEmptyState();
|
||||
toggleDocumentAddButton();
|
||||
|
||||
if ($addDocumentBtn.length) {
|
||||
$addDocumentBtn.on('click', function() {
|
||||
addDocumentInput();
|
||||
});
|
||||
}
|
||||
|
||||
$(document).on('click', '.remove-document-btn', function() {
|
||||
const $group = $(this).closest('.document-input-group');
|
||||
const $markRemoval = $group.find('input[name$=".MarkForRemoval"]');
|
||||
const hasExisting = $group.find('input[name$=".DocumentId"]').val();
|
||||
|
||||
if (hasExisting) {
|
||||
$group.addClass('document-removed d-none');
|
||||
if ($markRemoval.length) {
|
||||
$markRemoval.val('true');
|
||||
}
|
||||
$group.find('input[type="file"]').val('');
|
||||
} else {
|
||||
$group.remove();
|
||||
documentCount = Math.max(documentCount - 1, 0);
|
||||
}
|
||||
|
||||
updateDocumentNumbers();
|
||||
toggleDocumentEmptyState();
|
||||
toggleDocumentAddButton();
|
||||
});
|
||||
|
||||
$(document).on('change', '.document-input-group input[type="file"]', function(e) {
|
||||
const file = e.target.files[0];
|
||||
if (!file) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (file.type !== 'application/pdf') {
|
||||
alert('Envie um arquivo em PDF.');
|
||||
$(this).val('');
|
||||
return;
|
||||
}
|
||||
|
||||
if (file.size > 10 * 1024 * 1024) {
|
||||
alert('Arquivo muito grande. Tamanho máximo: 10MB.');
|
||||
$(this).val('');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function toggleDocumentEmptyState() {
|
||||
const $container = $('#documentsContainer');
|
||||
const $emptyState = $('#documentsEmptyState');
|
||||
if (!$container.length || !$emptyState.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
const visibleDocs = $container.find('.document-input-group').not('.document-removed');
|
||||
if (visibleDocs.length === 0) {
|
||||
$emptyState.show();
|
||||
} else {
|
||||
$emptyState.hide();
|
||||
}
|
||||
}
|
||||
|
||||
function toggleDocumentAddButton() {
|
||||
const $button = $('#addDocumentBtn');
|
||||
if (!$button.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
const maxDocs = @Model.MaxDocumentsAllowed;
|
||||
if (maxDocs <= 0) {
|
||||
$button.prop('disabled', false).removeAttr('title');
|
||||
return;
|
||||
}
|
||||
|
||||
const visibleDocs = $('#documentsContainer .document-input-group').not('.document-removed').length;
|
||||
if (visibleDocs >= maxDocs) {
|
||||
$button.prop('disabled', true).attr('title', 'Você atingiu o limite de documentos do seu plano.');
|
||||
} else {
|
||||
$button.prop('disabled', false).removeAttr('title');
|
||||
}
|
||||
}
|
||||
|
||||
function addDocumentInput() {
|
||||
const $container = $('#documentsContainer');
|
||||
if (!$container.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
const $button = $('#addDocumentBtn');
|
||||
if ($button.length && $button.prop('disabled')) {
|
||||
return;
|
||||
}
|
||||
|
||||
const existingIndexes = [];
|
||||
$('input[name^="Documents["]').each(function() {
|
||||
const match = $(this).attr('name').match(/Documents\[(\d+)\]/);
|
||||
if (match) {
|
||||
existingIndexes.push(parseInt(match[1]));
|
||||
}
|
||||
});
|
||||
|
||||
const nextIndex = existingIndexes.length > 0 ? Math.max(...existingIndexes) + 1 : 0;
|
||||
const displayCount = $container.find('.document-input-group').length + 1;
|
||||
|
||||
const template = `
|
||||
<div class="document-input-group border rounded p-3 mb-3" data-document="${nextIndex}">
|
||||
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||
<div>
|
||||
<h6 class="mb-1">Documento ${displayCount}</h6>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-sm btn-outline-danger remove-document-btn">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Título <span class="text-danger">*</span></label>
|
||||
<input type="text" name="Documents[${nextIndex}].Title" class="form-control" placeholder="Ex: Apresentação de Serviços">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Descrição (opcional)</label>
|
||||
<textarea name="Documents[${nextIndex}].Description" class="form-control" rows="2" placeholder="Resumo do conteúdo"></textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Arquivo PDF</label>
|
||||
<input type="file" name="Documents[${nextIndex}].DocumentFile" class="form-control" accept="application/pdf">
|
||||
<small class="form-text text-muted">Envie um arquivo PDF (máx. 10MB).</small>
|
||||
</div>
|
||||
<input type="hidden" name="Documents[${nextIndex}].Id" value="">
|
||||
<input type="hidden" name="Documents[${nextIndex}].DocumentId" value="">
|
||||
<input type="hidden" name="Documents[${nextIndex}].FileName" value="">
|
||||
<input type="hidden" name="Documents[${nextIndex}].FileSize" value="0">
|
||||
<input type="hidden" name="Documents[${nextIndex}].UploadedAt" value="">
|
||||
<input type="hidden" name="Documents[${nextIndex}].MarkForRemoval" value="false">
|
||||
</div>`;
|
||||
|
||||
$container.append(template);
|
||||
documentCount++;
|
||||
$('#documentsEmptyState').hide();
|
||||
toggleDocumentEmptyState();
|
||||
toggleDocumentAddButton();
|
||||
}
|
||||
|
||||
function updateDocumentNumbers() {
|
||||
$('#documentsContainer .document-input-group').not('.document-removed').each(function(index) {
|
||||
$(this).attr('data-document', index);
|
||||
$(this).find('h6').text('Documento ' + (index + 1));
|
||||
});
|
||||
}
|
||||
|
||||
function saveNormalLink() {
|
||||
const title = $('#linkTitle').val().trim();
|
||||
const url = $('#linkUrl').val().trim();
|
||||
@ -2033,82 +1715,6 @@
|
||||
});
|
||||
}
|
||||
|
||||
// Validar URLs de redes sociais antes de submeter o formulário
|
||||
function validateSocialMediaUrls() {
|
||||
const errors = [];
|
||||
const userLang = navigator.language || navigator.userLanguage;
|
||||
const isBrazil = userLang.startsWith('pt-BR') || userLang.startsWith('pt');
|
||||
|
||||
// Validar WhatsApp
|
||||
if ($('#enableWhatsApp').is(':checked')) {
|
||||
const whatsappValue = $('input[name="WhatsAppNumber"]').val().trim();
|
||||
if (whatsappValue && whatsappValue !== ' ') {
|
||||
const cleanNumber = whatsappValue.replace('https://wa.me/', '').replace(/\D/g, '');
|
||||
|
||||
if (isBrazil) {
|
||||
// Brasil: deve ter 13 dígitos (55 + DDD + número)
|
||||
if (cleanNumber.length !== 13 || !cleanNumber.startsWith('55')) {
|
||||
errors.push('⚠️ WhatsApp: Número brasileiro deve ter 13 dígitos (55 + DDD + número).\nExemplo: 5511987654321');
|
||||
}
|
||||
} else {
|
||||
// Outros países: validar entre 10 e 15 dígitos
|
||||
if (cleanNumber.length < 10 || cleanNumber.length > 15) {
|
||||
errors.push('⚠️ WhatsApp: Número deve ter entre 10 e 15 dígitos (incluindo código do país).');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Validar Facebook
|
||||
if ($('#enableFacebook').is(':checked')) {
|
||||
const facebookValue = $('input[name="FacebookUrl"]').val().trim();
|
||||
if (facebookValue && facebookValue !== ' ') {
|
||||
const cleanUrl = facebookValue.replace('https://facebook.com/', '').replace('https://www.facebook.com/', '');
|
||||
if (cleanUrl.length < 3) {
|
||||
errors.push('⚠️ Facebook: Nome de usuário deve ter pelo menos 3 caracteres.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Validar Instagram
|
||||
if ($('#enableInstagram').is(':checked')) {
|
||||
const instagramValue = $('input[name="InstagramUrl"]').val().trim();
|
||||
if (instagramValue && instagramValue !== ' ') {
|
||||
const cleanUrl = instagramValue.replace('https://instagram.com/', '').replace('https://www.instagram.com/', '');
|
||||
if (cleanUrl.length < 3) {
|
||||
errors.push('⚠️ Instagram: Nome de usuário deve ter pelo menos 3 caracteres.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Validar Twitter
|
||||
if ($('#enableTwitter').is(':checked')) {
|
||||
const twitterValue = $('input[name="TwitterUrl"]').val().trim();
|
||||
if (twitterValue && twitterValue !== ' ') {
|
||||
const cleanUrl = twitterValue.replace('https://x.com/', '').replace('https://twitter.com/', '');
|
||||
if (cleanUrl.length < 3) {
|
||||
errors.push('⚠️ Twitter/X: Nome de usuário deve ter pelo menos 3 caracteres.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Validar TikTok
|
||||
if ($('#enableTiktok').is(':checked')) {
|
||||
const tiktokValue = $('input[name="TiktokUrl"]').val().trim();
|
||||
if (tiktokValue && tiktokValue !== ' ') {
|
||||
const cleanUrl = tiktokValue.replace('https://tiktok.com/@@', '').replace('https://www.tiktok.com/@@', '');
|
||||
if (cleanUrl.length < 3) {
|
||||
errors.push('⚠️ TikTok: Nome de usuário deve ter pelo menos 3 caracteres.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
valid: errors.length === 0,
|
||||
errors: errors
|
||||
};
|
||||
}
|
||||
|
||||
// Social Media Functions
|
||||
function cleanSocialPrefix(value, socialType) {
|
||||
const prefixes = {
|
||||
@ -2126,16 +1732,10 @@
|
||||
|
||||
for (let prefix of typePrefixes) {
|
||||
if (value.startsWith(prefix)) {
|
||||
value = value.replace(prefix, '');
|
||||
break;
|
||||
return value.replace(prefix, '');
|
||||
}
|
||||
}
|
||||
|
||||
// TikTok: remover @@ do início (o prefixo já tem @@)
|
||||
if (socialType === 'Tiktok' && value.startsWith('@@')) {
|
||||
value = value.substring(1);
|
||||
}
|
||||
|
||||
return value;
|
||||
}
|
||||
|
||||
@ -2217,16 +1817,6 @@
|
||||
if (isWhatsApp) {
|
||||
// WhatsApp: apenas números
|
||||
value = value.replace(/\D/g, '');
|
||||
|
||||
// Auto-adicionar código +55 para números brasileiros (11 dígitos sem código país)
|
||||
// Detecta cultura pt-BR para aplicar validação BR
|
||||
const userLang = navigator.language || navigator.userLanguage;
|
||||
const isBrazil = userLang.startsWith('pt-BR') || userLang.startsWith('pt');
|
||||
|
||||
if (isBrazil && value.length === 11 && !value.startsWith('55')) {
|
||||
value = '55' + value;
|
||||
}
|
||||
|
||||
$(this).val(value);
|
||||
}
|
||||
|
||||
@ -2249,26 +1839,12 @@
|
||||
if (!value) return;
|
||||
|
||||
if (isWhatsApp) {
|
||||
// Validar WhatsApp com detecção de idioma
|
||||
const userLang = navigator.language || navigator.userLanguage;
|
||||
const isBrazil = userLang.startsWith('pt-BR') || userLang.startsWith('pt');
|
||||
|
||||
if (isBrazil) {
|
||||
// Brasil: validar 13 dígitos (55 + DDD + número)
|
||||
if (value.length === 13 && value.startsWith('55')) {
|
||||
// Validar WhatsApp (mínimo 10 dígitos)
|
||||
if (value.length >= 10) {
|
||||
input.addClass('is-valid');
|
||||
} else if (value.length >= 10) {
|
||||
// Ainda está digitando ou formato incorreto
|
||||
input.addClass('is-invalid');
|
||||
}
|
||||
} else {
|
||||
// Outros países: validar mínimo 10 dígitos (genérico)
|
||||
if (value.length >= 10 && value.length <= 15) {
|
||||
input.addClass('is-valid');
|
||||
} else if (value.length > 0) {
|
||||
input.addClass('is-invalid');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// Validar username (mínimo 3 caracteres, sem espaços)
|
||||
if (value.length >= 3 && !/\s/.test(value)) {
|
||||
|
||||
@ -80,14 +80,14 @@
|
||||
<h5 class="mb-0">Básico</h5>
|
||||
<div class="mt-3">
|
||||
<div class="pricing-monthly">
|
||||
<span class="display-5 fw-bold text-primary">R$ 12,90</span>
|
||||
<span class="display-5 fw-bold text-primary">R$ 5,90</span>
|
||||
<span class="text-muted">/mês</span>
|
||||
</div>
|
||||
<div class="pricing-yearly d-none">
|
||||
<span class="display-5 fw-bold text-primary">R$ 129,00</span>
|
||||
<span class="display-5 fw-bold text-primary">R$ 59,00</span>
|
||||
<span class="text-muted">/ano</span>
|
||||
<br>
|
||||
<small class="text-success">Economize R$ 25,80 (2 meses grátis)</small>
|
||||
<small class="text-success">Economize R$ 11,80 (2 meses grátis)</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -154,14 +154,14 @@
|
||||
<h5 class="mb-0">Profissional</h5>
|
||||
<div class="mt-3">
|
||||
<div class="pricing-monthly">
|
||||
<span class="display-5 fw-bold text-warning">R$ 25,90</span>
|
||||
<span class="display-5 fw-bold text-warning">R$ 12,90</span>
|
||||
<span class="text-muted">/mês</span>
|
||||
</div>
|
||||
<div class="pricing-yearly d-none">
|
||||
<span class="display-5 fw-bold text-warning">R$ 259,00</span>
|
||||
<span class="display-5 fw-bold text-warning">R$ 129,00</span>
|
||||
<span class="text-muted">/ano</span>
|
||||
<br>
|
||||
<small class="text-success">Economize R$ 51,80 (2 meses grátis)</small>
|
||||
<small class="text-success">Economize R$ 25,80 (2 meses grátis)</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -231,14 +231,14 @@
|
||||
<h5 class="mb-0">Premium</h5>
|
||||
<div class="mt-3">
|
||||
<div class="pricing-monthly">
|
||||
<span class="display-5 fw-bold">R$ 29,90</span>
|
||||
<span class="display-5 fw-bold">R$ 19,90</span>
|
||||
<span class="opacity-75">/mês</span>
|
||||
</div>
|
||||
<div class="pricing-yearly d-none">
|
||||
<span class="display-5 fw-bold">R$ 299,00</span>
|
||||
<span class="display-5 fw-bold">R$ 199,00</span>
|
||||
<span class="opacity-75">/ano</span>
|
||||
<br>
|
||||
<small class="text-light">Economize R$ 59,80 (2 meses grátis)</small>
|
||||
<small class="text-light">Economize R$ 39,80 (2 meses grátis)</small>
|
||||
</div>
|
||||
</div>
|
||||
<small class="opacity-75">Melhor custo-benefício!</small>
|
||||
@ -269,10 +269,6 @@
|
||||
<i class="text-success me-2">✓</i>
|
||||
Suporte prioritário
|
||||
</li>
|
||||
<li class="mb-3">
|
||||
<i class="text-success me-2">✓</i>
|
||||
Upload de PDFs (até 5 arquivos)
|
||||
</li>
|
||||
<li class="mb-3">
|
||||
<i class="text-muted me-2">✗</i>
|
||||
<span class="text-muted">Links de produto</span>
|
||||
@ -316,14 +312,14 @@
|
||||
<h5 class="mb-0">Premium + Afiliados</h5>
|
||||
<div class="mt-3">
|
||||
<div class="pricing-monthly">
|
||||
<span class="display-5 fw-bold">R$ 34,90</span>
|
||||
<span class="display-5 fw-bold">R$ 29,90</span>
|
||||
<span class="opacity-75">/mês</span>
|
||||
</div>
|
||||
<div class="pricing-yearly d-none">
|
||||
<span class="display-5 fw-bold">R$ 349,00</span>
|
||||
<span class="display-5 fw-bold">R$ 299,00</span>
|
||||
<span class="opacity-75">/ano</span>
|
||||
<br>
|
||||
<small class="text-light">Economize R$ 69,80 (2 meses grátis)</small>
|
||||
<small class="text-light">Economize R$ 59,80 (2 meses grátis)</small>
|
||||
</div>
|
||||
</div>
|
||||
<small class="opacity-75">Para monetização!</small>
|
||||
@ -358,10 +354,6 @@
|
||||
<i class="text-success me-2">✓</i>
|
||||
10 links afiliados
|
||||
</li>
|
||||
<li class="mb-3">
|
||||
<i class="text-success me-2">✓</i>
|
||||
Upload de PDFs (até 10 arquivos)
|
||||
</li>
|
||||
</ul>
|
||||
<div class="mt-3">
|
||||
<small class="text-muted">* 20 temas básicos + 20 temas premium exclusivos</small>
|
||||
|
||||
@ -1,129 +0,0 @@
|
||||
@model BCards.Web.Areas.Support.Models.SupportOptions
|
||||
|
||||
<!-- Support FAB (Floating Action Button) -->
|
||||
<div class="support-fab-container">
|
||||
<button class="support-fab-trigger" id="supportFabTrigger" aria-label="Precisa de Ajuda?">
|
||||
<i class="fas fa-question-circle"></i>
|
||||
</button>
|
||||
|
||||
<div class="support-fab-menu" id="supportFabMenu" style="display: none;">
|
||||
<div class="support-fab-header">
|
||||
<h6>Precisa de Ajuda?</h6>
|
||||
<p class="small text-muted mb-0">Plano: @Model.UserPlan</p>
|
||||
</div>
|
||||
|
||||
@if (Model.CanAccessTelegram)
|
||||
{
|
||||
<a href="@Model.TelegramUrl" target="_blank" rel="noopener noreferrer" class="support-fab-option support-fab-telegram">
|
||||
<div class="support-fab-option-icon">
|
||||
<i class="fab fa-telegram"></i>
|
||||
</div>
|
||||
<div class="support-fab-option-content">
|
||||
<strong>Falar no Telegram</strong>
|
||||
<small>Suporte prioritário</small>
|
||||
</div>
|
||||
</a>
|
||||
}
|
||||
|
||||
@if (Model.CanUseContactForm)
|
||||
{
|
||||
<a href="@Url.Action("ContactForm", "Support", new { area = "Support" })" class="support-fab-option support-fab-form">
|
||||
<div class="support-fab-option-icon">
|
||||
<i class="fas fa-envelope"></i>
|
||||
</div>
|
||||
<div class="support-fab-option-content">
|
||||
<strong>Enviar Mensagem</strong>
|
||||
<small>Formulário de contato</small>
|
||||
</div>
|
||||
</a>
|
||||
}
|
||||
|
||||
@if (Model.CanRate)
|
||||
{
|
||||
<button type="button" class="support-fab-option support-fab-rating" data-bs-toggle="modal" data-bs-target="#ratingModal">
|
||||
<div class="support-fab-option-icon">
|
||||
<i class="fas fa-star"></i>
|
||||
</div>
|
||||
<div class="support-fab-option-content">
|
||||
<strong>Avaliar Serviço</strong>
|
||||
<small>Conte sua experiência</small>
|
||||
</div>
|
||||
</button>
|
||||
}
|
||||
|
||||
@if (!Model.CanUseContactForm && !Model.CanAccessTelegram)
|
||||
{
|
||||
<div class="support-fab-upgrade">
|
||||
<p class="small mb-2">
|
||||
<i class="fas fa-lock text-warning"></i>
|
||||
Faça upgrade para acessar mais opções de suporte!
|
||||
</p>
|
||||
<a href="@Url.Action("Index", "Payment", new { area = "" })" class="btn btn-sm btn-primary">Ver Planos</a>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Rating Modal -->
|
||||
<div class="modal fade" id="ratingModal" tabindex="-1" aria-labelledby="ratingModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="ratingModalLabel">Avalie nossa plataforma</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="ratingForm">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Sua avaliação: <span class="text-danger">*</span></label>
|
||||
<div class="star-rating" id="starRating">
|
||||
<i class="far fa-star" data-rating="1"></i>
|
||||
<i class="far fa-star" data-rating="2"></i>
|
||||
<i class="far fa-star" data-rating="3"></i>
|
||||
<i class="far fa-star" data-rating="4"></i>
|
||||
<i class="far fa-star" data-rating="5"></i>
|
||||
</div>
|
||||
<input type="hidden" id="ratingValue" name="ratingValue" required>
|
||||
<div class="invalid-feedback d-block" id="ratingError" style="display: none !important;">
|
||||
Por favor, selecione uma avaliação
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ratingName" class="form-label">Nome (opcional)</label>
|
||||
<input type="text" class="form-control" id="ratingName" name="name" maxlength="100" placeholder="Seu nome">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ratingEmail" class="form-label">Email (opcional)</label>
|
||||
<input type="email" class="form-control" id="ratingEmail" name="email" placeholder="seu@email.com">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="ratingComment" class="form-label">Comentário (opcional)</label>
|
||||
<textarea class="form-control" id="ratingComment" name="comment" rows="3" maxlength="500" placeholder="Conte-nos sobre sua experiência..."></textarea>
|
||||
<small class="form-text text-muted">
|
||||
<span id="commentCounter">0</span>/500 caracteres
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-success d-none" id="ratingSuccessAlert" role="alert">
|
||||
<i class="fas fa-check-circle"></i> Avaliação enviada com sucesso! Obrigado pelo feedback.
|
||||
</div>
|
||||
|
||||
<div class="alert alert-danger d-none" id="ratingErrorAlert" role="alert">
|
||||
<i class="fas fa-exclamation-triangle"></i> <span id="ratingErrorMessage">Erro ao enviar avaliação. Tente novamente.</span>
|
||||
</div>
|
||||
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary" id="submitRatingBtn">
|
||||
<i class="fas fa-paper-plane"></i> Enviar Avaliação
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CSS e JS serão carregados via _Layout.cshtml -->
|
||||
@ -36,20 +36,10 @@
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/css/support-fab.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/css/rating.css" asp-append-version="true" />
|
||||
<link rel="icon" type="image/x-icon" href="~/favicon.ico" />
|
||||
|
||||
@await RenderSectionAsync("Styles", required: false)
|
||||
|
||||
<script type="text/javascript">
|
||||
(function(c,l,a,r,i,t,y){
|
||||
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
|
||||
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
|
||||
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
|
||||
})(window, document, "clarity", "script", "tzv881489n");
|
||||
</script>
|
||||
|
||||
<!-- Estilos para menu ativo e barra de carregamento -->
|
||||
<style>
|
||||
/* Barra de carregamento moderna */
|
||||
@ -166,22 +156,6 @@
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@* Menu Artigos - Condicional (só aparece se existir ao menos 1 artigo) *@
|
||||
@{
|
||||
var artigosPath = System.IO.Path.Combine(System.IO.Directory.GetCurrentDirectory(), "Content", "Artigos");
|
||||
var hasArtigos = System.IO.Directory.Exists(artigosPath) &&
|
||||
System.IO.Directory.GetFiles(artigosPath, "*.pt-BR.md").Any();
|
||||
}
|
||||
@if (hasArtigos)
|
||||
{
|
||||
<li class="nav-item">
|
||||
<a class="nav-link @(ViewBag.IsHomePage == true ? "text-white" : "text-dark")"
|
||||
asp-area="Artigos" asp-controller="Artigos" asp-action="Index">
|
||||
Artigos
|
||||
</a>
|
||||
</li>
|
||||
}
|
||||
|
||||
@* Menu de Moderação via ViewComponent *@
|
||||
@await Component.InvokeAsync("ModerationMenu")
|
||||
</ul>
|
||||
@ -233,9 +207,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Support FAB (Floating Action Button) -->
|
||||
@await Component.InvokeAsync("SupportFab")
|
||||
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@ -282,8 +253,6 @@
|
||||
<script src="~/js/site.js" asp-append-version="true"></script>
|
||||
<script src="~/js/cookie-consent.js" asp-append-version="true"></script>
|
||||
<script src="~/js/email-handler.js" asp-append-version="true"></script>
|
||||
<script src="~/js/support-fab.js" asp-append-version="true"></script>
|
||||
<script src="~/js/rating.js" asp-append-version="true"></script>
|
||||
|
||||
<!-- Scripts para menu ativo e barra de carregamento -->
|
||||
<script>
|
||||
|
||||
@ -10,84 +10,6 @@
|
||||
Layout = isPreview ? "_PreviewLayout" : "_UserPageLayout";
|
||||
}
|
||||
|
||||
@functions {
|
||||
/// <summary>
|
||||
/// Normaliza URLs de redes sociais para garantir que sempre tenham protocolo HTTPS
|
||||
/// Corrige URLs que foram salvas sem prefixo HTTP(S)
|
||||
/// </summary>
|
||||
string NormalizeSocialUrl(string url, string icon)
|
||||
{
|
||||
if (string.IsNullOrEmpty(url)) return "#";
|
||||
|
||||
// Se já tem protocolo, retorna direto
|
||||
if (url.StartsWith("http://") || url.StartsWith("https://"))
|
||||
return url;
|
||||
|
||||
// WhatsApp - garantir prefixo wa.me
|
||||
if (!string.IsNullOrEmpty(icon) && icon.Contains("whatsapp"))
|
||||
{
|
||||
// Remove qualquer prefixo parcial que possa existir
|
||||
var cleanUrl = url.Replace("wa.me/", "").Replace("whatsapp://", "");
|
||||
return $"https://wa.me/{cleanUrl}";
|
||||
}
|
||||
|
||||
// Facebook
|
||||
if (!string.IsNullOrEmpty(icon) && icon.Contains("facebook"))
|
||||
{
|
||||
var cleanUrl = url.Replace("facebook.com/", "").Replace("fb.com/", "");
|
||||
return $"https://facebook.com/{cleanUrl}";
|
||||
}
|
||||
|
||||
// Instagram
|
||||
if (!string.IsNullOrEmpty(icon) && icon.Contains("instagram"))
|
||||
{
|
||||
var cleanUrl = url.Replace("instagram.com/", "").Replace("instagr.am/", "");
|
||||
return $"https://instagram.com/{cleanUrl}";
|
||||
}
|
||||
|
||||
// Twitter/X
|
||||
if (!string.IsNullOrEmpty(icon) && (icon.Contains("twitter") || icon.Contains("x-twitter")))
|
||||
{
|
||||
var cleanUrl = url.Replace("x.com/", "").Replace("twitter.com/", "");
|
||||
return $"https://x.com/{cleanUrl}";
|
||||
}
|
||||
|
||||
// TikTok
|
||||
if (!string.IsNullOrEmpty(icon) && icon.Contains("tiktok"))
|
||||
{
|
||||
var cleanUrl = url.Replace("tiktok.com/", "").Replace("tiktok.com/@", "");
|
||||
// Se não tem @, adiciona
|
||||
if (!cleanUrl.StartsWith("@"))
|
||||
cleanUrl = "@" + cleanUrl;
|
||||
return $"https://tiktok.com/{cleanUrl}";
|
||||
}
|
||||
|
||||
// Pinterest
|
||||
if (!string.IsNullOrEmpty(icon) && icon.Contains("pinterest"))
|
||||
{
|
||||
var cleanUrl = url.Replace("pinterest.com/", "").Replace("pin.it/", "");
|
||||
return $"https://pinterest.com/{cleanUrl}";
|
||||
}
|
||||
|
||||
// Discord
|
||||
if (!string.IsNullOrEmpty(icon) && icon.Contains("discord"))
|
||||
{
|
||||
var cleanUrl = url.Replace("discord.gg/", "").Replace("discord.com/invite/", "");
|
||||
return $"https://discord.gg/{cleanUrl}";
|
||||
}
|
||||
|
||||
// Kawai ou qualquer outra rede não identificada
|
||||
// Se contém domínio, apenas adiciona https://
|
||||
if (url.Contains(".") || url.Contains("/"))
|
||||
{
|
||||
return $"https://{url.TrimStart('/')}";
|
||||
}
|
||||
|
||||
// Fallback: assume que é uma URL completa que está faltando protocolo
|
||||
return $"https://{url}";
|
||||
}
|
||||
}
|
||||
|
||||
@section Head {
|
||||
@if (isLivePage)
|
||||
{
|
||||
@ -122,25 +44,6 @@
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.documents-section .list-group-item {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
color: inherit;
|
||||
transition: all 0.2s ease;
|
||||
border-radius: 12px;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.documents-section .list-group-item:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.documents-section .list-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.qrcode-toggle {
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
@ -311,7 +214,7 @@
|
||||
(link.Type == BCards.Web.Models.LinkType.Product && !string.IsNullOrEmpty(link.ProductDescription)));
|
||||
|
||||
<div class="universal-link" data-link-id="@i">
|
||||
<a href="@NormalizeSocialUrl(link.Url, link.Icon)"
|
||||
<a href="@link.Url"
|
||||
class="universal-link-header"
|
||||
onclick="recordClick('@Model.Id', @i)"
|
||||
target="_blank"
|
||||
@ -406,61 +309,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@* Documentos integrados no mesmo container de links *@
|
||||
@if (Model.Documents?.Any() == true)
|
||||
{
|
||||
@for (int docIndex = 0; docIndex < Model.Documents.Count; docIndex++)
|
||||
{
|
||||
var document = Model.Documents[docIndex];
|
||||
var hasDescription = !string.IsNullOrEmpty(document.Description);
|
||||
var uniqueId = $"doc-{docIndex}";
|
||||
|
||||
<div class="universal-link" data-document-id="@uniqueId">
|
||||
<a href="/api/document/@document.FileId"
|
||||
class="universal-link-header"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer">
|
||||
|
||||
<div class="universal-link-content">
|
||||
<div class="link-icon">
|
||||
<i class="fas fa-file-pdf"></i>
|
||||
</div>
|
||||
|
||||
<div class="link-text-container">
|
||||
<div class="link-title">@document.Title</div>
|
||||
@if (hasDescription && document.Description.Length > 50)
|
||||
{
|
||||
<div class="link-subtitle">@(document.Description.Substring(0, 50))...</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (hasDescription)
|
||||
{
|
||||
<button class="expand-arrow"
|
||||
type="button"
|
||||
onclick="event.preventDefault(); event.stopPropagation(); toggleLinkDetails('@uniqueId')">
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</button>
|
||||
}
|
||||
</a>
|
||||
|
||||
@if (hasDescription)
|
||||
{
|
||||
<div class="universal-link-details" id="details-@uniqueId">
|
||||
<div class="expanded-description">@document.Description</div>
|
||||
<div class="expanded-action">
|
||||
<i class="fas fa-external-link-alt"></i>
|
||||
Clique no título acima para abrir o PDF
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
||||
@if ((Model.Links?.Any(l => l.IsActive) != true) && (Model.Documents?.Any() != true))
|
||||
else
|
||||
{
|
||||
<div class="text-muted">
|
||||
<p>Nenhum link disponível no momento.</p>
|
||||
@ -543,11 +392,7 @@
|
||||
|
||||
function toggleLinkDetails(linkIndex) {
|
||||
const currentDetails = document.getElementById('details-' + linkIndex);
|
||||
// Suporta tanto data-link-id (links) quanto data-document-id (documentos)
|
||||
let currentArrow = document.querySelector(`[data-link-id="${linkIndex}"] .expand-arrow`);
|
||||
if (!currentArrow) {
|
||||
currentArrow = document.querySelector(`[data-document-id="${linkIndex}"] .expand-arrow`);
|
||||
}
|
||||
const currentArrow = document.querySelector(`[data-link-id="${linkIndex}"] .expand-arrow`);
|
||||
if (!currentDetails || !currentArrow) return;
|
||||
|
||||
const isCurrentlyExpanded = currentDetails.classList.contains('show');
|
||||
|
||||
@ -22,117 +22,101 @@
|
||||
"Basic": {
|
||||
"Name": "Básico",
|
||||
"PriceId": "price_1RycPaBMIadsOxJVKioZZofK",
|
||||
"Price": 12.90,
|
||||
"Price": 5.90,
|
||||
"MaxPages": 3,
|
||||
"MaxLinks": 8,
|
||||
"AllowPremiumThemes": false,
|
||||
"AllowProductLinks": false,
|
||||
"AllowAnalytics": true,
|
||||
"AllowDocumentUpload": false,
|
||||
"MaxDocuments": 0,
|
||||
"Features": [ "URL Personalizada", "20 temas básicos", "Analytics simples" ],
|
||||
"Interval": "month"
|
||||
},
|
||||
"Professional": {
|
||||
"Name": "Profissional",
|
||||
"PriceId": "price_1RycQmBMIadsOxJVGqjVMaOj",
|
||||
"Price": 25.90,
|
||||
"Price": 12.90,
|
||||
"MaxPages": 5,
|
||||
"MaxLinks": 20,
|
||||
"AllowPremiumThemes": false,
|
||||
"AllowProductLinks": false,
|
||||
"AllowAnalytics": true,
|
||||
"AllowDocumentUpload": false,
|
||||
"MaxDocuments": 0,
|
||||
"Features": [ "URL Personalizada", "20 temas básicos", "Analytics avançado" ],
|
||||
"Interval": "month"
|
||||
},
|
||||
"Premium": {
|
||||
"Name": "Premium",
|
||||
"PriceId": "price_1RycRUBMIadsOxJVkxGOh3uu",
|
||||
"Price": 29.90,
|
||||
"Price": 19.90,
|
||||
"MaxPages": 15,
|
||||
"MaxLinks": -1,
|
||||
"AllowPremiumThemes": true,
|
||||
"AllowProductLinks": false,
|
||||
"AllowAnalytics": true,
|
||||
"SpecialModeration": false,
|
||||
"AllowDocumentUpload": true,
|
||||
"MaxDocuments": 5,
|
||||
"Features": [ "URL Personalizada", "40 temas (básicos + premium)", "Suporte prioritário", "Links ilimitados", "Upload de PDFs (até 5 arquivos)" ],
|
||||
"Features": [ "URL Personalizada", "40 temas (básicos + premium)", "Suporte prioritário", "Links ilimitados" ],
|
||||
"Interval": "month"
|
||||
},
|
||||
"PremiumAffiliate": {
|
||||
"Name": "Premium+Afiliados",
|
||||
"PriceId": "price_1RycTaBMIadsOxJVeDLseXQq",
|
||||
"Price": 34.90,
|
||||
"Price": 29.90,
|
||||
"MaxPages": 15,
|
||||
"MaxLinks": -1,
|
||||
"AllowPremiumThemes": true,
|
||||
"AllowProductLinks": true,
|
||||
"AllowAnalytics": true,
|
||||
"SpecialModeration": true,
|
||||
"AllowDocumentUpload": true,
|
||||
"MaxDocuments": 10,
|
||||
"Features": [ "Tudo do Premium", "Links de produto", "Moderação especial", "Até 10 links afiliados", "Upload de PDFs (até 10 arquivos)" ],
|
||||
"Features": [ "Tudo do Premium", "Links de produto", "Moderação especial", "Até 10 links afiliados" ],
|
||||
"Interval": "month"
|
||||
},
|
||||
"BasicYearly": {
|
||||
"Name": "Básico Anual",
|
||||
"PriceId": "price_1RycWgBMIadsOxJVGdtEeoMS",
|
||||
"Price": 129.00,
|
||||
"Price": 59.00,
|
||||
"MaxPages": 3,
|
||||
"MaxLinks": 8,
|
||||
"AllowPremiumThemes": false,
|
||||
"AllowProductLinks": false,
|
||||
"AllowAnalytics": true,
|
||||
"AllowDocumentUpload": false,
|
||||
"MaxDocuments": 0,
|
||||
"Features": [ "URL Personalizada", "20 temas básicos", "Analytics simples", "Economize R$ 11,80 (2 meses grátis)" ],
|
||||
"Interval": "year"
|
||||
},
|
||||
"ProfessionalYearly": {
|
||||
"Name": "Profissional Anual",
|
||||
"PriceId": "price_1RycXdBMIadsOxJV5cNX7dHm",
|
||||
"Price": 259.00,
|
||||
"Price": 129.00,
|
||||
"MaxPages": 5,
|
||||
"MaxLinks": 20,
|
||||
"AllowPremiumThemes": false,
|
||||
"AllowProductLinks": false,
|
||||
"AllowAnalytics": true,
|
||||
"AllowDocumentUpload": false,
|
||||
"MaxDocuments": 0,
|
||||
"Features": [ "URL Personalizada", "20 temas básicos", "Analytics avançado", "Economize R$ 25,80 (2 meses grátis)" ],
|
||||
"Interval": "year"
|
||||
},
|
||||
"PremiumYearly": {
|
||||
"Name": "Premium Anual",
|
||||
"PriceId": "price_1RycYnBMIadsOxJVPdKmzy4m",
|
||||
"Price": 299.00,
|
||||
"Price": 199.00,
|
||||
"MaxPages": 15,
|
||||
"MaxLinks": -1,
|
||||
"AllowPremiumThemes": true,
|
||||
"AllowProductLinks": false,
|
||||
"AllowAnalytics": true,
|
||||
"SpecialModeration": false,
|
||||
"AllowDocumentUpload": true,
|
||||
"MaxDocuments": 5,
|
||||
"Features": [ "URL Personalizada", "40 temas (básicos + premium)", "Suporte prioritário", "Links ilimitados", "Upload de PDFs (até 5 arquivos)", "Economize R$ 39,80 (2 meses grátis)" ],
|
||||
"Features": [ "URL Personalizada", "40 temas (básicos + premium)", "Suporte prioritário", "Links ilimitados", "Economize R$ 39,80 (2 meses grátis)" ],
|
||||
"Interval": "year"
|
||||
},
|
||||
"PremiumAffiliateYearly": {
|
||||
"Name": "Premium+Afiliados Anual",
|
||||
"PriceId": "price_1RycaEBMIadsOxJVEhsdB2Y1",
|
||||
"Price": 349.00,
|
||||
"Price": 299.00,
|
||||
"MaxPages": 15,
|
||||
"MaxLinks": -1,
|
||||
"AllowPremiumThemes": true,
|
||||
"AllowProductLinks": true,
|
||||
"AllowAnalytics": true,
|
||||
"SpecialModeration": true,
|
||||
"AllowDocumentUpload": true,
|
||||
"MaxDocuments": 10,
|
||||
"Features": [ "Tudo do Premium", "Links de produto", "Moderação especial", "Até 10 links afiliados", "Upload de PDFs (até 10 arquivos)", "Economize R$ 59,80 (2 meses grátis)" ],
|
||||
"Features": [ "Tudo do Premium", "Links de produto", "Moderação especial", "Até 10 links afiliados", "Economize R$ 59,80 (2 meses grátis)" ],
|
||||
"Interval": "year"
|
||||
}
|
||||
},
|
||||
@ -169,12 +153,5 @@
|
||||
"FromEmail": "ricardo.carneiro@jobmaker.com.br",
|
||||
"FromName": "Ricardo Carneiro"
|
||||
},
|
||||
"BaseUrl": "https://bcards.site",
|
||||
"Support": {
|
||||
"TelegramUrl": "https://t.me/jobmakerbr",
|
||||
"FormspreeUrl": "https://formspree.io/f/xpwynqpj",
|
||||
"EnableTelegramForPlans": [ "Premium", "PremiumAffiliate" ],
|
||||
"EnableFormForPlans": [ "Basic", "Professional", "Premium", "PremiumAffiliate" ],
|
||||
"EnableRatingForAllUsers": true
|
||||
}
|
||||
"BaseUrl": "https://bcards.site"
|
||||
}
|
||||
@ -1,190 +0,0 @@
|
||||
/* Rating System Styles for BCards */
|
||||
|
||||
/* Star Rating Component */
|
||||
.star-rating {
|
||||
display: inline-flex;
|
||||
gap: 0.5rem;
|
||||
font-size: 2.5rem;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.star-rating i {
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.star-rating i:hover {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.star-rating i.fas {
|
||||
color: #ffc107;
|
||||
}
|
||||
|
||||
.star-rating i.text-warning {
|
||||
color: #ffc107 !important;
|
||||
}
|
||||
|
||||
/* Rating Modal Customizations */
|
||||
#ratingModal .modal-content {
|
||||
border-radius: 1rem;
|
||||
border: none;
|
||||
box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
#ratingModal .modal-header {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
color: white;
|
||||
border-radius: 1rem 1rem 0 0;
|
||||
padding: 1.5rem;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#ratingModal .modal-title {
|
||||
font-weight: 600;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
#ratingModal .btn-close {
|
||||
filter: brightness(0) invert(1);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#ratingModal .btn-close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#ratingModal .modal-body {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
/* Form Styling */
|
||||
#ratingForm .form-label {
|
||||
font-weight: 500;
|
||||
color: #495057;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#ratingForm .form-control {
|
||||
border-radius: 0.5rem;
|
||||
border: 1px solid #dee2e6;
|
||||
padding: 0.75rem 1rem;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
#ratingForm .form-control:focus {
|
||||
border-color: #667eea;
|
||||
box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#ratingForm textarea.form-control {
|
||||
resize: vertical;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
/* Submit Button */
|
||||
#submitRatingBtn {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
border: none;
|
||||
border-radius: 0.5rem;
|
||||
padding: 0.875rem 1.5rem;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#submitRatingBtn:hover:not(:disabled) {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 0.5rem 1rem rgba(102, 126, 234, 0.3);
|
||||
background: linear-gradient(135deg, #5568d3 0%, #6a3f8f 100%);
|
||||
}
|
||||
|
||||
#submitRatingBtn:active:not(:disabled) {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
#submitRatingBtn:disabled {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* Alert Messages */
|
||||
#ratingSuccessAlert,
|
||||
#ratingErrorAlert {
|
||||
border-radius: 0.75rem;
|
||||
padding: 1rem 1.25rem;
|
||||
animation: slideIn 0.3s ease;
|
||||
}
|
||||
|
||||
#ratingSuccessAlert {
|
||||
background-color: #d4edda;
|
||||
border-color: #c3e6cb;
|
||||
color: #155724;
|
||||
}
|
||||
|
||||
#ratingErrorAlert {
|
||||
background-color: #f8d7da;
|
||||
border-color: #f5c6cb;
|
||||
color: #721c24;
|
||||
}
|
||||
|
||||
@keyframes slideIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* Character Counter */
|
||||
.form-text {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
#commentCounter {
|
||||
font-weight: 600;
|
||||
color: #667eea;
|
||||
}
|
||||
|
||||
/* Invalid Feedback */
|
||||
.invalid-feedback {
|
||||
display: none;
|
||||
margin-top: 0.25rem;
|
||||
font-size: 0.875rem;
|
||||
color: #dc3545;
|
||||
}
|
||||
|
||||
.invalid-feedback.d-block {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
/* Responsive Adjustments */
|
||||
@media (max-width: 576px) {
|
||||
.star-rating {
|
||||
font-size: 2rem;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
#ratingModal .modal-body {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
#ratingModal .modal-header {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
#ratingModal .modal-title {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
#submitRatingBtn {
|
||||
padding: 0.75rem 1.25rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
@ -1,186 +0,0 @@
|
||||
/* Support FAB (Floating Action Button) Styles for BCards */
|
||||
|
||||
.support-fab-container {
|
||||
position: fixed;
|
||||
bottom: 2rem;
|
||||
right: 2rem;
|
||||
z-index: 1050;
|
||||
}
|
||||
|
||||
.support-fab-trigger {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
border: none;
|
||||
color: white;
|
||||
font-size: 1.5rem;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.support-fab-trigger:hover {
|
||||
transform: scale(1.1);
|
||||
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.support-fab-trigger:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.support-fab-menu {
|
||||
position: absolute;
|
||||
bottom: 70px;
|
||||
right: 0;
|
||||
min-width: 280px;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
|
||||
padding: 1rem;
|
||||
animation: fadeInUp 0.3s ease;
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.support-fab-header {
|
||||
padding-bottom: 0.75rem;
|
||||
border-bottom: 1px solid #e9ecef;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.support-fab-header h6 {
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
.support-fab-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
padding: 0.75rem;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
color: #212529;
|
||||
transition: all 0.2s ease;
|
||||
border: none;
|
||||
background: none;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.support-fab-option:hover {
|
||||
background: #f8f9fa;
|
||||
transform: translateX(4px);
|
||||
}
|
||||
|
||||
.support-fab-option-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1.25rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.support-fab-telegram .support-fab-option-icon {
|
||||
background: linear-gradient(135deg, #0088cc 0%, #005580 100%);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.support-fab-form .support-fab-option-icon {
|
||||
background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.support-fab-rating .support-fab-option-icon {
|
||||
background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.support-fab-option-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.support-fab-option-content strong {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.support-fab-option-content small {
|
||||
display: block;
|
||||
color: #6c757d;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.support-fab-upgrade {
|
||||
padding: 0.75rem;
|
||||
background: #fff3cd;
|
||||
border-radius: 8px;
|
||||
text-align: center;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.support-fab-upgrade p {
|
||||
color: #856404;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.support-fab-upgrade .btn-sm {
|
||||
font-size: 0.8rem;
|
||||
padding: 0.375rem 0.75rem;
|
||||
}
|
||||
|
||||
/* Mobile Responsive */
|
||||
@media (max-width: 768px) {
|
||||
.support-fab-container {
|
||||
bottom: 1.5rem;
|
||||
right: 1.5rem;
|
||||
}
|
||||
|
||||
.support-fab-trigger {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.support-fab-menu {
|
||||
min-width: 260px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.support-fab-container {
|
||||
bottom: 1rem;
|
||||
right: 1rem;
|
||||
}
|
||||
|
||||
.support-fab-trigger {
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.support-fab-menu {
|
||||
min-width: calc(100vw - 3rem);
|
||||
max-width: 280px;
|
||||
}
|
||||
}
|
||||
@ -1,212 +0,0 @@
|
||||
// Rating System for BCards
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
let selectedRating = 0;
|
||||
|
||||
// Initialize
|
||||
function init() {
|
||||
setupEventListeners();
|
||||
}
|
||||
|
||||
function setupEventListeners() {
|
||||
// Star rating clicks
|
||||
const stars = document.querySelectorAll('#starRating i');
|
||||
stars.forEach(star => {
|
||||
star.addEventListener('click', handleStarClick);
|
||||
star.addEventListener('mouseover', handleStarHover);
|
||||
});
|
||||
|
||||
// Star rating container mouse leave
|
||||
const starContainer = document.getElementById('starRating');
|
||||
if (starContainer) {
|
||||
starContainer.addEventListener('mouseleave', resetStarHover);
|
||||
}
|
||||
|
||||
// Form submission
|
||||
const ratingForm = document.getElementById('ratingForm');
|
||||
if (ratingForm) {
|
||||
ratingForm.addEventListener('submit', handleFormSubmit);
|
||||
}
|
||||
|
||||
// Modal reset on close
|
||||
const ratingModal = document.getElementById('ratingModal');
|
||||
if (ratingModal) {
|
||||
ratingModal.addEventListener('hidden.bs.modal', resetForm);
|
||||
}
|
||||
|
||||
// Character counter for comment
|
||||
const commentField = document.getElementById('ratingComment');
|
||||
if (commentField) {
|
||||
commentField.addEventListener('input', updateCharacterCounter);
|
||||
}
|
||||
}
|
||||
|
||||
function handleStarClick(e) {
|
||||
const starValue = parseInt(e.currentTarget.getAttribute('data-rating'));
|
||||
selectedRating = starValue;
|
||||
document.getElementById('ratingValue').value = starValue;
|
||||
updateStars(starValue, true);
|
||||
|
||||
// Hide error if was showing
|
||||
const errorDiv = document.getElementById('ratingError');
|
||||
if (errorDiv) {
|
||||
errorDiv.style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
function handleStarHover(e) {
|
||||
const starValue = parseInt(e.currentTarget.getAttribute('data-rating'));
|
||||
updateStars(starValue, false);
|
||||
}
|
||||
|
||||
function resetStarHover() {
|
||||
updateStars(selectedRating, true);
|
||||
}
|
||||
|
||||
function updateStars(rating, permanent) {
|
||||
const stars = document.querySelectorAll('#starRating i');
|
||||
stars.forEach(star => {
|
||||
const starValue = parseInt(star.getAttribute('data-rating'));
|
||||
if (starValue <= rating) {
|
||||
star.classList.remove('far');
|
||||
star.classList.add('fas', 'text-warning');
|
||||
} else {
|
||||
star.classList.remove('fas', 'text-warning');
|
||||
star.classList.add('far');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function updateCharacterCounter() {
|
||||
const commentField = document.getElementById('ratingComment');
|
||||
const counter = document.getElementById('commentCounter');
|
||||
if (commentField && counter) {
|
||||
counter.textContent = commentField.value.length;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleFormSubmit(e) {
|
||||
e.preventDefault();
|
||||
|
||||
// Validate rating
|
||||
if (selectedRating === 0) {
|
||||
const errorDiv = document.getElementById('ratingError');
|
||||
if (errorDiv) {
|
||||
errorDiv.style.display = 'block';
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Get form data
|
||||
const formData = {
|
||||
ratingValue: selectedRating,
|
||||
name: document.getElementById('ratingName').value.trim(),
|
||||
email: document.getElementById('ratingEmail').value.trim(),
|
||||
comment: document.getElementById('ratingComment').value.trim()
|
||||
};
|
||||
|
||||
// Get submit button
|
||||
const submitButton = document.getElementById('submitRatingBtn');
|
||||
const originalButtonHtml = submitButton.innerHTML;
|
||||
|
||||
// Disable submit button
|
||||
submitButton.disabled = true;
|
||||
submitButton.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Enviando...';
|
||||
|
||||
// Hide previous alerts
|
||||
document.getElementById('ratingSuccessAlert').classList.add('d-none');
|
||||
document.getElementById('ratingErrorAlert').classList.add('d-none');
|
||||
|
||||
try {
|
||||
// Send to backend
|
||||
const response = await fetch('/api/ratings', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (response.ok) {
|
||||
// Show success message
|
||||
document.getElementById('ratingSuccessAlert').classList.remove('d-none');
|
||||
|
||||
// Hide form temporarily
|
||||
document.getElementById('ratingForm').querySelectorAll('.mb-3').forEach(el => {
|
||||
el.style.display = 'none';
|
||||
});
|
||||
submitButton.style.display = 'none';
|
||||
|
||||
// Close modal after 3 seconds
|
||||
setTimeout(() => {
|
||||
const modal = bootstrap.Modal.getInstance(document.getElementById('ratingModal'));
|
||||
if (modal) {
|
||||
modal.hide();
|
||||
}
|
||||
}, 3000);
|
||||
} else {
|
||||
throw new Error(data.message || 'Failed to submit rating');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error submitting rating:', error);
|
||||
|
||||
// Show error message
|
||||
const errorAlert = document.getElementById('ratingErrorAlert');
|
||||
const errorMessage = document.getElementById('ratingErrorMessage');
|
||||
errorMessage.textContent = error.message || 'Erro ao enviar avaliação. Por favor, tente novamente.';
|
||||
errorAlert.classList.remove('d-none');
|
||||
|
||||
// Re-enable submit button
|
||||
submitButton.disabled = false;
|
||||
submitButton.innerHTML = originalButtonHtml;
|
||||
}
|
||||
}
|
||||
|
||||
function resetForm() {
|
||||
// Reset stars
|
||||
selectedRating = 0;
|
||||
document.getElementById('ratingValue').value = '';
|
||||
updateStars(0, true);
|
||||
|
||||
// Reset form fields
|
||||
const ratingForm = document.getElementById('ratingForm');
|
||||
if (ratingForm) {
|
||||
ratingForm.reset();
|
||||
}
|
||||
|
||||
// Show all form elements
|
||||
document.getElementById('ratingForm').querySelectorAll('.mb-3').forEach(el => {
|
||||
el.style.display = 'block';
|
||||
});
|
||||
|
||||
// Hide alerts
|
||||
document.getElementById('ratingSuccessAlert').classList.add('d-none');
|
||||
document.getElementById('ratingErrorAlert').classList.add('d-none');
|
||||
const errorDiv = document.getElementById('ratingError');
|
||||
if (errorDiv) {
|
||||
errorDiv.style.display = 'none';
|
||||
}
|
||||
|
||||
// Re-enable submit button
|
||||
const submitButton = document.getElementById('submitRatingBtn');
|
||||
submitButton.disabled = false;
|
||||
submitButton.innerHTML = '<i class="fas fa-paper-plane"></i> Enviar Avaliação';
|
||||
submitButton.style.display = 'block';
|
||||
|
||||
// Reset character counter
|
||||
const counter = document.getElementById('commentCounter');
|
||||
if (counter) {
|
||||
counter.textContent = '0';
|
||||
}
|
||||
}
|
||||
|
||||
// Initialize on DOM ready
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', init);
|
||||
} else {
|
||||
init();
|
||||
}
|
||||
})();
|
||||
@ -1,56 +0,0 @@
|
||||
// Support FAB (Floating Action Button) for BCards
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
function initSupportFab() {
|
||||
const fabTrigger = document.getElementById('supportFabTrigger');
|
||||
const fabMenu = document.getElementById('supportFabMenu');
|
||||
|
||||
if (!fabTrigger || !fabMenu) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Toggle menu on trigger click
|
||||
fabTrigger.addEventListener('click', function () {
|
||||
if (fabMenu.style.display === 'none' || fabMenu.style.display === '') {
|
||||
fabMenu.style.display = 'block';
|
||||
fabTrigger.setAttribute('aria-expanded', 'true');
|
||||
} else {
|
||||
fabMenu.style.display = 'none';
|
||||
fabTrigger.setAttribute('aria-expanded', 'false');
|
||||
}
|
||||
});
|
||||
|
||||
// Close menu when clicking outside
|
||||
document.addEventListener('click', function (event) {
|
||||
if (!fabTrigger.contains(event.target) && !fabMenu.contains(event.target)) {
|
||||
fabMenu.style.display = 'none';
|
||||
fabTrigger.setAttribute('aria-expanded', 'false');
|
||||
}
|
||||
});
|
||||
|
||||
// Close menu on ESC key
|
||||
document.addEventListener('keydown', function (event) {
|
||||
if (event.key === 'Escape' && fabMenu.style.display === 'block') {
|
||||
fabMenu.style.display = 'none';
|
||||
fabTrigger.setAttribute('aria-expanded', 'false');
|
||||
}
|
||||
});
|
||||
|
||||
// Close menu when clicking menu options
|
||||
const menuOptions = fabMenu.querySelectorAll('.support-fab-option');
|
||||
menuOptions.forEach(function (option) {
|
||||
option.addEventListener('click', function () {
|
||||
fabMenu.style.display = 'none';
|
||||
fabTrigger.setAttribute('aria-expanded', 'false');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Initialize on DOM ready
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', initSupportFab);
|
||||
} else {
|
||||
initSupportFab();
|
||||
}
|
||||
})();
|
||||
Loading…
Reference in New Issue
Block a user