import React from "react";
import { BrowserRouter as Router,Route,Link ,Routes} from "react-router-dom";
import Home from './home'
import Contact from "./contact";
import Product from "./product";


function Main()
{
    return(
        <Router>
            <div>
            <ul>
                <li><Link to='/'>HOME</Link></li>
                <li><Link to='/product'>HOME</Link></li>
                <li><Link to='/contact'>HOME</Link></li>
                
            </ul>
            </div>
        <Routes>
            <Route path="/" element={<Home/>}></Route>
            <Route path="/product" element={<Product/>}></Route>
            <Route path="/contact" element={<Contact/>}></Route>
            
        </Routes>

        </Router>
    )
}
export default Main