import BreadCrumb from '@/components/bread-crumb'
import Wrap from '@/components/wrap'
import Purchase, {TabType} from '@/components/composites/purchase'
import {Suspense} from 'react'
import HomePage from '@/components/home/page'

export type ProductPageProps = {
  searchParams?: Promise<{
    type?: TabType
  }>
}

export default function ProductPage(props: ProductPageProps) {
  return (
    <HomePage path={[
      {label: '产品中心', href: '/product'},
    ]}>
      <div className="container mx-auto px-4 sm:px-6 lg:px-8">
        <h1 className="text-center text-3xl md:text-4xl lg:text-5xl font-bold mb-4 md:mb-4">
          为您的业务提供多样化代理产品
        </h1>
      </div>
      <Wrap>
        <Suspense>
          <Purchase/>
        </Suspense>
      </Wrap>
    </HomePage>
  )
}
