import React, { useState } from 'react';
import Header from './Header';
import Hero from './Hero';
import ProfileCards from './ProfileCards';
import Methodology from './Methodology';
import Impact from './Impact';
import ActualitySection from './ActualitySection';
import CareersSection from './CareersSection';
import Footer from './Footer';
import ConstruireTrajectoire from './ConstruireTrajectoire';

export default function Home() {
    const [view, setView] = useState('home');

    return (
        <div className="relative min-h-screen bg-white overflow-x-hidden">
            <Header onNavigate={setView} />
            <main>
                {view === 'trajectoire' ? (
                    <ConstruireTrajectoire />
                ) : (
                    <>
                        <Hero />
                        <ProfileCards />
                        <Methodology />
                        <Impact />
                        <ActualitySection />
                        <CareersSection />
                        <Footer />
                    </>
                )}
            </main>
        </div>
    );
}