import type { Metadata } from "next";

import { MarketingLayout } from "@/layouts/MarketingLayout";
import { ServicePagesClosingSections } from "@/sections/ServicePagesClosingSections";
import {
  WebsiteAppBenefitsSection,
  WebsiteAppDevicesSection,
  WebsiteAppDisclaimerSection,
  WebsiteAppHeroSection,
  WebsiteAppHowSection,
  WebsiteAppIntegrationsSection,
  WebsiteAppShowcaseSection,
} from "@/sections/website-app/WebsiteAppSections";
import { websiteToAppSeo } from "@/data/websiteToApp";

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

export default function CriarAppWebsitePage() {
  return (
    <MarketingLayout>
      <WebsiteAppHeroSection />
      <WebsiteAppHowSection />
      <WebsiteAppBenefitsSection />
      <WebsiteAppDevicesSection />
      <WebsiteAppShowcaseSection />
      <WebsiteAppIntegrationsSection />
      <WebsiteAppDisclaimerSection />
      <ServicePagesClosingSections service="criar-app-website" />
    </MarketingLayout>
  );
}