import React from 'react';
import type { Metadata } from 'next';
import { siteConfig } from '@/config/site';
import { getStoreSettings } from '@/lib/settings';
import ContactClient from './ContactClient';

export const revalidate = 60;

export const metadata: Metadata = {
  title: 'Contact Us — Hayat Supplements',
  description:
    'Have a question about footwear sizing, styling, or need help with your order? Contact the Hayat Supplements support team today.',
  alternates: {
    canonical: `${siteConfig.seo.siteUrl}/contact`,
  },
  openGraph: {
    title: 'Contact Us | Hayat Supplements',
    description:
      'Have a question about footwear sizing, styling, or need help with your order? Contact the Hayat Supplements support team today.',
    url: `${siteConfig.seo.siteUrl}/contact`,
  },
};

export default async function ContactPage() {
  const settings = await getStoreSettings();

  return (
    <ContactClient
      footerSettings={settings.footer}
      headerSettings={settings.header}
    />
  );
}