import React from 'react'
import ReactDOM from 'react-dom/client'
import { BrowserRouter, Routes, Route } from 'react-router-dom'
import SunscapesHome from './SunscapesHome'
import HardscapesPage from './HardscapesPage'
import LandscapingPage from './LandscapingPage'
import ConcreteStampedPage from './ConcreteStampedPage'
import OtherServicesPage from './OtherServicesPage'
import AboutPage from './AboutPage'
import ContactPage from './ContactPage'
import GalleryPage from './GalleryPage'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<SunscapesHome />} />
        <Route path="/hardscapes" element={<HardscapesPage />} />
        <Route path="/landscaping" element={<LandscapingPage />} />
        <Route path="/concrete" element={<ConcreteStampedPage />} />
        <Route path="/other-services" element={<OtherServicesPage />} />
        <Route path="/about" element={<AboutPage />} />
        <Route path="/gallery" element={<GalleryPage />} />
        <Route path="/contact" element={<ContactPage />} />
      </Routes>
    </BrowserRouter>
  </React.StrictMode>
)
