优化主页，提供通用页面模板组件

src/app/(home)/product/page.tsx

@@ -2,6 +2,7 @@ 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<{
@@ -11,15 +12,14 @@ export type ProductPageProps = {
 
 export default function ProductPage(props: ProductPageProps) {
   return (
-    <main className="mt-20">
-      <Wrap className="flex flex-col py-8 gap-4">
-        <BreadCrumb items={[
-          {label: '产品中心', href: '/product'},
-        ]}/>
+    <HomePage path={[
+      {label: '产品中心', href: '/product'},
+    ]}>
+      <Wrap>
         <Suspense>
           <Purchase/>
         </Suspense>
       </Wrap>
-    </main>
+    </HomePage>
   )
 }