import { Metadata } from 'next';

import ButtonAdded from './ButtonAdded';

interface HowItWorksPageProps {
  params: Promise<{
    locale: string;
  }>;
}

export async function generateMetadata({ params }: HowItWorksPageProps): Promise<Metadata> {
  const { locale } = await params;
  return {
    title: 'How It Works - Smile24',
    description: 'Learn how Smile24 works for both clients and freelancers. Get the best talent in just a few simple steps.',
    keywords: 'how it works, freelancer platform, hiring process, project posting',
  };
}

export default async function HowItWorksPage({ params }: HowItWorksPageProps) {
  const { locale } = await params;

  return (
    <>
      {/* Custom CSS for this page */}
      <link rel="stylesheet" href="/assets/css/how-it-work.css" />
        <ButtonAdded locale={locale} />
    </>
  );
}
