import React from 'react';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import Page1 from './Page1'; 
import Page2 from './Page2';
import Page3 from './Page3';   
import Page4 from './Page4'; 
import { GoogleOAuthProvider } from '@react-oauth/google'; 

const App = () => {
  return (
    <GoogleOAuthProvider clientId="YOUR_GOOGLE_OAUTH_CLIENT_ID"> 
      <Router>
        <Routes>
          <Route path="/" element={<Page1 />} />
          <Route path="/page2" element={<Page2 />} /> 
          <Route path="/page3" element={<Page3 />} />
          <Route path="/page4" element={<Page4 />} />
        </Routes>
      </Router>
    </GoogleOAuthProvider>
  );
};

export default App;
