import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import "./App.css";
import VintageComingSoonPage from "./components/comingsoon/comingsoon";
import DarkProductShowcase from "./components/product/product";
import BlogPage from "./components/blogs/BlogPage";
import WebsiteHeader from "./components/header/WebsiteHeader";
// import BlogCard from "./components/blogs/BlogCard";
// import OtherPage from "./pages/OtherPage";  // example if you add more pages

function App() {
  return (
    <Router>
      <WebsiteHeader />
      <Routes>
        <Route path="/" element={<DarkProductShowcase />} />
        <Route path="/home" element={<DarkProductShowcase />} />
        <Route path="/coming-soon" element={<VintageComingSoonPage />} />
        <Route path="/blog" element={<BlogPage />} />
        <Route path="/journal" element={<BlogPage />} />
      </Routes>
    </Router>
  );
}

export default App;
