import React from 'react'
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Layout from './components/Layout';
import Home from './pages/Home';
import ProductDetail from './pages/ProductDetail';
import Payment from './pages/Payment';
import AIServices from './pages/AIServices';
import ServiceDetail from './pages/ServiceDetail';
import ARExperience from './pages/ARExperience';
import 'antd/dist/reset.css';
import './App.css';

function App() {
  return (
    <BrowserRouter>
      <Layout>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/services" element={<AIServices />} />
          <Route path="/services/:id" element={<ServiceDetail />} />
          <Route path="/ar" element={<ARExperience />} />
          <Route path="/product/:id" element={<ProductDetail />} />
          <Route path="/payment/:orderId" element={<Payment />} />
        </Routes>
      </Layout>
    </BrowserRouter>
  )
}

export default App
