App.tsx

import React from 'react';
import { HashRouter, Routes, Route } from 'react-router-dom';
import { Layout } from './components/Layout';
import Home from './pages/Home';
import HelpCenter from './pages/HelpCenter';
import Contact from './pages/Contact';
import WhyInvest from './pages/WhyInvest';
import HowItWorks from './pages/HowItWorks';
import Blog from './pages/Blog';

const App: React.FC = () => {
  return (
    <HashRouter>
      <Layout>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/help" element={<HelpCenter />} />
          <Route path="/contact" element={<Contact />} />
          <Route path="/why-invest" element={<WhyInvest />} />
          <Route path="/how-it-works" element={<HowItWorks />} />
          <Route path="/blog" element={<Blog />} />
        </Routes>
      </Layout>
    </HashRouter>
  );
};

export default App;