import './App.css';
import Navbar from './components/Navbar';
import { BrowserRouter, Routes, Route } from 'react-router-dom';

function Home() {
    return <div className="p-4">Home Page</div>;
}

function Feed() {
    return <div className="p-4">Feed Page</div>;
}

function Record() {
    return <div className="p-4">Record Page</div>;
}

function Archive() {
    return <div className="p-4">Archive Page</div>;
}

function Profile() {
    return <div className="p-4">Profile Page</div>;
}

export default function App() {
    return (
        <BrowserRouter>
            <Navbar />
            <Routes>
                <Route path="/" element={<Home />} />
                <Route path="/feed" element={<Feed />} />
                <Route path="/record" element={<Record />} />
                <Route path="/archive" element={<Archive />} />
                <Route path="/profile" element={<Profile />} />
            </Routes>
        </BrowserRouter>
    );
}