import { createFileRoute } from "@tanstack/react-router";
import { Section } from "@/components/page-shell";
import { SubPageLayout } from "@/components/sub-page-layout";

export const Route = createFileRoute("/animal-cooling")({
  head: () => ({
    meta: [
      { title: "Animal Cooling — Promist" },
      { name: "description", content: "Misting systems for livestock cooling, poultry farms, animal shelters, zoos, and equestrian facilities." },
    ],
  }),
  component: ApplicationsAnimalCooling,
});

function ApplicationsAnimalCooling() {
  return (
    <SubPageLayout
      eyebrow="Applications"
      title="Animal Cooling"
      lede="Protect your livestock, poultry, and animals from heat stress with our specialized misting systems designed for animal environments."
    >
      <Section>
        <div className="grid lg:grid-cols-2 gap-10 items-start">
          <div className="prose max-w-none text-muted-foreground space-y-4">
            <p>Heat stress in animals can lead to reduced productivity, lower weight gain, decreased milk production, and even mortality. Our high-pressure misting systems provide an effective cooling solution for a wide range of animal environments.</p>
            <p>By creating a fine, evaporative mist, our systems can reduce ambient temperatures by up to 15°C, helping animals maintain optimal body temperature and ensuring their health, comfort, and productivity.</p>
          </div>
          <img src="/wp-uploads/2017/04/animal-cooling.jpg" alt="Animal Cooling" className="w-full h-[300px] object-cover rounded-lg" />
        </div>
      </Section>
      <Section className="bg-muted/50">
        <h2 className="font-display text-3xl font-black mb-8">Applications</h2>
        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Poultry Farms</h3>
            <p className="mt-2 text-muted-foreground">Reduce mortality and improve weight gain in broiler and layer houses.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Dairy & Cattle</h3>
            <p className="mt-2 text-muted-foreground">Maintain milk production and reduce heat stress in dairy and beef cattle.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Equestrian</h3>
            <p className="mt-2 text-muted-foreground">Cool stables, training areas, and horse trailers for equestrian facilities.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Zoos & Wildlife Parks</h3>
            <p className="mt-2 text-muted-foreground">Create comfortable environments for animals in zoos, sanctuaries, and wildlife parks.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Animal Shelters</h3>
            <p className="mt-2 text-muted-foreground">Keep rescued and sheltered animals comfortable during hot weather.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Pet Facilities</h3>
            <p className="mt-2 text-muted-foreground">Cool outdoor runs, kennels, and grooming areas for pet care facilities.</p>
          </div>
        </div>
      </Section>
      <Section>
        <h2 className="font-display text-3xl font-black mb-6">Benefits for Animal Cooling</h2>
        <div className="prose max-w-none text-muted-foreground space-y-4">
          <ul className="list-disc pl-6 space-y-2">
            <li>Reduces heat stress and related health issues</li>
            <li>Improves feed conversion and weight gain</li>
            <li>Maintains milk and egg production during hot months</li>
            <li>Low energy consumption compared to fans and air conditioning</li>
            <li>Automatic operation with thermostatic controls</li>
            <li>Corrosion-resistant materials for humid environments</li>
            <li>Reduces fly and pest populations</li>
          </ul>
        </div>
      </Section>
    </SubPageLayout>
  );
}
