import PopularDestinationsCarousel from "@/component/popularDestinations/PopularDestinationsCarousel";
import CategorySecondSection from "@/ui/CategorySecondSection";
import CommonHero from "@/ui/CommonHero";
import { Metadata } from "next";

const secondSectionData = {
  img: "/image/destination/section2.webp",
  title: "TANZANIA POPULAR DESTINATIONS",
  heading1: "Experience Tanzania’s Most",
  heading2: "Popular Destinations",
  description: [
    "Tanzania’s top destinations, including the Serengeti, Ngorongoro, and Tarangire National Parks, offer some of the most iconic wildlife experiences on the planet. ",
    "The Serengeti’s Great Migration, where millions of animals cross vast plains, is a breathtaking sight, while the Ngorongoro Crater, a unique volcanic caldera, shelters diverse wildlife, including rare black rhinos.",
    "Tarangire National Park, known for its towering baobab trees and large elephant herds, is a haven for wildlife and birdwatching enthusiasts. Together, these parks provide an unforgettable safari experience amidst Tanzania’s stunning landscapes and rich ecosystems.",
  ],
};

const heroData = {
  title: "Popular Destinations",
  link: "#tanzania-popular-destinations",
  img: "/image/destination/banner.webp",
  showGradient: true,
};

export const metadata: Metadata = {
  title: "Popular Destinations | Kearsleys - Travel & Tours",
  description:
    "Tanzania’s top destinations, including the Serengeti, Ngorongoro, and Tarangire National Parks, offer some of the most iconic wildlife experiences on the planet.",
  openGraph: {
    images: ["https://kearsleys.tz/image/destination/banner.webp"],
  },
};

function page() {
  return (
    <main className="main-container">
      <CommonHero data={heroData} />
      <CategorySecondSection data={secondSectionData} />
      <PopularDestinationsCarousel />
    </main>
  );
}

export default page;