import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import PrivacyPolicy from './PrivacyPolicy';

// Layout
import { Navbar } from './components/layout/Navbar';
import { Footer } from './components/layout/Footer';

// Pages
import { Home } from './pages/Home';
import { StudentPortal } from './pages/StudentPortal';
import { StudentDashboard } from './pages/StudentDashboard';
import { PaymentSuccess } from './pages/PaymentSuccess';

function App() {
    return (
        <Router>
            <div className="min-h-screen font-sans flex flex-col">
                <Navbar />
                <main className="flex-grow">
                    <Routes>
                        <Route path="/" element={<Home />} />
                        <Route path="/student" element={<StudentPortal />} />
                        <Route path="/student/:phone" element={<StudentDashboard />} />
                        <Route path="/payment/success" element={<PaymentSuccess />} />
                        <Route path="/privacy" element={<PrivacyPolicy />} />
                    </Routes>
                </main>
                <Footer />
            </div>
        </Router>
    );
}

export default App;