frontend/src/App.jsx

import { useState } from "react";
import NavBar from "./components/NavBar";
import MoviesPage from "./pages/MoviesPage";
import CardsPage from "./pages/CardsPage";
import "./styles.css";

export default function App() {
  const [tab, setTab] = useState("movies");
  return (
    <div className="container">
      <NavBar tab={tab} setTab={setTab} />
      {tab === "movies" ? <MoviesPage /> : <CardsPage />}
    </div>
  );
}