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 BlogCard from "./components/blogs/BlogCard";
import WeddingGallery from "./WeddingGallery/WeddingGallery";
// import OtherPage from "./pages/OtherPage";  // example if you add more pages

function App() {
  return (
    <Router>
      <Routes>
        {/* Default route */}
        {/* <Route path="/" element={<VintageComingSoonPage />} /> */}
        <Route path="/" element={<WeddingGallery />} />

        {/* Example extra routes */}
        {/* <Route path="/home" element={<DarkProductShowcase />} />
        <Route path="/blog" element={<BlogPage />} /> */}
        <Route path="/weddingGallery" element={<WeddingGallery />} />

        {/* <Route path="/blog" element={<BlogCard post={undefined} index={0} />} /> */}
      </Routes>
    </Router>
  );
}

export default App;
