import { Routes, Route } from 'react-router-dom';
import { Layout } from './components/Layout';
import { Home } from './pages/Home';
import { Services } from './pages/Services';
import { ContactPage } from './pages/Contact';
import { Portfolio } from './pages/Portfolio';
import { QuoteRequestPage } from './pages/QuoteRequest';
import { CookieConsent } from './components/CookieConsent';
import { WhatsAppButton } from './components/WhatsAppButton';
import { PerformanceButton } from './components/PerformanceButton';
import { ThemeToggle } from './components/ThemeToggle';

function App() {
  return (
    <Layout>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/services" element={<Services />} />
        <Route path="/portfolio" element={<Portfolio />} />
        <Route path="/contact" element={<ContactPage />} />
        <Route path="/quote" element={<QuoteRequestPage />} />
      </Routes>
      <CookieConsent />
      <WhatsAppButton phoneNumber="46764000097" />
      <ThemeToggle />
      <PerformanceButton />
    </Layout>
  );
}

export default App;