import React from "react";
import CommonHero from "@/ui/CommonHero";
import ContactUs from "@/component/contact/ContactUs";
import MapSection from "@/component/contact/MapSection";
import FaqSection from "@/component/contact/FaqSection";
import { Metadata } from "next";

const heroData = {
  title: "Connect With Kearsleys",
  description:
    "We’d love to hear from you! Whether you have a question, feedback, or need assistance, our team is here to help.",
  img: "/image/contact/Hero.webp",
  link: "#get-in-touch",
};

export const metadata: Metadata = {
  title: "Contact Us | Kearsleys - Travel & Tours",
  description:
    "We’d love to hear from you! Whether you have a question, feedback, or need assistance, our team is here to help.",
  openGraph: {
    images: ["https://kearsleys.tz/image/contact/Hero.webp"],
  },
};

function page() {
  return (
    <main className="main-container">
      <CommonHero data={heroData} />
      <ContactUs />
      <MapSection />
      <FaqSection />
    </main>
  );
}

export default page;