import Header from "./Header";
import DeputyMessage from "./DeputyMessage";

import Footer from "./Footer";
import NewsSection from "./NewsSection";
import OfficeHeadMessage from "./OfficeHeadMessage";
import OrganizationGoal from "./OrganizationGoal";

function App() {
  return (
    <div className="bg-background text-foreground">
      <div className="min-h-screen flex flex-col">
        <Header />

        <main className="flex-grow space-y-12 pt-12 md:pt-16">
          <section id="OfficeHeadMessage">
            <OfficeHeadMessage />
          </section>

          <section id="DeputyMessage">
            <DeputyMessage />
          </section>
          <section id="OrganizationGoal">
            <OrganizationGoal />
          </section>

          <section id="NewsSection">
            <NewsSection />
          </section>
        </main>

        <Footer />
      </div>
    </div>
  );
}

export default App;
