diff --git a/src/App.tsx b/src/App.tsx index e2c8e7b..fc0ab76 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -3,6 +3,7 @@ import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-d import { Suspense, lazy } from 'react'; import { Toaster } from "@/components/ui/sonner"; import Auth from './pages/Auth'; +import Landing from './pages/Landing'; import EmailConfirmation from './pages/EmailConfirmation'; import CompleteProfile from './pages/CompleteProfile'; import ProtectedRoute from './components/auth/ProtectedRoute'; @@ -30,6 +31,18 @@ function App() { + {/* Landing page - só mostra se não estiver logado */} + + Carregando...}> + + + + ) : } + /> + {/* Auth route */} {/* Protected routes */} - Carregando...}> diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx index 17b32e6..2f7a738 100644 --- a/src/pages/Index.tsx +++ b/src/pages/Index.tsx @@ -5,7 +5,6 @@ import SummaryCard from '@/components/dashboard/SummaryCard'; import TransactionsTable from '@/components/dashboard/TransactionsTable'; import CategoryChart from '@/components/dashboard/CategoryChart'; import MonthlyChart from '@/components/dashboard/MonthlyChart'; -import UserProfileButton from '@/components/dashboard/UserProfileButton'; import { MonthFilter } from '@/components/filters/MonthFilter'; import { OnboardingTour, useOnboardingTour } from '@/components/onboarding'; import { Wallet, ArrowUp, ArrowDown, PiggyBank } from 'lucide-react'; @@ -156,7 +155,6 @@ const Dashboard = () => {

- { + const features = [ + { + icon: , + title: "Tudo via WhatsApp", + description: "Registre gastos e receitas diretamente no WhatsApp, sem precisar abrir outro app" + }, + { + icon: , + title: "Zero burocracia", + description: "Simplesmente digite sua transação e pronto. Nada de formulários complicados" + }, + { + icon: , + title: "Sem precisar abrir o app", + description: "Use o WhatsApp que você já tem instalado. Não precisa lembrar de abrir outro app" + }, + { + icon: , + title: "Totalmente automático", + description: "Suas transações são categorizadas automaticamente e você recebe relatórios prontos" + } + ]; + + const benefits = [ + "Controle financeiro sem complicação", + "Relatórios automáticos por WhatsApp", + "Dashboard completo com gráficos", + "Metas e alertas personalizados", + "Sincronização em tempo real", + "100% seguro e privado" + ]; + + return ( +
+ {/* Header */} +
+
+
+ Finance Home Logo + Finance Home +
+ + + +
+
+ + {/* Hero Section */} +
+
+

+ Controle financeiro + via WhatsApp +

+ +

+ A única plataforma que permite organizar suas finanças pessoais 100% integrada com o WhatsApp. + Sem apps extras, sem complicação. +

+ +
+ + + + +
+ + Configuração em 2 minutos +
+
+ + {/* Stats */} +
+
+
100%
+
Via WhatsApp
+
+
+
0
+
Apps extras
+
+
+
24/7
+
Disponível
+
+
+
+
+ + {/* Features Section */} +
+
+
+

+ Por que escolher o Finance Home? +

+

+ Desenvolvido para quem não tem tempo ou paciência para apps complicados +

+
+ +
+ {features.map((feature, index) => ( +
+
+ {feature.icon} +
+

{feature.title}

+

{feature.description}

+
+ ))} +
+
+
+ + {/* Benefits Section */} +
+
+
+
+

+ Tudo que você precisa em um só lugar +

+
+ +
+ {benefits.map((benefit, index) => ( +
+ + {benefit} +
+ ))} +
+
+
+
+ + {/* CTA Section */} +
+
+
+ +

+ Pronto para organizar suas finanças? +

+

+ Comece agora e tenha controle total do seu dinheiro direto no WhatsApp +

+ + + + +
+
+
+ + {/* Footer */} + +
+ ); +}; + +export default Landing;