import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { PrivacyPage } from './components/pages/PrivacyPage';
import { TermsPage } from './components/pages/TermsPage';

const rootElement = document.getElementById('root');
if (!rootElement) {
  throw new Error("Could not find root element to mount to");
}

const root = ReactDOM.createRoot(rootElement);

// Simple Client-Side Routing
const isPrivacyPage = 
  window.location.search.includes('page=privacy') || 
  window.location.pathname === '/privacy' ||
  window.location.pathname === '/privacy.html';

const isTermsPage = 
  window.location.search.includes('page=terms') || 
  window.location.pathname === '/terms' ||
  window.location.pathname === '/terms.html';

root.render(
  <React.StrictMode>
    {isPrivacyPage ? <PrivacyPage /> : isTermsPage ? <TermsPage /> : <App />}
  </React.StrictMode>
);