feat: initial commit - 1000apps SaaS container
This commit is contained in:
Carlos
@@ -0,0 +1,13 @@
|
||||
import { SessionProvider } from "next-auth/react"
|
||||
import "../styles/globals.css"
|
||||
|
||||
export default function App({
|
||||
Component,
|
||||
pageProps: { session, ...pageProps }
|
||||
}) {
|
||||
return (
|
||||
<SessionProvider session={session}>
|
||||
<Component {...pageProps} />
|
||||
</SessionProvider>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
import NextAuth from "next-auth"
|
||||
import CredentialsProvider from "next-auth/providers/credentials"
|
||||
import { PrismaAdapter } from "@next-auth/prisma-adapter"
|
||||
import { PrismaClient } from "@prisma/client"
|
||||
import bcrypt from "bcryptjs"
|
||||
|
||||
const prisma = new PrismaClient()
|
||||
|
||||
export default NextAuth({
|
||||
adapter: PrismaAdapter(prisma),
|
||||
providers: [
|
||||
CredentialsProvider({
|
||||
name: "Credentials",
|
||||
credentials: {
|
||||
username: { label: "Username", type: "text", placeholder: "seu_usuario" },
|
||||
password: { label: "Password", type: "password" }
|
||||
},
|
||||
async authorize(credentials) {
|
||||
if (!credentials?.username || !credentials?.password) return null
|
||||
|
||||
const user = await prisma.user.findUnique({
|
||||
where: { username: credentials.username }
|
||||
})
|
||||
|
||||
if (user && user.password) {
|
||||
const isValid = await bcrypt.compare(credentials.password, user.password)
|
||||
if (isValid) {
|
||||
return {
|
||||
id: user.id,
|
||||
email: user.email,
|
||||
name: user.name || user.username,
|
||||
username: user.username
|
||||
}
|
||||
}
|
||||
}
|
||||
return null
|
||||
}
|
||||
})
|
||||
],
|
||||
secret: process.env.NEXTAUTH_SECRET,
|
||||
session: { strategy: "jwt" },
|
||||
pages: {
|
||||
signIn: "/signin",
|
||||
},
|
||||
callbacks: {
|
||||
async session({ session, token, user }) {
|
||||
if (session.user) {
|
||||
session.user.id = token.sub
|
||||
}
|
||||
return session
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,54 @@
|
||||
import { PrismaClient } from "@prisma/client"
|
||||
import bcrypt from "bcryptjs"
|
||||
|
||||
const prisma = new PrismaClient()
|
||||
|
||||
export default async function handler(req, res) {
|
||||
if (req.method !== "POST") {
|
||||
return res.status(405).json({ error: "Método não permitido" })
|
||||
}
|
||||
|
||||
const { username, password } = req.body
|
||||
|
||||
if (!username || !password) {
|
||||
return res.status(400).json({ error: "Username e senha são obrigatórios" })
|
||||
}
|
||||
|
||||
try {
|
||||
const user = await prisma.user.findUnique({
|
||||
where: { username }
|
||||
})
|
||||
|
||||
if (!user) {
|
||||
return res.status(401).json({ error: "Usuário não encontrado" })
|
||||
}
|
||||
|
||||
if (!user.password) {
|
||||
return res.status(401).json({ error: "Senha não configurada" })
|
||||
}
|
||||
|
||||
const isValid = await bcrypt.compare(password, user.password)
|
||||
|
||||
if (!isValid) {
|
||||
return res.status(401).json({ error: "Senha incorreta" })
|
||||
}
|
||||
|
||||
// Create a JWT token manually for the session
|
||||
const token = require("jsonwebtoken").sign(
|
||||
{ sub: user.id, email: user.email, name: user.name || user.username },
|
||||
process.env.NEXTAUTH_SECRET || "test-secret-2x4=",
|
||||
{ expiresIn: "30d" }
|
||||
)
|
||||
|
||||
return res.status(200).json({
|
||||
ok: true,
|
||||
user: { id: user.id, email: user.email, name: user.name || user.username },
|
||||
token
|
||||
})
|
||||
} catch (error) {
|
||||
console.error("Signin error:", error)
|
||||
return res.status(500).json({ error: "Erro interno do servidor" })
|
||||
} finally {
|
||||
await prisma.$disconnect()
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
import { PrismaClient } from "@prisma/client"
|
||||
import bcrypt from "bcryptjs"
|
||||
|
||||
const prisma = new PrismaClient()
|
||||
|
||||
export default async function handler(req, res) {
|
||||
if (req.method !== "POST") {
|
||||
return res.status(405).json({ error: "Método não permitido" })
|
||||
}
|
||||
|
||||
const { username, password } = req.body
|
||||
|
||||
if (!username || !password) {
|
||||
return res.status(400).json({ error: "Username e senha são obrigatórios" })
|
||||
}
|
||||
|
||||
if (password.length < 6) {
|
||||
return res.status(400).json({ error: "Senha deve ter pelo menos 6 caracteres" })
|
||||
}
|
||||
|
||||
try {
|
||||
// Check if username exists
|
||||
const existingUser = await prisma.user.findUnique({
|
||||
where: { username }
|
||||
})
|
||||
|
||||
if (existingUser) {
|
||||
return res.status(400).json({ error: "Nome de usuário já existe" })
|
||||
}
|
||||
|
||||
// Hash password
|
||||
const hashedPassword = await bcrypt.hash(password, 12)
|
||||
|
||||
// Create user
|
||||
const user = await prisma.user.create({
|
||||
data: {
|
||||
username,
|
||||
password: hashedPassword,
|
||||
email: `${username}@1000apps.local`
|
||||
}
|
||||
})
|
||||
|
||||
return res.status(201).json({
|
||||
message: "Usuário criado com sucesso",
|
||||
user: { id: user.id, username: user.username }
|
||||
})
|
||||
} catch (error) {
|
||||
console.error("Signup error:", error)
|
||||
return res.status(500).json({ error: "Erro interno do servidor" })
|
||||
} finally {
|
||||
await prisma.$disconnect()
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,224 @@
|
||||
import { useState, useEffect } from "react"
|
||||
import { useSession } from "next-auth/react"
|
||||
import { useRouter } from "next/router"
|
||||
|
||||
// Top 100 Notícias - Trends Brasil e Mundo (Junho 2026)
|
||||
const weeklyTrends = [
|
||||
// ==== TECNOLOGIA ====
|
||||
{ id: 1, category: "TECNOLOGIA", title: "IA Generativa Revoluciona Produtividade Home Office", summary: "Novas ferramentas de IA estão aumentando a produtividade em 40% nas tarefas administrativas remotas. Profissionais relatam economia de 8 horas semanais.", date: "2026-06-22", views: "125K", trend: "+87%" },
|
||||
{ id: 2, category: "TECNOLOGIA", title: "GPT-7 Lançado com Suporte Multimodal Avançado", summary: "A nova geração da IA consegue processar texto, imagem, áudio e vídeo simultaneamente com 98% de precisão em tarefas complexas.", date: "2026-06-20", views: "210K", trend: "+145%" },
|
||||
{ id: 3, category: "TECNOLOGIA", title: "Quantum Computing Chega a Servidores Cloud", summary: "Google Cloud e AWS anunciam ofertas de quantum computing comercial. Empresas começam a testar otimizações em cadeia de suprimentos.", date: "2026-06-18", views: "89K", trend: "+67%" },
|
||||
{ id: 4, category: "TECNOLOGIA", title: "Chips Neuromórficos Consomem 90% Menos Energia", summary: "Processadores inspirados no cérebro humano prometem revolucionar IoT e dispositivos vestíveis com bateria de anos.", date: "2026-06-15", views: "156K", trend: "+92%" },
|
||||
{ id: 5, category: "TECNOLOGIA", title: "Apple Visão Pro 2 Vende 5 Milhões em 1º Mês", summary: "A realidade aumentada da Apple supera expectativas com foco em produtividade e desenvolvimento de apps.", date: "2026-06-24", views: "320K", trend: "+210%" },
|
||||
{ id: 6, category: "TECNOLOGIA", title: "5G mmWave Agora Disponível em São Paulo", summary: "Velocidades de 10Gbps já são realidade para empresas da capital. Aplicações em VR/AR e telemedicina ganham impulso.", date: "2026-06-19", views: "78K", trend: "+45%" },
|
||||
{ id: 7, category: "TECNOLOGIA", title: "Windows 12 com IA Integrada está em Beta", summary: "Microsoft lança preview com Copilot nativo em todos os menus. Usuários podem ajustar configurações via voz natural.", date: "2026-06-21", views: "189K", trend: "+112%" },
|
||||
{ id: 8, category: "TECNOLOGIA", title: "Robôs Autônomos Começam a Entregar em Curitiba", summary: "Startup brasileira inicia operação com robôs de entrega usando IA para navegação a pé. Primeira cidade do Brasil com tecnologia.", date: "2026-06-23", views: "145K", trend: "+78%" },
|
||||
{ id: 9, category: "TECNOLOGIA", title: "Edge AI Processa Dados SEM Internet", summary: "Novos chips permitem inferência local com latência de 5ms. Revolução para privacidade e aplicações offline.", date: "2026-06-17", views: "98K", trend: "+83%" },
|
||||
{ id: 10, category: "TECNOLOGIA", title: "Brasil Lidera Inovação em Fintech com IA", summary: "Pix com reconhecimento facial e detecção de fraudes em tempo real utilizam tecnologia brasileira adotada por 15 países.", date: "2026-06-25", views: "167K", trend: "+123%" },
|
||||
{ id: 11, category: "TECNOLOGIA", title: "Protocolo Web5 Transforma Web3 no Brasil", summary: "Novo padrão de internet descentralizada permite identidade soberana sem blockchain. 50 apps já migraram.", date: "2026-06-23", views: "145K", trend: "+89%" },
|
||||
{ id: 12, category: "TECNOLOGIA", title: "Smart Glasses da Xiaomi Disparam com 500H Bateria", summary: "Óculos inteligentes com tradução simultânea em 50 idiomas. Preço acessível faz disparar vendas no Brasil.", date: "2026-06-26", views: "189K", trend: "+134%" },
|
||||
|
||||
// ==== SAÚDE ====
|
||||
{ id: 13, category: "SAÚDE", title: "Apps de Monitoramento Cardíaco Atingem 80% de Precisão", summary: "Estudo revela que wearables detectam arritmias cardíacas com 80% de precisão, alertando usuários para consultas médicas preventivas.", date: "2026-06-21", views: "98K", trend: "+65%" },
|
||||
{ id: 14, category: "SAÚDE", title: "Vacina mRNA Contra Dengue Mostra 95% de Eficácia", summary: "Fase 3 concluída com sucesso no Brasil. Ministério da Saúde prevê imunização nacional até 2027.", date: "2026-06-18", views: "201K", trend: "+187%" },
|
||||
{ id: 15, category: "SAÚDE", title: "Micro-Doses de Café Reduzem Ansiedade", summary: "Pesquisa clínica mostra 30% redução em nível de ansiedade com doses precisas de cafeína. Protocolo inclui 45 minutos de intervalo.", date: "2026-06-23", views: "195K", trend: "+103%" },
|
||||
{ id: 16, category: "SAÚDE", title: "Terapia Genética Cura Tipo 1 Diabetes no Brasil", summary: "Primeiro paciente recebe tratamento com modificação genética. Estudo piloto da USP mostra redução de 90% em insulina necessária.", date: "2026-06-19", views: "289K", trend: "+234%" },
|
||||
{ id: 17, category: "SAÚDE", title: "Longevidade: Peptídeos da Serpente Estendem Vida em 15%", summary: "Pesquisa da Butantan identifica compostos que atrasam envelhecimento. Testes em humanos começam em julho.", date: "2026-06-20", views: "145K", trend: "+156%" },
|
||||
{ id: 18, category: "SAÚDE", title: "Meta da OMS: Zero Malária no Brasil é Alcançada", summary: "Ministério da Saúde anuncia eliminação do transmissor na Amazônia. Brasil é o 5º país a atingir a meta.", date: "2026-06-22", views: "178K", trend: "+98%" },
|
||||
{ id: 19, category: "SAÚDE", title: "Neurofeedback Treina Alunos para Concentração Máxima", summary: "Estudo da UNICAMP com 500 estudantes mostra melhora de 45% em provas de matemática após 8 semanas.", date: "2026-06-16", views: "87K", trend: "+52%" },
|
||||
{ id: 20, category: "SAÚDE", title: "Câncer de Mama Detectado 2 Anos Antecipado com IA", summary: "Algoritmo analisa mamografia com 97% de precisão. Sistema implantado em 200 clínicas pelo SUS.", date: "2026-06-24", views: "234K", trend: "+167%" },
|
||||
{ id: 21, category: "SAÚDE", title: "Fitas do Timo Contra Idade Avançam para Fase Humana", summary: "Immunotherapy regenerativa mostra 70% de eficácia em pacientes com 70+ anos. Espera-se revolução no envelhecimento.", date: "2026-06-17", views: "112K", trend: "+134%" },
|
||||
{ id: 22, category: "SAÚDE", title: "Telemedicina Brasileira Vence Prêmio Internacional", summary: "Plataforma de atendimento remoto ganha categoria inovação social. 50 mil médicos atendem 2 milhões de pacientes via app.", date: "2026-06-25", views: "156K", trend: "+89%" },
|
||||
{ id: 23, category: "SAÚDE", title: "Therapy Dogs Aliviam Burnout em 70% dos Médicos", summary: "Clínicas brasileiras adotam cães terapeutas em planta. Redução de estresse e aumento de satisfação no trabalho.", date: "2026-06-26", views: "201K", trend: "+145%" },
|
||||
{ id: 24, category: "SAÚDE", title: "Exoesqueletos Normais Vendem 100 Mil Unidades no Brasil", summary: "Roupa robótica ajuda reabilitação de idosos pós-cirurgia. Idosos caminham 40% mais rápido com apoio robótico.", date: "2026-06-24", views: "189K", trend: "+198%" },
|
||||
|
||||
// ==== FINANÇAS ====
|
||||
{ id: 25, category: "FINANÇAS", title: "Criptomoedas Voláteis Mas Recuperação Silenciosa", summary: "Após correção de 60%, principais criptos mostram recuperação estável. Especialistas apontam novo ciclo de acumulação entre traders.", date: "2026-06-23", views: "210K", trend: "+42%" },
|
||||
{ id: 26, category: "FINANÇAS", title: "Real Digital Atinge 10 Milhões de Contas Ativas", summary: "CBDC brasileira supera expectativas com adoção acelerada. 30% da população adulta já tem acesso à conta Física.", date: "2026-06-20", views: "312K", trend: "+245%" },
|
||||
{ id: 27, category: "FINANÇAS", title: "Bitcoin ETF Aprovação Eleita Melhor Notícia do Ano", summary: "BlackRock e Fidelity lançam fundos que movimentaram $50 bilhões em 30 dias. Mercado entra na era institucional.", date: "2026-06-22", views: "278K", trend: "+198%" },
|
||||
{ id: 28, category: "FINANÇAS", title: "Pix Internacional Conecta Brasil a 40 Países", summary: "Transferências instantâneas entre Brasil e LATAM usando stablecoins. Remessas caem 60% em custo médio.", date: "2026-06-19", views: "167K", trend: "+156%" },
|
||||
{ id: 29, category: "FINANÇAS", title: "OpenFinance Brasileiro Integra 500 Instituições", summary: "Sistema de dados financeiros aberto permite comparação de investimentos em tempo real. Usuários economizam em média R$ 2.300/ano.", date: "2026-06-21", views: "145K", trend: "+112%" },
|
||||
{ id: 30, category: "FINANÇAS", title: "DeFi Brasileiro Surge com Protocolos Locais", summary: "Novos protocolos DeFi permissionless atraem $2 bilhões. Brasileiros lideram inovação em pré-fixado tokenizado.", date: "2026-06-18", views: "189K", trend: "+178%" },
|
||||
{ id: 31, category: "FINANÇAS", title: "Inflação Chega a 2,1% - Menor em 12 Anos", summary: "IPCA de junho encerra ano de estabilidade. Mercado aguarda decisão do Copom para juros ao menor em 2026.", date: "2026-06-15", views: "234K", trend: "+87%" },
|
||||
{ id: 32, category: "FINANÇAS", title: "Bolsonaro Lança Fundo de Investimento Privado", summary: "Fundo de R$ 500 milhões foca em startups de segurança e agronegócio. Investimento recorde em venture do Ex-Presidente.", date: "2026-06-24", views: "456K", trend: "+312%" },
|
||||
{ id: 33, category: "FINANÇAS", title: "Suzano S/A Split 3:1 Aprovação Massiva", summary: "Ação sobe 45% após anúncio de divisão de ações. Investidores antigos do Vale veem nova oportunidade.", date: "2026-06-22", views: "178K", trend: "+78%" },
|
||||
{ id: 34, category: "FINANÇAS", title: "Nubank Lobby EUA para Bancar Brasil no Outside", summary: "Fintech solicita operadora de crédito nos EUA para oferecer conta internacional aos clientes. Expansão recorde para fintech.", date: "2026-06-25", views: "198K", trend: "+123%" },
|
||||
{ id: 35, category: "FINANÇAS", title: "Banco Central Testa CBDC para Pagamentos Internacionais", summary: "Real Digital 2.0 permite conversão automática para 15 moedas. Mercadorias podem ser pagas com QR global.", date: "2026-06-26", views: "278K", trend: "+178%" },
|
||||
{ id: 36, category: "FINANÇAS", title: "Startup Brasileira Vence Hackathon do FMI", summary: "Solução de stablecoins para pequenos agricultores atrai investimento de $50 milhões. Projeto já piloto em 5 estados.", date: "2026-06-23", views: "145K", trend: "+145%" },
|
||||
|
||||
// ==== EDUCAÇÃO ====
|
||||
{ id: 37, category: "EDUCAÇÃO", title: "Cursos Online de Programação Aumentam 200%", summary: "Demanda por carreiras tech dispara após chegar GPT-6. Plataformas reportam matrículas acima do esperado para desenvolvimento mobile.", date: "2026-06-20", views: "156K", trend: "+185%" },
|
||||
{ id: 38, category: "EDUCAÇÃO", title: "USP Oferece Diploma em IA com Certificado On-chain", summary: "Primeira universidade do Brasil a tokenizar diplomas. NFTs verificam autenticidade em blockchain pública.", date: "2026-06-22", views: "234K", trend: "+167%" },
|
||||
{ id: 39, category: "EDUCAÇÃO", title: "Robôs Professor Substituem 30% dos Tutores no Ensino Médio", summary: "IA personalizada atende alunos com dificuldades específicas. Desempenho aumenta 23% nas notas de matemática.", date: "2026-06-19", views: "189K", trend: "+145%" },
|
||||
{ id: 40, category: "EDUCAÇÃO", title: "Khan Academy Lança Versão TOTALMENTE em Português", summary: "Plataforma gratuita inclui IA tutor para milhões de brasileiros. Parceria com MEC para inclusão digital.", date: "2026-06-21", views: "145K", trend: "+98%" },
|
||||
{ id: 41, category: "EDUCAÇÃO", title: "MBA em IA Generativa Tem 10 Mil Inscritos", summary: "Curso da FGV supera recorde com foco em automação. Empresas pagam até R$ 15 mil por colaborador.", date: "2026-06-23", views: "98K", trend: "+134%" },
|
||||
{ id: 42, category: "EDUCAÇÃO", title: "Escolas do Futuro Usam Realidade Virtual", summary: "Ministro anuncia 500 escolas piloto com VR para geografia e história. Estudantes viajam virtualmente para o Brasil colonial.", date: "2026-06-24", views: "167K", trend: "+112%" },
|
||||
{ id: 43, category: "EDUCAÇÃO", title: "Ensino Híbrido Online + Presencial é Aprovado por 78% dos Alunos", summary: "Pesquisa nacional mostra preferência por modelo flexível. Universidades ajustam calendário para 2027.", date: "2026-06-18", views: "87K", trend: "+78%" },
|
||||
{ id: 44, category: "EDUCAÇÃO", title: "Estudante Brasileiro Ganha Olimpíada Internacional de Programação", summary: "João Silva (19 anos) da UFRJ vence gold medal na ICPC World Finals. Brasil entra para elite de programação global.", date: "2026-06-15", views: "234K", trend: "+245%" },
|
||||
{ id: 45, category: "EDUCAÇÃO", title: "Chatbots Substituem Monitoria em 40% das Universidades", summary: "IA disponível 24/7 responde dúvidas de cálculo e física. Taxa de aprovação sobe 15% nas disciplinas tuteladas.", date: "2026-06-20", views: "156K", trend: "+123%" },
|
||||
{ id: 46, category: "EDUCAÇÃO", title: "Ensino Técnico Gratuito com Empresas Cresce 180%", summary: "Programa MEC + Indústria tem 200 mil novos alunos. Foco em programação, robótica e agro tech.", date: "2026-06-22", views: "178K", trend: "+156%" },
|
||||
{ id: 47, category: "EDUCAÇÃO", title: "Plataforma Brasileira de IA Educa 1 Milhão de Alunos", summary: "Startup educação ganha US$ 50M em funding após sucesso na personalização de aprendizagem com IA.", date: "2026-06-25", views: "234K", trend: "+187%" },
|
||||
{ id: 48, category: "EDUCAÇÃO", title: "Escolas Básicas do Brasil Ganham Labs de Robótica", summary: "Projeto Ministério + Microsoft instala laboratórios em 1000 escolas rurais. 50 mil novos programadores estão nascendo.", date: "2026-06-26", views: "189K", trend: "+156%" },
|
||||
|
||||
// ==== PRODUTIVIDADE ====
|
||||
{ id: 49, category: "PRODUTIVIDADE", title: "Método Pomodoro 2.0 Domina Profissionais", summary: "Nova variação do clássico método pomodoro inclui pausas de micro-meditação. Pesquisa aponta 67% mais foco e 30% menos estresse.", date: "2026-06-22", views: "87K", trend: "+52%" },
|
||||
{ id: 50, category: "PRODUTIVIDADE", title: "Notion AI Nova Versão Integra Voice Notes", summary: "Função transcreve e resume reuniões automaticamente. Usuários relatam ganho de 3h/dia em organização.", date: "2026-06-23", views: "145K", trend: "+89%" },
|
||||
{ id: 51, category: "PRODUTIVIDADE", title: "Ferramentas de Design com IA Dominam Mercado", summary: "Usuários criam 5x mais protótipos com sugestões automáticas. Tendência: designers combinam trabalho manual com IA.", date: "2026-06-18", views: "112K", trend: "+122%" },
|
||||
{ id: 52, category: "PRODUTIVIDADE", title: "Automação Residencial Reduz Contas em 45%", summary: "Sistemas inteligentes de luz e água usam IA para otimizar consumo. Brasil tem 2 milhões de residências conectadas.", date: "2026-06-21", views: "189K", trend: "+98%" },
|
||||
{ id: 53, category: "PRODUTIVIDADE", title: "Apps de Foco Usam Neurofeedback em Tempo Real", summary: "Headset detecta atenção e pausa notificações automaticamente. Produtividade aumenta 35% em home office.", date: "2026-06-19", views: "98K", trend: "+78%" },
|
||||
{ id: 54, category: "PRODUTIVIDADE", title: "Task Management com IA Aumenta 50% Conclusão de Projetos", summary: "Algoritmo prioriza tarefas baseado em prazo, energia e dependências. Empresas reportam redução de 20% no prazo médio.", date: "2026-06-24", views: "134K", trend: "+112%" },
|
||||
{ id: 55, category: "PRODUTIVIDADE", title: "Calendário Inteligente Sincroniza 15 Ferramentas em Tempo Real", summary: "IA aprende padrões e ajusta reuniões automaticamente. Redução de 40% em conflitos de agenda no Brasil.", date: "2026-06-20", views: "167K", trend: "+87%" },
|
||||
{ id: 56, category: "PRODUTIVIDADE", title: "Email Zero Automatizado com IA Atinge 1 Milhão de Usuários", summary: "Ferramenta classifica, responde e archiva automaticamente. Tempo médio de 2h/dia recuperado para produtividade.", date: "2026-06-22", views: "123K", trend: "+134%" },
|
||||
{ id: 57, category: "PRODUTIVIDADE", title: "Digital Minimalism Apps Crescem 200% no Brasil", summary: "Usuários focam em menos ferramentas por vez. Apps simples com funcionalidade única lideram download no App Store.", date: "2026-06-25", views: "156K", trend: "+98%" },
|
||||
{ id: 58, category: "PRODUTIVIDADE", title: "Automação de Contratos Inteligentes Salva R$ 2 Bi/Ano", summary: "Smart contracts reduzem burocracia em administração pública. Gov.br processa 50% mais documentos em menos tempo.", date: "2026-06-17", views: "201K", trend: "+145%" },
|
||||
{ id: 59, category: "PRODUTIVIDADE", title: "Ferramenta Brasileira de Task AI Vende para 20 Países", summary: "SaaS de gestão de projetos com IA otimiza prazos e recursos. Clientes relatam 30% mais eficiência.", date: "2026-06-26", views: "178K", trend: "+134%" },
|
||||
{ id: 60, category: "PRODUTIVIDADE", title: "Método Digital Detox Reduz Burnout em 60%", summary: "Técnica de desintoxicação digital combina floresta e IA para reduzir estresse corporativo.", date: "2026-06-23", views: "156K", trend: "+122%" },
|
||||
|
||||
// ==== VIAGEM ====
|
||||
{ id: 61, category: "VIAGEM", title: "Destinos Offshore Ganham Popularidade", summary: "Com trajetória de 8h, novos roteiros de turismo sustentável atraem digital nomads. Costa Rica e Portugal lideram preferências.", date: "2026-06-19", views: "143K", trend: "+78%" },
|
||||
{ id: 62, category: "VIAGEM", title: "Voos Brasileiros Usam Combustível de Sacaia", summary: "Azul e Latam testam biofuel que reduz emissões em 80%. Passagens podem ficar 15% mais baratas até 2027.", date: "2026-06-22", views: "189K", trend: "+123%" },
|
||||
{ id: 63, category: "VIAGEM", title: "Santiago É Eleito Melhor Destino para Remote Workers", summary: "Chile lidera ranking internacional com custo de vida baixo e infraestrutura excelente. Brasileiros compram imóveis para residência.", date: "2026-06-24", views: "134K", trend: "+87%" },
|
||||
{ id: 64, category: "VIAGEM", title: "Airbnb Lança Experiências com IA Personalizada", summary: "Algoritmo sugere experiências baseadas em histórico e preferências. Taxa de satisfação sobe 35% nos testes.", date: "2026-06-21", views: "234K", trend: "+112%" },
|
||||
{ id: 65, category: "VIAGEM", title: "Brasil Tem 500 Hostels com Energia Solar", summary: "Rede ecológica abriga backpackers com wifi 5G e café da manhã orgânico. Destinos sustentáveis crescem 120%.", date: "2026-06-20", views: "98K", trend: "+98%" },
|
||||
{ id: 66, category: "VIAGEM", title: "Navegação por Satélite Gratuita em Celulares Chega ao Brasil", summary: "Chips GPS mais baratos permitem localização offline em qualquer lugar. Aplicativo brasileiro ganha 100K downloads em 1 semana.", date: "2026-06-23", views: "156K", trend: "+145%" },
|
||||
{ id: 67, category: "VIAGEM", title: "Cruzeiro do Norte Reabre com Novos Navios Elétricos", summary: "Trem-bala conecta Manaus a Porto Velho em 12h. Rota turística gera 5 mil empregos diretos no Amazonas.", date: "2026-06-25", views: "178K", trend: "+167%" },
|
||||
{ id: 68, category: "VIAGEM", title: "Apps de Viagem Usam AR para Guia Turístico", summary: "Realidade aumentada mostra informações históricas em tempo real. Visitantes relatam experiência 3x mais engajadora.", date: "2026-06-18", views: "145K", trend: "+89%" },
|
||||
{ id: 69, category: "VIAGEM", title: "Parques Nacionais Ganham WiFi via Satélite", summary: "Ecoturistas podem compartilhar fotos sem sair das trilhas. Sistema reduz sinal 0% na fauna local.", date: "2026-06-19", views: "87K", trend: "+67%" },
|
||||
{ id: 70, category: "VIAGEM", title: "Digital Nomad Visa Aprovação sobe para 98%", summary: "Processo simplificado online reduz tempo de análise. 50 mil brasileiros já solicitaram visto para trabalhar fora.", date: "2026-06-26", views: "234K", trend: "+178%" },
|
||||
{ id: 71, category: "VIAGEM", title: "Startup Brasileira de Drone Delivery Levanta US$ 15M", summary: "Empresa de entrega por drone com tecnologia própria expande para 50 capitais. Rota é 100% autônoma.", date: "2026-06-26", views: "201K", trend: "+156%" },
|
||||
{ id: 72, category: "VIAGEM", title: "Brasil Oferece 200 Rotas de Turismo Espacial", summary: "Parceria com empresa americana lança viagens espaciais saindo do Ceará. 5000 brasileiros já fizeram reserva.", date: "2026-06-24", views: "345K", trend: "+234%" },
|
||||
|
||||
// ==== ALIMENTAÇÃO ====
|
||||
{ id: 73, category: "ALIMENTAÇÃO", title: "Dieta Ketogênica Combina com Treinos HIIT", summary: "Estudo revela 40% mais glicose no sangue pós-treino. Nutricionistas recomendam combinação para perda de peso acelerada.", date: "2026-06-21", views: "72K", trend: "+38%" },
|
||||
{ id: 74, category: "ALIMENTAÇÃO", title: "Lab-Grown Carne Chega ao McDonald's no Brasil", summary: "Hambúrguer cultivado em laboratório tem 70% menos impacto ambiental. Teste piloto em São Paulo até agosto.", date: "2026-06-23", views: "234K", trend: "+189%" },
|
||||
{ id: 75, category: "ALIMENTAÇÃO", title: "Alimentos Funcionais com Nootropics Viram Ênfase em Mercado", summary: "Produtos que melhoram cognição ganham espaço em 300% nas farmácias. Jovens pagam até R$ 50 por shake 'focus'.", date: "2026-06-25", views: "156K", trend: "+134%" },
|
||||
{ id: 76, category: "ALIMENTAÇÃO", title: "Feijão Orgânico da Embrapa Vence Concorrência Europeia", summary: "Variedade resistente à seca tem 30% mais proteína. Exportações crescem 120% para UE e Japão.", date: "2026-06-22", views: "87K", trend: "+98%" },
|
||||
{ id: 77, category: "ALIMENTAÇÃO", title: "Delivery por Drone Reduz Tempo em 70%", summary: "Startup brasileira entrega refeições em 5 minutos. Zonas de voo autorizadas em 50 capitais.", date: "2026-06-24", views: "189K", trend: "+145%" },
|
||||
{ id: 78, category: "ALIMENTAÇÃO", title: "Suplementos Personalizados com DNA Batem 95% de Precisão", summary: "Teste genético indica vitaminas ideais. Startup oferece kit por R$ 299 com recomendações semanais.", date: "2026-06-19", views: "123K", trend: "+112%" },
|
||||
{ id: 79, category: "ALIMENTAÇÃO", title: "Zero-Calorie Sweetener da Naturobotica é Green Light FDA", summary: "Açúcar sintético sem calorias é liberado para consumo. Peso médio de perda: 2kg em 30 dias.", date: "2026-06-21", views: "167K", trend: "+156%" },
|
||||
{ id: 80, category: "ALIMENTAÇÃO", title: "Café Functional com L-theanine Reduz Estresse em 45%", summary: "Combinação de cafeína e aminoácido da matcha vira best-seller. Empresas oferecem como benefício a funcionários.", date: "2026-06-20", views: "112K", trend: "+87%" },
|
||||
{ id: 81, category: "ALIMENTAÇÃO", title: "Alimentos Anti-inflamatórios Reduzem Dor Crônica em 60%", summary: "Pesquisa da USP identifica 20 alimentos brasileiros com efeito potente. Receita com açafrão vira sucesso.", date: "2026-06-23", views: "98K", trend: "+123%" },
|
||||
{ id: 82, category: "ALIMENTAÇÃO", title: "Restaurantes com Zero Resíduos Crescem 150%", summary: "Consumo consciente vira diferencial em São Paulo. Cozinheiros usam IA para otimizar porções e reduzir desperdício.", date: "2026-06-26", views: "178K", trend: "+134%" },
|
||||
{ id: 83, category: "ALIMENTAÇÃO", title: "Lab-Grown Salmon é Aprovado pela ANVISA", summary: "Primeiro peixe cultivado no laboratório no Brasil. Cadeia produtiva reduz emissões em 90%.", date: "2026-06-25", views: "198K", trend: "+178%" },
|
||||
{ id: 84, category: "ALIMENTAÇÃO", title: "Kit de Cultivo em Casa Vende 500 Mil Unidades", summary: "Sistema compacto permite produzir vegetais orgânicos em apartamento. Brasileiros economizam R$ 300/mês.", date: "2026-06-26", views: "145K", trend: "+145%" },
|
||||
|
||||
// ==== ENTRETEIMENTO ====
|
||||
{ id: 85, category: "ENTRETEIMENTO", title: "Séries Interativas com IA Geram Engajamento Record", summary: "Plataformas testam narrativas onde espectador escolhe finais. Taxa de conclusão sobe 75% com escolhas personalizadas.", date: "2026-06-24", views: "167K", trend: "+95%" },
|
||||
{ id: 86, category: "ENTRETEIMENTO", title: "Netflix Lança Modo Offline com Download Instantâneo", summary: "Algoritmo prevê próximos episódios a serem baixados automaticamente. Usuários ficam 2 dias sem internet e não percebem.", date: "2026-06-22", views: "234K", trend: "+123%" },
|
||||
{ id: 87, category: "ENTRETEIMENTO", title: "Jogos com IA Generativa Têm História Única a Cada Partida", summary: "NPCs criam diálogos e missões em tempo real. Jogo brasileiro vende 2 milhões de cópias em 2 semanas.", date: "2026-06-25", views: "312K", trend: "+210%" },
|
||||
{ id: 88, category: "ENTRETEIMENTO", title: "Teatro Virtual com Avatar Personalizado Atravessa Fronteiras", summary: "Peça da Providência encanta público global com avatares em realidade aumentada. Ingressos NFT esgotam em 3 horas.", date: "2026-06-21", views: "87K", trend: "+78%" },
|
||||
{ id: 89, category: "ENTRETEIMENTO", title: "Música com IA Atinge 5 Bilhões de Streams Mensais", summary: "Plataformas oferecem trilhas geradas para projetos. Compositores brasileiros ganham royalties por estilo criado.", date: "2026-06-23", views: "189K", trend: "+145%" },
|
||||
{ id: 90, category: "ENTRETEIMENTO", title: "Festivais de Realidade Virtual Trazem 100 Mil Pessoas", summary: "Show imersivo com artistas globais tem transmissão simultânea. Brunetos podem 'andar' pelo palco virtualmente.", date: "2026-06-24", views: "156K", trend: "+112%" },
|
||||
{ id: 91, category: "ENTRETEIMENTO", title: "Streaming Brasileiro Supera Hollywood em Inovação", summary: "Série 'Selkirk' vence Emmy Internacional com produção 100% local. Budget: R$ 2 milhões x US$ 50 milhões da concorrência.", date: "2026-06-22", views: "234K", trend: "+178%" },
|
||||
{ id: 92, category: "ENTRETEIMENTO", title: "Podcast com IA Dupla Voz Faz Sucesso nas Redes", summary: "Algoritmo gera conversa entre duas IAs com opiniões conflitantes. Ouvir demais como debate filosófico.", date: "2026-06-20", views: "145K", trend: "+134%" },
|
||||
{ id: 93, category: "ENTRETEIMENTO", title: "Cinema 4D sem Óculos é Tendência em Cinema Brasileiro", summary: "Tecnologia holográfica permite ver profundidade sem equipamento. Filme 'Araguaia' estreia com sucesso global.", date: "2026-06-25", views: "198K", trend: "+156%" },
|
||||
{ id: 94, category: "ENTRETEIMENTO", title: "Meme Coins Viram Arte Digital em Museus", summary: "NFTs de memes anos 2020 agora em MoMA. Brasileiro compra meme por R$ 5 milhões em leilão internacional.", date: "2026-06-26", views: "345K", trend: "+234%" },
|
||||
{ id: 95, category: "ENTRETEIMENTO", title: "Streaming Brasileiro Lança Produção IA em Tempo Real", summary: "Plataforma gera episódios personalizados baseados no humor do usuário. 10 mil horas de conteúdo diário.", date: "2026-06-25", views: "278K", trend: "+189%" },
|
||||
{ id: 96, category: "ENTRETEIMENTO", title: "Jogo Brasileiro de Realidade Extinta Vende 5 Milhões", summary: "Título preserva espécies brasileiras extintas em mundos virtuais. Receita investe em preservação real.", date: "2026-06-26", views: "234K", trend: "+178%" },
|
||||
{ id: 97, category: "ENTRETEIMENTO", title: "Realidade Virtual em Todos os Cinemas Brasileiros", summary: "Cadeia que vale R$ 5 bilhões instala 500 salas VR para pré-estreias. Experiência imersiva no lançamento de filmes.", date: "2026-06-24", views: "189K", trend: "+145%" },
|
||||
{ id: 98, category: "ENTRETEIMENTO", title: "IA Traduz e Dubla Séries em Tempo Real", summary: "Plataforma permite assistir qualquer série com legenda sincronizada em português. Qualidade de áudio ainda é 92%.", date: "2026-06-23", views: "234K", trend: "+123%" },
|
||||
{ id: 99, category: "ENTRETEIMENTO", title: "Concertos Holográficos docegencouraliza 1000 Teatros", summary: "Shows de artistas falecidos vendem ingressos milionários. Tecnologia usa deepfake ético com família do artista.", date: "2026-06-22", views: "156K", trend: "+167%" },
|
||||
{ id: 100, category: "ENTRETEIMENTO", title: "Rede Social Brasileira Vence TikTok Europeia", summary: "Plataforma focada em conteúdo educativo supera 50 milhões de usuários. Crescimento de 300% em 6 meses.", date: "2026-06-26", views: "201K", trend: "+198%" }
|
||||
]
|
||||
|
||||
export default function TrendsNews() {
|
||||
const { data: session } = useSession()
|
||||
const router = useRouter()
|
||||
const [selectedCategory, setSelectedCategory] = useState("TODAS")
|
||||
const [trendingNews, setTrendingNews] = useState(weeklyTrends)
|
||||
|
||||
useEffect(() => {
|
||||
if (selectedCategory === "TODAS") {
|
||||
setTrendingNews(weeklyTrends)
|
||||
} else {
|
||||
setTrendingNews(weeklyTrends.filter(n => n.category === selectedCategory))
|
||||
}
|
||||
}, [selectedCategory])
|
||||
|
||||
const categories = ["TODAS", "TECNOLOGIA", "SAÚDE", "FINANÇAS", "EDUCAÇÃO", "PRODUTIVIDADE", "VIAGEM", "ALIMENTAÇÃO", "ENTRETEIMENTO"]
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50">
|
||||
{/* Header */}
|
||||
<nav className="bg-white shadow-lg p-4 sticky top-0 z-10 flex items-center justify-between">
|
||||
<button
|
||||
onClick={() => router.push("/dashboard")}
|
||||
className="text-blue-600 hover:text-blue-800 font-medium"
|
||||
>
|
||||
← Voltar
|
||||
</button>
|
||||
<div>
|
||||
<h1 className="text-2xl font-bold text-center bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
|
||||
Tendências Semanais
|
||||
</h1>
|
||||
<p className="text-center text-sm text-gray-500 mt-1">Top 100 Notícias • Junho 2026</p>
|
||||
</div>
|
||||
<div className="w-16"></div>
|
||||
</nav>
|
||||
|
||||
{/* Filtros de Categoria */}
|
||||
<div className="max-w-4xl mx-auto p-4">
|
||||
<div className="flex flex-wrap gap-2 justify-center mb-6">
|
||||
{categories.map(cat => (
|
||||
<button
|
||||
key={cat}
|
||||
onClick={() => setSelectedCategory(cat)}
|
||||
className={`px-3 py-1 rounded-full text-xs font-medium transition-all ${
|
||||
selectedCategory === cat
|
||||
? "bg-blue-600 text-white"
|
||||
: "bg-gray-200 text-gray-700 hover:bg-gray-300"
|
||||
}`}
|
||||
>
|
||||
{cat}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Lista de Notícias - Grid 2 colunas */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
{trendingNews.length > 0 ? (
|
||||
trendingNews.map((news, idx) => (
|
||||
<div key={news.id} className="bg-white rounded-lg p-4 shadow-md hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-start justify-between mb-2">
|
||||
<span className="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full font-semibold">
|
||||
{news.category}
|
||||
</span>
|
||||
<div className="flex items-center gap-2 text-xs">
|
||||
<span className="text-green-600 font-bold">{news.trend}</span>
|
||||
<span className="text-gray-500">{news.views} views</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 className="text-lg font-bold text-gray-800 mb-2">
|
||||
#{idx + 1} {news.title}
|
||||
</h2>
|
||||
|
||||
<p className="text-gray-600 text-sm leading-relaxed">
|
||||
{news.summary}
|
||||
</p>
|
||||
|
||||
<div className="mt-3 text-xs text-gray-500">
|
||||
{new Date(news.date).toLocaleDateString('pt-BR', {
|
||||
weekday: 'short',
|
||||
month: 'short',
|
||||
day: 'numeric'
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
) : (
|
||||
<div className="text-center py-12">
|
||||
<p className="text-gray-500">Nenhuma notícia nesta categoria</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div className="mt-8 text-center text-xs text-gray-400">
|
||||
<p>Top 100 Notícias • Dados consolidados semanais • Junho 2026</p>
|
||||
<p className="mt-1">Mostrando {trendingNews.length} de {weeklyTrends.length} trends</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,167 @@
|
||||
import { useSession, signOut } from "next-auth/react"
|
||||
import { useRouter } from "next/router"
|
||||
import { useState, useEffect } from "react"
|
||||
import AvatarSelector from "../components/AvatarSelector"
|
||||
import CategoryMenu from "../components/CategoryMenu"
|
||||
|
||||
// Apps organizados por categoria
|
||||
const ALL_APPS = [
|
||||
// Produtividade
|
||||
{ id: 1, name: "Tendências Semanais", desc: "Notícias em alta • Top 100", path: "/apps/trendsnews", icon: "📈", category: "produtividade", favorite: false },
|
||||
{ id: 2, name: "Conversor", desc: "Conversão de unidades", path: "/apps/converter", icon: "🔄", category: "produtividade", favorite: false },
|
||||
{ id: 3, name: "Calculadora", desc: "Calculos rápidos", path: "/apps/calculator", icon: "🧮", category: "produtividade", favorite: false },
|
||||
|
||||
// Utilidades
|
||||
{ id: 4, name: "Relógio", desc: "Relógio mundial", path: "/apps/clock", icon: "⏰", category: "utilidades", favorite: false },
|
||||
{ id: 5, name: "Gerador Senhas", desc: "Senhas seguras", path: "/apps/password-generator", icon: "🔐", category: "utilidades", favorite: false },
|
||||
{ id: 6, name: "QR Code", desc: "Gerador QR", path: "/apps/qrcode", icon: "📱", category: "utilidades", favorite: false },
|
||||
{ id: 7, name: "Cronômetro", desc: "Tempo e alarmes", path: "/apps/timer", icon: "⏱️", category: "utilidades", favorite: false },
|
||||
|
||||
// Games
|
||||
{ id: 8, name: "Jogo da Velha", desc: "Jogo clássico", path: "/apps/tictactoe", icon: "❌", category: "games", favorite: false },
|
||||
|
||||
// Ferramentas
|
||||
{ id: 9, name: "Editor Texto", desc: "Texto simples", path: "/apps/text-editor", icon: "📝", category: "ferramentas", favorite: false },
|
||||
{ id: 10, name: "Conversor Moedas", desc: "Câmbio em tempo real", path: "/apps/currency", icon: "💱", category: "ferramentas", favorite: false },
|
||||
|
||||
// Educação
|
||||
{ id: 11, name: "Dicionário", desc: "Significados", path: "/apps/dictionary", icon: "📖", category: "educacao", favorite: false },
|
||||
{ id: 12, name: "Tradutor", desc: "Multi-idiomas", path: "/apps/translator", icon: "🌐", category: "educacao", favorite: false }
|
||||
]
|
||||
|
||||
export default function Dashboard() {
|
||||
const { data: session } = useSession()
|
||||
const router = useRouter()
|
||||
const [selectedAvatar, setSelectedAvatar] = useState("😀")
|
||||
const [selectedCategory, setSelectedCategory] = useState("all")
|
||||
const [favorites, setFavorites] = useState([])
|
||||
const [apps, setApps] = useState(ALL_APPS)
|
||||
|
||||
// Carregar favoritos do localStorage
|
||||
useEffect(() => {
|
||||
const savedFavorites = localStorage.getItem("favorites")
|
||||
const savedAvatar = localStorage.getItem("selectedAvatar")
|
||||
if (savedFavorites) {
|
||||
setFavorites(JSON.parse(savedFavorites))
|
||||
}
|
||||
if (savedAvatar) {
|
||||
setSelectedAvatar(savedAvatar)
|
||||
}
|
||||
}, [])
|
||||
|
||||
// Salvar favoritos no localStorage
|
||||
useEffect(() => {
|
||||
localStorage.setItem("favorites", JSON.stringify(favorites))
|
||||
}, [favorites])
|
||||
|
||||
// Salvar avatar no localStorage
|
||||
useEffect(() => {
|
||||
localStorage.setItem("selectedAvatar", selectedAvatar)
|
||||
}, [selectedAvatar])
|
||||
|
||||
const toggleFavorite = (appId) => {
|
||||
setFavorites(prev =>
|
||||
prev.includes(appId)
|
||||
? prev.filter(id => id !== appId)
|
||||
: [...prev, appId]
|
||||
)
|
||||
}
|
||||
|
||||
// Filtrar apps
|
||||
const filteredApps = selectedCategory === "all"
|
||||
? apps
|
||||
: apps.filter(app => app.category === selectedCategory)
|
||||
|
||||
// Apps favoritos
|
||||
const favoriteApps = apps.filter(app => favorites.includes(app.id))
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50">
|
||||
{/* Header */}
|
||||
<nav className="bg-white shadow-lg p-4 flex justify-between items-center">
|
||||
<div className="flex items-center gap-4">
|
||||
<h1 className="text-2xl font-bold">1000Apps</h1>
|
||||
<span className="text-xs bg-green-100 text-green-800 px-2 py-1 rounded-full font-semibold">FREE</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-4">
|
||||
<AvatarSelector selectedAvatar={selectedAvatar} onSelect={setSelectedAvatar} />
|
||||
<span className="text-gray-600">Olá, {session?.user?.name || session?.user?.username || "usuário"}!</span>
|
||||
<button onClick={() => signOut()} className="text-red-600 hover:underline font-medium">Sair</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main className="max-w-6xl mx-auto p-6">
|
||||
{/* Favoritos Section */}
|
||||
{favorites.length > 0 && (
|
||||
<div className="mb-8">
|
||||
<h2 className="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
|
||||
<span>⭐</span> Favoritos
|
||||
</h2>
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||||
{favoriteApps.map(app => (
|
||||
<button
|
||||
key={app.id}
|
||||
onClick={() => router.push(app.path)}
|
||||
className="bg-white rounded-xl p-6 shadow-md hover:shadow-lg transition-all text-left hover:scale-105 cursor-pointer border-2 border-yellow-200"
|
||||
>
|
||||
<div className="text-3xl mb-2">{app.icon}</div>
|
||||
<h3 className="font-semibold text-gray-800 text-sm">{app.name}</h3>
|
||||
<p className="text-xs text-gray-500 mt-1">{app.desc}</p>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Category Filter */}
|
||||
<CategoryMenu selectedCategory={selectedCategory} onSelect={setSelectedCategory} />
|
||||
|
||||
{/* Apps Grid */}
|
||||
<div className="mb-6">
|
||||
<h2 className="text-3xl font-bold text-gray-800 mb-2">
|
||||
{selectedCategory === "all" ? "Todos os Apps" :
|
||||
selectedCategory === "produtividade" ? "Produtividade" :
|
||||
selectedCategory === "utilidades" ? "Utilidades" :
|
||||
selectedCategory === "games" ? "Games" :
|
||||
selectedCategory === "ferramentas" ? "Ferramentas" :
|
||||
selectedCategory === "educacao" ? "Educação" :
|
||||
selectedCategory === "entretenimento" ? "Entretenimento" : "Apps"}
|
||||
</h2>
|
||||
<p className="text-gray-500">
|
||||
{selectedCategory === "all"
|
||||
? `${apps.length} apps disponíveis`
|
||||
: `${filteredApps.length} apps nesta categoria`}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||||
{filteredApps.map(app => (
|
||||
<div key={app.id} className="relative">
|
||||
<button
|
||||
onClick={() => router.push(app.path)}
|
||||
className="bg-white rounded-xl p-6 shadow-md hover:shadow-lg transition-all text-left hover:scale-105 cursor-pointer w-full"
|
||||
>
|
||||
<div className="text-3xl mb-2">{app.icon}</div>
|
||||
<h3 className="font-semibold text-gray-800 text-sm">{app.name}</h3>
|
||||
<p className="text-xs text-gray-500 mt-1">{app.desc}</p>
|
||||
</button>
|
||||
<button
|
||||
onClick={() => toggleFavorite(app.id)}
|
||||
className="absolute top-2 right-2 text-lg"
|
||||
title={favorites.includes(app.id) ? "Remover dos favoritos" : "Adicionar aos favoritos"}
|
||||
>
|
||||
{favorites.includes(app.id) ? "⭐" : "☆"}
|
||||
</button>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export async function getServerSideProps() {
|
||||
return {
|
||||
props: {},
|
||||
}
|
||||
}
|
||||
+139
@@ -0,0 +1,139 @@
|
||||
// Updated: force rebuild for cache invalidation
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className="bg-gray-50 min-h-screen">
|
||||
{/* Header */}
|
||||
<header className="bg-white shadow-sm">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
|
||||
<h1 className="text-2xl font-bold text-gray-900">1000Apps</h1>
|
||||
<div className="space-x-4">
|
||||
<a href="/signin" className="text-gray-600 hover:text-gray-900 font-medium">Entrar</a>
|
||||
<a href="/signup" className="bg-blue-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-blue-700 transition">Cadastrar</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{/* Hero Section */}
|
||||
<section className="bg-gradient-to-r from-blue-600 to-purple-600 text-white py-20">
|
||||
<div className="max-w-4xl mx-auto px-4 text-center">
|
||||
<h2 className="text-5xl font-bold mb-6">Seu Canivete Suíço Digital</h2>
|
||||
<p className="text-xl mb-8 opacity-90">
|
||||
Mais de 1000 ferramentas úteis, games e produtividade - tudo online, sem instalar nada!
|
||||
</p>
|
||||
<div className="flex justify-center space-x-4">
|
||||
<a href="/signup" className="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold text-lg hover:bg-gray-100 transition">Começar Grátis</a>
|
||||
<a href="#apps" className="border border-white text-white px-8 py-3 rounded-lg font-semibold text-lg hover:bg-white/10 transition">Explorar Apps</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Categories */}
|
||||
<section id="apps" className="py-16 px-4">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<h3 className="text-3xl font-bold text-center mb-12 text-gray-800">Categorias</h3>
|
||||
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
<div className="bg-white rounded-xl p-8 card-hover transition transform hover:-translate-y-1">
|
||||
<div className="w-14 h-14 bg-blue-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg className="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 5l7 7-7 7" />
|
||||
</svg>
|
||||
</div>
|
||||
<h4 className="text-xl font-semibold mb-2">Produtividade</h4>
|
||||
<p className="text-gray-600 mb-4">Ferramentas para otimizar seu tempo e trabalho</p>
|
||||
<span className="text-blue-600 font-medium">Ver apps →</span>
|
||||
</div>
|
||||
|
||||
<div className="bg-white rounded-xl p-8 card-hover transition transform hover:-translate-y-1">
|
||||
<div className="w-14 h-14 bg-green-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg className="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M11 4a2 2 0 114 0v5a2 2 0 01-2 2H7a2 2 0 00-2-2V6a2 2 0 012-2h2z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h4 className="text-xl font-semibold mb-2">Utilidades</h4>
|
||||
<p className="text-gray-600 mb-4">Ferramentas práticas para o dia a dia</p>
|
||||
<span className="text-green-600 font-medium">Ver apps →</span>
|
||||
</div>
|
||||
|
||||
<div className="bg-white rounded-xl p-8 card-hover transition transform hover:-translate-y-1">
|
||||
<div className="w-14 h-14 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg className="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M14.752 12.795a7.95 7.95 0 001.904-5.452 7.95 7.95 0 00-7.95 7.95A7.95 7.95 0 0012.795 14.752" />
|
||||
</svg>
|
||||
</div>
|
||||
<h4 className="text-xl font-semibold mb-2">Games</h4>
|
||||
<p className="text-gray-600 mb-4">Diversão rápida e envolvente</p>
|
||||
<span className="text-purple-600 font-medium">Ver apps →</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Features */}
|
||||
<section className="bg-gray-100 py-16 px-4">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<h3 className="text-3xl font-bold text-center mb-12 text-gray-800">Por que 1000Apps?</h3>
|
||||
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-blue-600 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<span className="text-2xl font-bold text-white">01</span>
|
||||
</div>
|
||||
<h5 className="font-semibold mb-2">Nada para Instalar</h5>
|
||||
<p className="text-sm text-gray-600">Tudo rodando direto no navegador</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-green-600 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<span className="text-2xl font-bold text-white">02</span>
|
||||
</div>
|
||||
<h5 className="font-semibold mb-2">Sempre Atualizado</h5>
|
||||
<p className="text-sm text-gray-600">Conteúdo fresco todo dia</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-purple-600 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<span className="text-2xl font-bold text-white">03</span>
|
||||
</div>
|
||||
<h5 className="font-semibold mb-2">Curadoria Inteligente</h5>
|
||||
<p className="text-sm text-gray-600">Só apps úteis e testados</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-orange-600 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<span className="text-2xl font-bold text-white">04</span>
|
||||
</div>
|
||||
<h5 className="font-semibold mb-2">Grátis para Sempre</h5>
|
||||
<p className="text-sm text-gray-600">Acesso completo sem pagar nada</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* CTA Final */}
|
||||
<section className="py-20 px-4">
|
||||
<div className="max-w-3xl mx-auto text-center">
|
||||
<h3 className="text-4xl font-bold mb-4 text-gray-900">Pronto para começar?</h3>
|
||||
<p className="text-lg text-gray-600 mb-8">
|
||||
Junte-se a milhares de usuários que já economizam tempo com 1000Apps
|
||||
</p>
|
||||
<a href="/signup" className="inline-block bg-blue-600 text-white px-10 py-4 rounded-lg font-semibold text-xl hover:bg-blue-700 transition transform hover:scale-105">
|
||||
Criar Conta Grátis
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Footer */}
|
||||
<footer className="bg-gray-900 text-white py-8 px-4">
|
||||
<div className="max-w-6xl mx-auto text-center">
|
||||
<p className="mb-4">© 2026 1000Apps. Todos os direitos reservados.</p>
|
||||
<div className="space-x-6 text-sm">
|
||||
<a href="#" className="hover:text-gray-300">Termos</a>
|
||||
<a href="#" className="hover:text-gray-300">Privacidade</a>
|
||||
<a href="#" className="hover:text-gray-300">Contato</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,85 @@
|
||||
import { useState } from "react"
|
||||
import { useRouter } from "next/router"
|
||||
|
||||
export default function SignIn() {
|
||||
const [username, setUsername] = useState("")
|
||||
const [password, setPassword] = useState("")
|
||||
const [error, setError] = useState("")
|
||||
const [loading, setLoading] = useState(false)
|
||||
const router = useRouter()
|
||||
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault()
|
||||
setError("")
|
||||
setLoading(true)
|
||||
|
||||
try {
|
||||
const res = await fetch("/api/auth/signin", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({ username, password })
|
||||
})
|
||||
|
||||
const data = await res.json()
|
||||
|
||||
if (res.ok && data.ok) {
|
||||
// Set session cookie
|
||||
document.cookie = `next-auth.session-token=${data.token}; path=/; SameSite=Lax`
|
||||
router.push("/dashboard")
|
||||
} else {
|
||||
setError(data.error || "Erro ao entrar")
|
||||
}
|
||||
} catch (err) {
|
||||
setError("Erro de conexão")
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50 flex items-center justify-center">
|
||||
<div className="bg-white p-8 rounded-lg shadow-md w-96">
|
||||
<h2 className="text-2xl font-bold mb-6">Entrar - 1000Apps</h2>
|
||||
|
||||
{error && (
|
||||
<div className="bg-red-100 text-red-700 p-3 rounded mb-4">
|
||||
{error}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSubmit} className="space-y-4">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Nome de usuário"
|
||||
value={username}
|
||||
onChange={(e) => setUsername(e.target.value)}
|
||||
className="w-full p-2 border rounded"
|
||||
required
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
placeholder="Senha"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
className="w-full p-2 border rounded"
|
||||
required
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="w-full bg-blue-600 text-white py-2 rounded-lg disabled:opacity-50"
|
||||
>
|
||||
{loading ? "Entrando..." : "Entrar"}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<p className="text-center mt-4 text-sm">
|
||||
Não tem conta?{" "}
|
||||
<a href="/signup" className="text-blue-600 hover:underline">
|
||||
Cadastrar
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,104 @@
|
||||
import { useState } from "react"
|
||||
import { useRouter } from "next/router"
|
||||
|
||||
export default function SignUp() {
|
||||
const [username, setUsername] = useState("")
|
||||
const [password, setPassword] = useState("")
|
||||
const [confirmPassword, setConfirmPassword] = useState("")
|
||||
const [error, setError] = useState("")
|
||||
const [loading, setLoading] = useState(false)
|
||||
const router = useRouter()
|
||||
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault()
|
||||
setError("")
|
||||
|
||||
if (password !== confirmPassword) {
|
||||
setError("Senhas não coincidem")
|
||||
return
|
||||
}
|
||||
|
||||
if (password.length < 6) {
|
||||
setError("Senha deve ter pelo menos 6 caracteres")
|
||||
return
|
||||
}
|
||||
|
||||
setLoading(true)
|
||||
|
||||
try {
|
||||
const res = await fetch("/api/auth/signup", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({ username, password })
|
||||
})
|
||||
|
||||
const data = await res.json()
|
||||
|
||||
if (res.ok) {
|
||||
router.push("/signin")
|
||||
} else {
|
||||
setError(data.error || "Erro ao cadastrar")
|
||||
}
|
||||
} catch (err) {
|
||||
setError("Erro de conexão")
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50 flex items-center justify-center">
|
||||
<div className="bg-white p-8 rounded-lg shadow-md w-96">
|
||||
<h2 className="text-2xl font-bold mb-6">Cadastrar - 1000Apps</h2>
|
||||
|
||||
{error && (
|
||||
<div className="bg-red-100 text-red-700 p-3 rounded mb-4">
|
||||
{error}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSubmit} className="space-y-4">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Nome de usuário"
|
||||
value={username}
|
||||
onChange={(e) => setUsername(e.target.value)}
|
||||
className="w-full p-2 border rounded"
|
||||
required
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
placeholder="Senha"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
className="w-full p-2 border rounded"
|
||||
required
|
||||
minLength={6}
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
placeholder="Confirmar senha"
|
||||
value={confirmPassword}
|
||||
onChange={(e) => setConfirmPassword(e.target.value)}
|
||||
className="w-full p-2 border rounded"
|
||||
required
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="w-full bg-green-600 text-white py-2 rounded-lg disabled:opacity-50"
|
||||
>
|
||||
{loading ? "Cadastrando..." : "Cadastrar"}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<p className="text-center mt-4 text-sm">
|
||||
Já tem conta?{" "}
|
||||
<a href="/signin" className="text-blue-600 hover:underline">
|
||||
Entrar
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user