import React from 'react';
import { Metadata } from 'next';
import CaseStudyBanner from '@/components/case-study/CaseStudyBanner';
import ProjectOverview from '@/components/case-study/ProjectOverview';
import ThankYou from '@/components/case-study/ThankYou';
import OurTeam from '@/components/OurTeam';
import RelatedCaseStudies from '@/components/RelatedCaseStudies';
import caseStudy from '@/data/case-studies/4111food';

export const metadata: Metadata = {
    title: caseStudy.metaTitle,
    description: caseStudy.metaDescription,
    alternates: { canonical: `https://www.fruxinfo.com/${caseStudy.slug}` },
};

export default function page() {
  return (
    <div>
      <CaseStudyBanner {...caseStudy.banner} />
      <ProjectOverview {...caseStudy.overview} />
      <OurTeam />
      <ThankYou />

      <RelatedCaseStudies current={`/${caseStudy.slug}`} />
      </div>
  )
}