import type { Metadata } from "next";

import { MarketingLayout } from "@/layouts/MarketingLayout";

import { ServicePagesClosingSections } from "@/sections/ServicePagesClosingSections";

import {

  SitesHeroSection,
  SitesPortfolioSection,
  SitesProblemSection,
  SitesProcessSection,
  SitesSolutionSection,
} from "@/sections/sites/SitesSections";

import { sitesSeo } from "@/data/sites";



export const metadata: Metadata = {

  title: sitesSeo.title,

  description: sitesSeo.description,

  openGraph: {

    title: sitesSeo.title,

    description: sitesSeo.description,

  },

};



export default function SitesPage() {

  return (

    <MarketingLayout>

      <SitesHeroSection />

      <SitesProblemSection />

      <SitesSolutionSection />

      <SitesProcessSection />

      <SitesPortfolioSection />

      <ServicePagesClosingSections service="sites" />

    </MarketingLayout>

  );

}