import { generateSEOMetadata, generateStructuredData } from '@/lib/seo';
import { AboutPage } from '@/components/about-page';
import type { Metadata } from 'next';

export async function generateMetadata(): Promise<Metadata> {
  return generateSEOMetadata({
    title: 'About Us | Rocky Mountain Vending',
    description: 'Learn more about Rocky Mountain Vending, a family-owned business dedicated to providing exceptional vending services across Utah',
  });
}

export default function About() {
  const structuredData = generateStructuredData({
    title: 'About Us',
    description: 'Learn more about Rocky Mountain Vending, a family-owned business dedicated to providing exceptional vending services across Utah',
    url: 'https://rockymountainvending.com/about/',
    type: 'WebPage',
  });

  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
      />
      <AboutPage />
    </>
  );
}