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: '/social-media',
  },
  banner: {
    title: '社交媒体',
    description: '多账号安全运营、内容智能分发、用户互动管理，扩大品牌影响力。助力企业在社交平台建立强大的品牌存在感',
    backgroundImage: bannerImg,
    features: ['多账号管理', '内容智能分发', '用户互动追踪'],
  },
  value: {
    title: '提升社交媒体运营效率',
    cards: [
      {
        icon: value1Img,
        title: '多账号安全运营',
        description: '支持多个社交媒体账号的批量管理和运营，通过代理IP避免账号关联，确保账号安全，提升运营效率和覆盖范围',
      },
      {
        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}/social-media`,
    },
  }
}

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