From c16bd76821bcd3d615429214ec0a7626a32a5a9b Mon Sep 17 00:00:00 2001 From: luorijun Date: Mon, 15 Dec 2025 14:09:17 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=B8=BB=E9=A1=B5=EF=BC=8C?= =?UTF-8?q?=E6=8F=90=E4=BE=9B=E9=80=9A=E7=94=A8=E9=A1=B5=E9=9D=A2=E6=A8=A1?= =?UTF-8?q?=E6=9D=BF=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../(home)/_components/header/menu-help.tsx | 20 +- src/app/(home)/collect/page.tsx | 20 +- src/app/(home)/customized/page.tsx | 401 +++++++-------- src/app/(home)/data-capture/page.tsx | 471 +++++++++--------- src/app/(home)/docs/layout.tsx | 21 +- src/app/(home)/docs/page.tsx | 9 + src/app/(home)/docs/sidebar.tsx | 8 +- src/app/(home)/footer.tsx | 6 +- src/app/(home)/product/page.tsx | 12 +- src/components/home/page.tsx | 16 + 10 files changed, 509 insertions(+), 475 deletions(-) create mode 100644 src/app/(home)/docs/page.tsx create mode 100644 src/components/home/page.tsx diff --git a/src/app/(home)/_components/header/menu-help.tsx b/src/app/(home)/_components/header/menu-help.tsx index 7f498c1..9f00b70 100644 --- a/src/app/(home)/_components/header/menu-help.tsx +++ b/src/app/(home)/_components/header/menu-help.tsx @@ -17,26 +17,26 @@ export default function HelpMenu() { icon={h01} title="提取 IP" items={[ - {lead: '短效 IP 提取', href: '/collect'}, - {lead: '长效 IP 提取', href: '#'}, + {lead: '短效 IP 提取', href: '/collect?type=short'}, + {lead: '长效 IP 提取', href: '/collect?type=long'}, ]} /> banner diff --git a/src/app/(home)/collect/page.tsx b/src/app/(home)/collect/page.tsx index 36472e6..978a3a5 100644 --- a/src/app/(home)/collect/page.tsx +++ b/src/app/(home)/collect/page.tsx @@ -1,18 +1,26 @@ 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 default function CollectPage(props: CollectPageProps) { return ( -
- - + //
+ // + // + // + // + //
+ + -
+ ) } diff --git a/src/app/(home)/customized/page.tsx b/src/app/(home)/customized/page.tsx index 2faf1eb..9caf1ee 100644 --- a/src/app/(home)/customized/page.tsx +++ b/src/app/(home)/customized/page.tsx @@ -14,6 +14,7 @@ import banner from './_assets/Mask-group.webp' import group from './_assets/Group.webp' import {merge} from '@/lib/utils' import FreeTrial from '@/components/free-trial' +import HomePage from '@/components/home/page' const formSchema = z.object({ companyName: z.string().min(2, '企业名称至少2个字符'), @@ -38,217 +39,221 @@ export default function CollectPage() { }) return ( -
- - + //
+ // + // -
-
-
-

优质代理IP服务商

-

- 以技术升级为核心，提供优质的IP代理使用体验 + // + //

+ + +
+
+

优质代理IP服务商

+

+ 以技术升级为核心，提供优质的IP代理使用体验 +

+
+ +
+
+
+ 宣传图 +
+
+ +
+

+ 华连科技公司专注代理IP领域，多年来凭借专业技术与不懈努力，在行业内树立起良好口碑，为众多客户解决网络访问难题。公司拥有海量优质IP资源，涵盖全球多地，能精准匹配不同客户需求，无论是数据采集、网络营销还是突破地域限制，都能提供合适方案。凭借智能分配系统与严密安全防护，确保代理IP稳定、高效、安全运行，让用户使用过程顺畅无忧，数据安全有保障。秉持以客户为中心理念，配备专业客服与技术团队，提供7×24小时服务，助力企业与个人在网络世界畅行无阻，不断开拓业务新边界。

-
-
-
-
- 宣传图 -
+
+
-
-

- 华连科技公司专注代理IP领域，多年来凭借专业技术与不懈努力，在行业内树立起良好口碑，为众多客户解决网络访问难题。公司拥有海量优质IP资源，涵盖全球多地，能精准匹配不同客户需求，无论是数据采集、网络营销还是突破地域限制，都能提供合适方案。凭借智能分配系统与严密安全防护，确保代理IP稳定、高效、安全运行，让用户使用过程顺畅无忧，数据安全有保障。秉持以客户为中心理念，配备专业客服与技术团队，提供7×24小时服务，助力企业与个人在网络世界畅行无阻，不断开拓业务新边界。 -

- -
- +
+
+ 特性 + IP时效3-30分钟(可定制)
- -
-
- 特性 - IP时效3-30分钟(可定制) -
-
- 特性 - IP时效3-30分钟(可定制) -
-
- 特性 - IP时效3-30分钟(可定制) -
-
- 特性 - 支持高并发提取 -
-
- 特性 - 支持高并发提取 -
-
- 特性 - 支持高并发提取 -
+
+ 特性 + IP时效3-30分钟(可定制)
-
-
-
- -
-

企业基本信息

-
- -
-
-
- {/* 企业名称 */} - - {({id, field}) => ( -
- - -
- )} - - - {/* 联系人姓名 */} - - {({id, field}) => ( -
- - -
- )} - - - {/* 联系人手机号码 */} - - {({id, field}) => ( -
- - -
- )} - - - {/* 每月需求用量 */} - - {({id, field}) => ( -
- - -
- )} - - - {/* 用途 */} - - {({id, field}) => ( -
- - -
- )} - - -
- +
+ 特性 + IP时效3-30分钟(可定制)
-
- -
- -
-
-
-
-
-
- 现在注册，免费领取5000IP -
- +
+ 特性 + 支持高并发提取 +
+
+ 特性 + 支持高并发提取 +
+
+ 特性 + 支持高并发提取
+ +
+

企业基本信息

+
+ +
+
+
+ {/* 企业名称 */} + + {({id, field}) => ( +
+ + +
+ )} + + + {/* 联系人姓名 */} + + {({id, field}) => ( +
+ + +
+ )} + + + {/* 联系人手机号码 */} + + {({id, field}) => ( +
+ + +
+ )} + + + {/* 每月需求用量 */} + + {({id, field}) => ( +
+ + +
+ )} + + + {/* 用途 */} + + {({id, field}) => ( +
+ + +
+ )} + + +
+ +
+
+
+
+ +
+
+
+
+
+
+ 现在注册，免费领取5000IP +
+ +
+
+
+
-
+ ) } diff --git a/src/app/(home)/data-capture/page.tsx b/src/app/(home)/data-capture/page.tsx index 7094aee..fc088ec 100644 --- a/src/app/(home)/data-capture/page.tsx +++ b/src/app/(home)/data-capture/page.tsx @@ -20,261 +20,260 @@ import check_main from '@/assets/check-main.svg' import check_accent from '@/assets/check-accent.svg' import {Button} from '@/components/ui/button' import {merge} from '@/lib/utils' +import HomePage from '@/components/home/page' export type CollectPageProps = {} export default function CollectPage(props: CollectPageProps) { const router = useRouter() return ( -
- - -
- {/* banner */} -
- - 背景图 -
-

数据抓取

-

从多元网络源精准捕获数据，为洞察市场、优化策略筑牢根基借前沿技术 高效抓取海量信息，解锁数据价值、赋能业务增长新征程

-
-

- checkbox - 广泛的数据样本 -

-

- checkbox - 实现高频次抓取 -

-

- checkbox - 保护隐私安全 -

-
- - + + + {/* banner */} +
+ + 背景图 +
+

数据抓取

+

从多元网络源精准捕获数据，为洞察市场、优化策略筑牢根基借前沿技术 高效抓取海量信息，解锁数据价值、赋能业务增长新征程

+
+

+ checkbox + 广泛的数据样本 +

+

+ checkbox + 实现高频次抓取 +

+

+ checkbox + 保护隐私安全 +

- -
- {/* 数据展示 */} -
-
    -
  • - 全方位的数据样本 -

    全方位的数据样本

    -

    - 通过在全国范围内进行多地域验证，品牌能 够覆盖更广泛的用户场景，从而实现产品与 目标受众的精准匹配，提升广告效果 -

    -
    • -
  • - 达成提高抓取频次的目的 -

    达成提高抓取频次的目的

    -

    - 我们提供实时监控广告所处网页环境的质 量，确保广告投放的透明性和合法性，有 效提升转化率与用户互动，为品牌建立良 好的信誉 -

    -
    • -
  • - 维护隐私安全 -

    维护隐私安全

    -

    - 通过详尽的报告和数据分析，品牌可以全 面评估广告投放效果，关注点击率、转化 率等关键指标，从而优化投放策略，实现 更高的广告回报 -

    -
    • -
-
+ +
+ +
- {/* 优势 1 */} -
-
+ {/* 数据展示 */} +
+
    +
  • s1 -
      -
    • -

      蓝狐HTTP解决方案

      -

      - 广告效果验证是评估营销活动成功的关键。我们的代理IP技术提供准确的广告展示和点击 数据，帮助品牌优化广告策略，提升用户参与度。这项技术确保广告数据的真实性，推动 广告行业向更健康和创新的方向发展，实现广告资源的最大化利用。通过深入分析广告效 果，企业可以制定更具针对性的投放策略，显著提升广告效益。在竞争激烈的市场环境中 ，借助我们的技术支持，品牌能够更好地满足目标受众需求，提升整体营销回报 -

      -
      • -
    -
-
+

全方位的数据样本

+

+ 通过在全国范围内进行多地域验证，品牌能 够覆盖更广泛的用户场景，从而实现产品与 目标受众的精准匹配，提升广告效果 +

+ +
  • + 达成提高抓取频次的目的 +

    达成提高抓取频次的目的

    +

    + 我们提供实时监控广告所处网页环境的质 量，确保广告投放的透明性和合法性，有 效提升转化率与用户互动，为品牌建立良 好的信誉 +

    +
    • +
  • + 维护隐私安全 +

    维护隐私安全

    +

    + 通过详尽的报告和数据分析，品牌可以全 面评估广告投放效果，关注点击率、转化 率等关键指标，从而优化投放策略，实现 更高的广告回报 +

    +
    • + + - {/* 优势 2 */} -
    -
      -
    • - s6 -

      稳健可靠

      -
      -

      - 国内三大运营商（电信/ 联通/移动）正规授权， 每个IP都经过技术团队 的严格筛选和验证 -

      -
      -
      • -
    • - s7 -

      资源积累

      -
      -

      - 拥有超3000万+的代理资 源储备，每日更新去重， 确保资源池的丰富性和多样性 -

      -
      -
      • -
    • - s8 -

      稳定连接

      -
      -

      - 通过定期检测和筛选， 确保代理IP的纯净度高 达99.8%，减少了无 效或低质量IP的影响 -

      -
      -
      • -
    • - s9 -

      超匿名性

      -
      -

      - 直观掌握IP使用情况，借助实时 监控，迅速识别异常，及时调整 策略并优化资源配置 -

      -
      + {/* 优势 1 */} +
      +
      + s1 +
        +
      • +

        蓝狐HTTP解决方案

        +

        + 广告效果验证是评估营销活动成功的关键。我们的代理IP技术提供准确的广告展示和点击 数据，帮助品牌优化广告策略，提升用户参与度。这项技术确保广告数据的真实性，推动 广告行业向更健康和创新的方向发展，实现广告资源的最大化利用。通过深入分析广告效 果，企业可以制定更具针对性的投放策略，显著提升广告效益。在竞争激烈的市场环境中 ，借助我们的技术支持，品牌能够更好地满足目标受众需求，提升整体营销回报 +

      -
        -
      • - s10 -

        可视化性

        -
        -

        - 直观掌握IP使用情况，借助实时 监控，迅速识别异常，及时调整 策略并优化资源配置 -

        -
        -
        • -
      • - s11 -

        灵活定价

        -
        -

        - 提供多种代理产品选择，支持灵 活的计费方式，能够适配不同规 模企业的全栈式业务场景 -

        -
        -
        • -
      -
      + +
    - {/* 全栈式代理解决方案 */} -
    -
    -
    - 代理解决方案示意图 + {/* 优势 2 */} +
    +
      +
    • + s6 +

      稳健可靠

      +
      +

      + 国内三大运营商（电信/ 联通/移动）正规授权， 每个IP都经过技术团队 的严格筛选和验证 +

      - -
      - -
      -

      全栈式代理解决方案

      -

      - 专业代理团队，提供深度市场洞察，为您量身打造代理解决方案 -

      -
      - -
      -
      - 特性 - IP时效3-30分钟(可定制) -
      -
      - 特性 - IP覆盖全国各地 -
      -
      - 特性 - 稳定长输不掉线 -
      -
      - 特性 - 支持高并发提取 -
      -
      - 特性 - 平均响应时长：0.03s -
      -
      - 特性 - 全国热门静态IP线路 -
      -
      - +
      • +
    • + s7 +

      资源积累

      +
      +

      + 拥有超3000万+的代理资 源储备，每日更新去重， 确保资源池的丰富性和多样性 +

      +
      • +
    • + s8 +

      稳定连接

      +
      +

      + 通过定期检测和筛选， 确保代理IP的纯净度高 达99.8%，减少了无 效或低质量IP的影响 +

      +
      +
      • +
    • + s9 +

      超匿名性

      +
      +

      + 直观掌握IP使用情况，借助实时 监控，迅速识别异常，及时调整 策略并优化资源配置 +

      +
      +
      • +
    +
      +
    • + s10 +

      可视化性

      +
      +

      + 直观掌握IP使用情况，借助实时 监控，迅速识别异常，及时调整 策略并优化资源配置 +

      +
      +
      • +
    • + s11 +

      灵活定价

      +
      +

      + 提供多种代理产品选择，支持灵 活的计费方式，能够适配不同规 模企业的全栈式业务场景 +

      +
      +
      • +
    +
    + + {/* 全栈式代理解决方案 */} +
    +
    +
    + 代理解决方案示意图
    -
    -
    + +
    + +
    +

    全栈式代理解决方案

    +

    + 专业代理团队，提供深度市场洞察，为您量身打造代理解决方案 +

    +
    + +
    +
    + 特性 + IP时效3-30分钟(可定制) +
    +
    + 特性 + IP覆盖全国各地 +
    +
    + 特性 + 稳定长输不掉线 +
    +
    + 特性 + 支持高并发提取 +
    +
    + 特性 + 平均响应时长：0.03s +
    +
    + 特性 + 全国热门静态IP线路 +
    +
    + +
    + +     -
    + ) } diff --git a/src/app/(home)/docs/layout.tsx b/src/app/(home)/docs/layout.tsx index 9ae30a8..3559174 100644 --- a/src/app/(home)/docs/layout.tsx +++ b/src/app/(home)/docs/layout.tsx @@ -1,22 +1,19 @@ -import BreadCrumb from '@/components/bread-crumb' import Wrap from '@/components/wrap' import {Children} from '@/lib/utils' import Sidebar from './sidebar' +import HomePage from '@/components/home/page' export default function DocsLayout(props: Children) { return ( -
    - - -
    - -
    - {props.children} -
    + + + +
    + {props.children}
    -
    + ) } diff --git a/src/app/(home)/docs/page.tsx b/src/app/(home)/docs/page.tsx new file mode 100644 index 0000000..1f2c90b --- /dev/null +++ b/src/app/(home)/docs/page.tsx @@ -0,0 +1,9 @@ +import Link from 'next/link' +import {Card, CardContent, CardDescription, CardHeader, CardTitle} from '@/components/ui/card' +import {BookOpen, Lightbulb, Smartphone, Zap, HelpCircle, FileText, Settings, TrendingUp} from 'lucide-react' + +export default function DocsIndexPage() { + return ( +
    + ) +} diff --git a/src/app/(home)/docs/sidebar.tsx b/src/app/(home)/docs/sidebar.tsx index e216ebc..9ea19d1 100644 --- a/src/app/(home)/docs/sidebar.tsx +++ b/src/app/(home)/docs/sidebar.tsx @@ -29,7 +29,7 @@ const MENU_ITEMS = [ { group: '操作指南', items: [ - {key: 'windows7-proxy', label: 'Windows7电脑设置代理教程'}, + {key: 'win7-proxy', label: 'Windows7电脑设置代理教程'}, {key: 'mac-proxy', label: 'MAC设置代理教程'}, {key: 'firefox-proxy', label: '火狐浏览器设置代理'}, {key: 'socks5-usage', label: 'Socks5代理使用教程'}, @@ -110,7 +110,7 @@ export default function Sidebar({collapsed = false}: Props) { return (