import React from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";

export default function AtoraHome() {
  return (
    <div className="bg-white text-gray-800 min-h-screen">
      <header className="bg-green-800 text-white p-6 shadow-md">
        <h1 className="text-3xl font-bold">ATORA</h1>
        <p className="text-sm">Entreprise Agro-Pastorale Congolaise Intégrée</p>
      </header>

      <nav className="bg-red-700 text-white p-4 flex gap-4 justify-center font-semibold">
        <a href="#a-propos">À propos</a>
        <a href="#activites">Activités</a>
        <a href="#valeurs">Valeurs</a>
        <a href="#contact">Contact</a>
      </nav>

      <main className="max-w-5xl mx-auto px-4 py-8">
        <section id="a-propos" className="mb-12">
          <h2 className="text-2xl font-bold text-green-700 mb-4">À propos</h2>
          <p className="mb-2">
            <strong>ATORA</strong> est une entreprise agro-pastorale congolaise, fondée en 2015, héritière d’un long parcours commencé en 2003 à travers des entités pionnières telles que la Coopérative Agro-Pastorale de Djiri (CAPAD), la Ferme Tychée et Royal Distribution.
          </p>
          <p>
            Son nom rend hommage à une grande dame, reconnue pour sa bienveillance et sa détermination. Les couleurs d’ATORA, rouge pour la richesse animale et vert pour le respect de la nature, reflètent son engagement envers une agriculture durable et responsable.
          </p>
        </section>

        <section id="activites" className="mb-12">
          <h2 className="text-2xl font-bold text-green-700 mb-4">Nos Activités</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
            <Card><CardContent><strong>Unité avicole :</strong> plus de 120 000 sujets, avec une capacité d’accueil de 180 000, produisant 1 500 à 2 000 palettes d’œufs par jour.</CardContent></Card>
            <Card><CardContent><strong>Porcherie :</strong> cheptel de 1 900 porcs dont 203 reproducteurs.</CardContent></Card>
            <Card><CardContent><strong>Pisciculture :</strong> production de carpes et silures fraîches.</CardContent></Card>
            <Card><CardContent><strong>Charcuterie moderne :</strong> saucisses, bacon, poules fumées, etc.</CardContent></Card>
            <Card><CardContent><strong>Abattoirs spécialisés :</strong> chaîne volaille (160 places – 960/h) + abattoir porcin.</CardContent></Card>
            <Card><CardContent><strong>Couvoir :</strong> production de poussins d’un jour.</CardContent></Card>
            <Card><CardContent><strong>Usine d’aliment :</strong> production interne pour alimentation maîtrisée.</CardContent></Card>
            <Card><CardContent><strong>Fabrication d’alvéoles :</strong> conditionnement optimal des œufs.</CardContent></Card>
          </div>
        </section>

        <section id="valeurs" className="mb-12">
          <h2 className="text-2xl font-bold text-green-700 mb-4">Nos Valeurs</h2>
          <p>
            ATORA ne prétend pas incarner l’excellence, mais s’améliore chaque jour pour offrir des produits locaux, traçables et de qualité aux Congolais, tout en créant de la valeur pour le pays.
          </p>
        </section>

        <section id="contact" className="mb-12">
          <h2 className="text-2xl font-bold text-green-700 mb-4">Contact</h2>
          <p>Email : <a href="mailto:contact@atora.cg" className="text-blue-600 underline">contact@atora.cg</a></p>
          <p>Commercial : <a href="mailto:commerciale@atora.cg" className="text-blue-600 underline">commerciale@atora.cg</a></p>
          <p>Site web : <a href="http://www.atora.cg" className="text-blue-600 underline">www.atora.cg</a></p>
          <p>Téléphone : <em>[À renseigner]</em></p>
        </section>

        <div className="text-center mt-16">
          <Button className="bg-green-700 text-white hover:bg-green-900">Nous contacter</Button>
        </div>
      </main>

      <footer className="bg-gray-800 text-white text-center p-4 mt-8">
        &copy; 2025 ATORA - Tous droits réservés
      </footer>
    </div>
  );
}