Hero

import { HeroSlider, type HeroSlide, type NavigationItem } from "@/components/ui/hero";

const WildlifeSliderDemo = () => {
  const wildlifeSlides: HeroSlide[] = [
    {
      title: "Amur Leopard",
      subtitle: "Species",
      status: "Critically Endangered",
      image: "https://images.unsplash.com/photo-1707654330603-63cf5ae5f642?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NzZ8fEFtdXIlMjBMZW9wYXJkfGVufDB8fDB8fHww"
    },
    {
      title: "Asiatic Lion",
      subtitle: "Species",
      status: "Endangered",
      image: "https://images.unsplash.com/photo-1673005959629-3a0ff070c1e3?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTExfHxBc2lhdGljJTIwTGlvbnxlbnwwfHwwfHx8MA%3D%3D"
    },
    {
      title: "Siberian Tiger",
      subtitle: "Species",
      status: "Endangered",
      image: "https://plus.unsplash.com/premium_photo-1686310335921-38acc0679321?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NDF8fFNpYmVyaWFuJTIwVGlnZXJ8ZW58MHx8MHx8fDA%3D"
    },
    {
      title: "Brown Bear",
      subtitle: "Species",
      status: "Least Concern",
      image: "https://plus.unsplash.com/premium_photo-1664298010187-091137b9e296?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjV8fEJyb3duJTIwQmVhcnxlbnwwfHwwfHx8MA%3D%3D"
    }
  ];

  const navigation: NavigationItem[] = [
    { label: "Species", href: "#", active: true },
    { label: "About Us", href: "#" },
    { label: "Our Work", href: "#" },
    { label: "Get Involved", href: "#" }
  ];

  return (
    <HeroSlider
      slides={wildlifeSlides}
      logo="W"
      navigation={navigation}
      ctaLink={{ label: "Donate", href: "#" }}
      showCounter={true}
      showPagination={true}
      autoPlay={true}
      autoPlayInterval={6000}
    />
  );
};

export default WildlifeSliderDemo;