import Head from "next/head";
import RootLayout from "@/components/common/layout/RootLayout";
import CreativeAgencyHero from "@/components/hero/CreativeAgencyHero";
import CreativeAgencyAbout from "@/components/about/CreativeAgencyAbout";
import CreativeAgencyService from "@/components/service/CreativeAgencyService";
import CreativeAgencyAward from "@/components/award/CreativeAgencyAward";
import CreativeAgencyPortfolio from "@/components/portfolio/CreativeAgencyPortfolio";
import CreativeAgencyTeam from "@/components/team/CreativeAgencyTeam";
import CreativeAgencyBrand from "@/components/brand/CreativeAgencyBrand";
import CreativeAgencyBlog from "@/components/blog/CreativeAgencyBlog";
import CreativeAgencyCTA from "@/components/cta/CreativeAgencyCTA";

const CreativeAgency = () => {
  return (
    <div>
      <Head>
        <title>Creative Agency</title>
        <meta name="description" content="Creative Agency Description" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
      </Head>
      <main>
        <RootLayout header="header4" footer="footer4">
          <CreativeAgencyHero />
          <CreativeAgencyAbout />
          <CreativeAgencyService />
          <CreativeAgencyAward />
          <CreativeAgencyPortfolio />
          <CreativeAgencyTeam />
          <CreativeAgencyBrand />
          <CreativeAgencyBlog />
          <CreativeAgencyCTA />
        </RootLayout>
      </main>
    </div>
  );
};

export default CreativeAgency;
