import React from 'react';
import { HashRouter as Router, Routes, Route } from 'react-router-dom';
import Home from '@/src/pages/Home';
import Ships from '@/src/pages/Ships';
import AboutUs from '@/src/pages/AhoutUs';
import Guide from '@/src/pages/Guide';
import { LanguageProvider } from '@/src/contexts/LanguageContext';
import { ThemeProvider } from '@/src/contexts/ThemeContext';

const App: React.FC = () => {
  return (
    <ThemeProvider>
      <LanguageProvider>
        <Router>
          <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/ships" element={<Ships />} />
            <Route path="/about" element={<AboutUs />} />
            <Route path="/guide" element={<Guide />} />
            <Route path="*" element={<Home />} />
          </Routes>
        </Router>
      </LanguageProvider>
    </ThemeProvider>
  );
};

export default App;