import {Metadata} from 'next'
import ScenePage, {ScenePageConfig} from '@/components/scene-page'
import {siteConfig} from '@/config/site'
import bannerImg from './_assets/banner.webp'
import solutionImg from './_assets/solution-main.webp'
import value1Img from './_assets/value-1.webp'
import value2Img from './_assets/value-2.webp'
import value3Img from './_assets/value-3.webp'

const config: ScenePageConfig = {
  breadcrumb: {
    label: '电商运营',
    href: '/e-commerce',
  },
  banner: {
    title: '电商运营',
    description: '全方位监控电商平台动态，实时追踪商品价格与库存变化。助力精准运营决策，提升市场竞争力与销售转化',
    backgroundImage: bannerImg,
    features: ['实时价格监控', '竞品数据分析', '多平台数据采集'],
  },
  value: {
    title: '提升电商运营效率',
    cards: [
      {
        icon: value1Img,
        title: '价格情报监控',
        description: '实时追踪竞争对手的价格变动，帮助您制定更具竞争力的定价策略，快速响应市场变化，提升市场占有率和利润空间',
      },
      {
        icon: value2Img,
        title: '商品数据采集',
        description: '自动采集商品详情、销量、评价等关键数据，深度分析消费者偏好和市场趋势，为选品和库存管理提供数据支撑',
      },
      {
        icon: value3Img,
        title: '多平台覆盖',
        description: '支持主流电商平台数据采集，突破平台反爬限制，确保数据采集的稳定性和连续性，全面掌握市场动态',
      },
    ],
  },
  solution: {
    title: '蓝狐电商运营解决方案',
    image: solutionImg,
    paragraphs: [
      '在竞争激烈的电商市场中，价格和库存数据是制胜关键。我们的代理IP服务为电商运营提供强大支持，帮助企业实时监控竞品价格、采集商品数据、分析市场趋势，从而制定更精准的运营策略。',
      '通过遍布全国的代理节点，您可以突破电商平台的反爬虫限制，模拟不同地区的真实用户访问，获取全面准确的商品信息。我们的技术确保数据采集的高效性和稳定性，让您的电商运营更具竞争优势。无论是价格监控、选品分析，还是竞品研究，我们都能为您提供专业的代理解决方案。',
    ],
  },
}

export async function generateMetadata(): Promise<Metadata> {
  return {
    title: config.banner.title,
    description: config.banner.description,
    openGraph: {
      title: config.banner.title,
      description: config.banner.description,
      images: [
        {
          url: siteConfig.ogImage.url,
          width: siteConfig.ogImage.width,
          height: siteConfig.ogImage.height,
          alt: config.banner.title,
        },
      ],
    },
    alternates: {
      canonical: `${siteConfig.url}/e-commerce`,
    },
  }
}

export default function ECommercePage() {
  return <ScenePage {...config}/>
}