import type { Metadata } from "next";

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

import {
  AppsCustomSection,
  AppsHeroSection,
  AppsScreensSection,
  AppsTrustSection,
  AppsTypesSection,
} from "@/sections/apps/AppsSections";
import {
  WebsiteAppBenefitsSection,
  WebsiteAppDevicesSection,
} from "@/sections/website-app/WebsiteAppSections";
import { ServicePagesClosingSections } from "@/sections/ServicePagesClosingSections";
import { appsSeo } from "@/data/apps";

export const metadata: Metadata = {
  title: appsSeo.title,
  description: appsSeo.description,
  openGraph: {
    title: appsSeo.title,
    description: appsSeo.description,
  },
};

export default function AppsPage() {
  return (
    <MarketingLayout>
      <AppsHeroSection />
      <AppsScreensSection />
      <WebsiteAppBenefitsSection />
      <WebsiteAppDevicesSection />
      <AppsTypesSection />
      <AppsTrustSection />
      <AppsCustomSection />
      <ServicePagesClosingSections service="apps" />
    </MarketingLayout>
  );
}