import React from "react";
import CommonHero from "@/ui/CommonHero";
import BlogParent from "@/component/blog/BlogParent";
import { Metadata } from "next";

const heroData = {
  title: "Our Journals",
  description: "Travel Tips and Adventures for Your Next Destination",
  img: "/image/blog/Hero.webp",
  link: "#blog-card",
  showGradient: true,
};

export const metadata: Metadata = {
  title: "Blog | Kearsleys - Travel & Tours",
  description: "Travel Tips and Adventures for Your Next Destination",
};

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

export default page;