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

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="/itineraries" element={<Itineraries />} />
            <Route path="/guide" element={<Guide />} />
            <Route path="*" element={<Home />} />
          </Routes>
        </Router>
      </LanguageProvider>
    </ThemeProvider>
  );
};

export default App;