web/src/app/(home)/collect/page.tsx

import {Metadata} from 'next'
import {siteConfig} from '@/config/site'
import BreadCrumb from '@/components/bread-crumb'
import Wrap from '@/components/wrap'
import Extract from '@/components/composites/extract'
import HomePage from '@/components/home/page'

export type CollectPageProps = {}

export async function generateMetadata(): Promise<Metadata> {
  return {
    title: 'IP提取',
    description: '短效/长效IP提取，高可用性代理IP，支持API调用，即时获取全国各地代理IP，适用于数据采集、网络测试等场景',
    openGraph: {
      title: 'IP提取',
      description: '短效/长效IP提取，高可用性代理IP，支持API调用，即时获取全国各地代理IP',
      images: [
        {
          url: siteConfig.ogImage.url,
          width: siteConfig.ogImage.width,
          height: siteConfig.ogImage.height,
          alt: 'IP提取',
        },
      ],
    },
    alternates: {
      canonical: `${siteConfig.url}/collect`,
    },
  }
}

export default function CollectPage(props: CollectPageProps) {
  return (
    // <main className="mt-20 flex flex-col gap-4">
    //   <Wrap className="flex flex-col py-8 gap-4">
    //     <BreadCrumb items={[
    //       {label: '短效IP 提取', href: '/collect'},
    //     ]}/>
    //     <Extract/>
    //   </Wrap>
    // </main>
    <HomePage path={[
      {label: '短效/长效IP 提取', href: '/collect'},
    ]}>
      <Wrap>
        <Extract/>
      </Wrap>
    </HomePage>
  )
}