import { Metadata } from "next";
import Header from "@/app/components/common/header/Header";
import BlogDetailHeroSection from "@/app/components/blog-details/BlogDetailHeroSection";
import BlogDetailMainSection from "@/app/components/blog-details/BlogDetailMainSection";
import Footer from "../components/common/footer/Footer";
import CallToAction from "../components/common/CallToAction";

export const metadata: Metadata = {
  title: "Blog Details",
};

export default function BlogDetailPage() {
  return (
    <>
      {/*********************************
   		Code Start From Here
	    ******************************** */}

      <div className="wrapper">
        <Header variant="v2" />

        <BlogDetailHeroSection />
        <BlogDetailMainSection />

        {/*  cta-sec  */}
        <CallToAction />
        {/*  End cta-sec  */}

        {/*  footer-style1  */}
        <Footer />
        {/*  End footer-style1  */}
      </div>

      {/*********************************
			   Code End  Here 
	     ******************************** */}
    </>
  );
}