---
// Import the necessary components
import MainLayout from '@/layouts/MainLayout.astro';
import ContactSection from '@components/sections/misc/ContactSection.astro';
import { SITE } from '@data/constants';

const pageTitle: string = `Contact | ${SITE.title}`;
const metaDescription =
  'Request a Tenantial walkthrough or start a scoped rollout conversation. The public website does not collect live tenant data.';
const ogTitle = 'Contact | Tenantial';
---

<MainLayout
  title={pageTitle}
  customDescription={metaDescription}
  customOgTitle={ogTitle}
  structuredData={{
    '@context': 'https://schema.org',
    '@type': 'WebPage',
    '@id': 'https://tenantial.com/contact',
    url: 'https://tenantial.com/contact',
    name: 'Contact | Tenantial',
    description: metaDescription,
    isPartOf: {
      '@type': 'WebSite',
      url: 'https://tenantial.com',
      name: 'Tenantial',
      description: SITE.description,
    },
    inLanguage: 'en-US',
  }}
>
  <ContactSection />
</MainLayout>