import GallerySection from "@/component/gallery/GallerySection";
import CommonHero from "@/ui/CommonHero";
import { Metadata } from "next";
import React from "react";

const heroData = {
  title: "Memories in Frames",
  description: "Discover the stories behind our most memorable adventures",
  img: "/image/gallery/Hero.webp",
  link: "#photos-videos",
};

export const metadata: Metadata = {
  title: "Gallery | Kearsleys - Travel & Tours",
  description: "Discover the stories behind our most memorable adventures",
  openGraph: {
    images: ["https://kearsleys.tz/image/gallery/Hero.webp"],
  },
};

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

export default page;