import Head from "next/head";
import RootLayout from "@/components/common/layout/RootLayout";
import BlogDetails from "./BlogDetails";
// import BlogRelated from "./BlogRelated";
import DigitalAgencyCTA from "@/components/cta/DigitalAgencyCTA";

const BlogPost = () => {
  return (
    <>
      <Head>
        <title>Understanding Generative AI: Endless Possibilities for Innovation</title>
        <meta name="title" content="Understanding Generative AI" />
        <meta name="description" content="Discover the transformative power of generative AI in art, music, business, and coding." />
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://syncroi.net/blog/Understanding-Generative-AI" />
        <meta property="og:title" content="Understanding Generative AI" />
        <meta property="og:description" content="Discover the transformative power of generative AI in art, music, business, and coding." />
        <meta property="og:image" content="https://syncroi.net/assets/imgs/blog/detail/blog4/image1.jpg" />

        <meta property="twitter:card" content="summary_large_image" />
        <meta property="twitter:url" content="https://syncroi.net/blog/Understanding-Generative-AI" />
        <meta property="twitter:title" content="Understanding Generative AI" />
        <meta property="twitter:description" content="Discover the transformative power of generative AI in art, music, business, and coding." />
        <meta property="twitter:image" content="https://syncroi.net/assets/imgs/blog/detail/blog4/image1.jpg" />
      </Head>
      <main>
        <RootLayout header="header2" footer="footer5">
          <BlogDetails />
          {/* <BlogRelated /> */}<br /><br />
          <DigitalAgencyCTA />
        </RootLayout>
      </main>
    </>
  );
};

export default BlogPost;
