import React, { useEffect } from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import { HelmetProvider } from 'react-helmet-async';
import Layout from './components/Layout';
import ErrorBoundary from './components/ErrorBoundary';
import Home from './pages/Home';
import JsonTool from './pages/JsonTool';
import SerializeTool from './pages/SerializeTool';
import UrlTool from './pages/UrlTool';
import Base64Tool from './pages/Base64Tool';
import CsvJsonTool from './pages/CsvJsonTool';
import BeautifierTool from './pages/BeautifierTool';
import DiffTool from './pages/DiffTool';
import TextLengthTool from './pages/TextLengthTool';
import ObjectEditor from './pages/ObjectEditor';
import TableEditor from './pages/TableEditor';
import InvoiceEditor from './pages/InvoiceEditor';
import InvoicePreview from './pages/InvoicePreview';
import InvoicePreviewMinimal from './pages/InvoicePreviewMinimal';
import ReleaseNotes from './pages/ReleaseNotes';
import TermsOfService from './pages/TermsOfService';
import PrivacyPolicy from './pages/PrivacyPolicy';
import { initGA } from './utils/analytics';

import './index.css';

function App() {
  // Initialize Google Analytics on app startup
  useEffect(() => {
    initGA();
  }, []);

  return (
    <HelmetProvider>
      <ErrorBoundary>
        <Router>
          <Layout>
            <Routes>
              <Route path="/" element={<Home />} />
              <Route path="/json" element={<JsonTool />} />
              <Route path="/serialize" element={<SerializeTool />} />
              <Route path="/url" element={<UrlTool />} />
              <Route path="/base64" element={<Base64Tool />} />
              <Route path="/csv-json" element={<CsvJsonTool />} />
              <Route path="/beautifier" element={<BeautifierTool />} />
              <Route path="/diff" element={<DiffTool />} />
              <Route path="/text-length" element={<TextLengthTool />} />
              <Route path="/object-editor" element={<ObjectEditor />} />
              <Route path="/table-editor" element={<TableEditor />} />
              <Route path="/invoice-editor" element={<InvoiceEditor />} />
              <Route path="/invoice-preview" element={<InvoicePreview />} />
              <Route path="/invoice-preview-minimal" element={<InvoicePreviewMinimal />} />
              <Route path="/whats-new" element={<ReleaseNotes />} />
              <Route path="/release-notes" element={<ReleaseNotes />} />
              <Route path="/privacy" element={<PrivacyPolicy />} />
              <Route path="/terms" element={<TermsOfService />} />
            </Routes>
          </Layout>
        </Router>
      </ErrorBoundary>
    </HelmetProvider>
  );
}

export default App;