import HistoryTimeline from "@/component/about/HistoryTimeline";
import ManagingDirector from "@/component/about/ManagingDirector";
import MissionVision from "@/component/about/MissionVision";
import OurCommitment from "@/component/about/OurCommitment";
import OurJourney from "@/component/about/OurJourney";
import CommonHero from "@/ui/CommonHero";
import { Metadata } from "next";
import React from "react";

const heroData = {
  title: "Rooted in Tradition, Driven by Excellence",
  description:
    "At Kearsleys, we craft luxury adventures across Tanzania. Discover your extraordinary journey with us",
  img: "/image/about/Hero.webp",
  link: "#our-journey",
  showButton: true,
};

export const metadata: Metadata = {
  title: "About Us | Kearsleys - Travel & Tours",
  description:
    "At Kearsleys, we craft luxury adventures across Tanzania. Discover your extraordinary journey with us",
  openGraph: {
    images: ["https://kearsleys.tz/image/about/Hero.webp"],
  },
};

function page() {
  return (
    <main className="main-container">
      <CommonHero data={heroData} />
      <OurJourney />
      <HistoryTimeline />
      <MissionVision />
      <ManagingDirector />
      <OurCommitment />
    </main>
  );
}

export default page;