import React from 'react'
import ReactDOM from 'react-dom/client'
import './index.css'
import App from './App'
import FoundersGuide from './FoundersGuide'
import { BrowserRouter, Routes, Route } from "react-router-dom"
import Courses from './Courses'
import Programs from './Programs'
import CoachInfo from './CoachInfo'
import Layout from './Components/Layout'
import BMRCalculator from './pages/BMRCalculator'
import MacroCalculator from './pages/MacroCalculator'
import BodyFatCalculator from './pages/BodyFatCalculator'
import OneRMCalculator from './pages/OneRMCalculator'
import TestimonialsPage from './TestimonialsPage'
import ScrollToTop from './Components/ScrollToTop'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <BrowserRouter>
      <ScrollToTop />
      <Routes>
        <Route element={<Layout />}>
          <Route path="/" element={<App />} />
          <Route path="/Programs" element={<Programs />} />
          <Route path="/Packages" element={<Courses />} />
          <Route path="/Founders" element={<FoundersGuide/>} />
          <Route path="/Coach" element={<CoachInfo/>} />
          <Route path="/bmr-calculator" element={<BMRCalculator />} />
          <Route path="/macro-calculator" element={<MacroCalculator />} />
          <Route path="/body-fat-calculator" element={<BodyFatCalculator />} />
          <Route path="/one-rm-calculator" element={<OneRMCalculator />} />
          <Route path="/testimonials" element={<TestimonialsPage />} />
        </Route>
      </Routes>
    </BrowserRouter>
  </React.StrictMode>,
)