import type { Metadata } from "next";

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

import {
  EcommerceDifferentiatorsSection,
  EcommerceHeroSection,
  EcommercePortfolioSection,
  EcommerceProcessSection,
  EcommerceSolutionsSection,
} from "@/sections/ecommerce/EcommerceSections";

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

import { ecommerceSeo } from "@/data/ecommerce";



export const metadata: Metadata = {

  title: ecommerceSeo.title,

  description: ecommerceSeo.description,

  openGraph: {

    title: ecommerceSeo.title,

    description: ecommerceSeo.description,

  },

};



export default function EcommercePage() {

  return (

    <MarketingLayout>

      <EcommerceHeroSection />
      <EcommerceSolutionsSection />
      <EcommerceDifferentiatorsSection />

      <EcommerceProcessSection />

      <EcommercePortfolioSection />

      <ServicePagesClosingSections service="ecommerce" />

    </MarketingLayout>

  );

}