# Footer · Foxline React 网页组件 | Creght Blocks

> 琥珀色狐狸轮廓发光页脚，左文右图首屏，含订阅与文章卡片。

[Blocks](/zh-CN.md) [Sections](/zh-CN.md#section-library) [Templates](/zh-CN/templates.md) [Hero StudioNew](/zh-CN/hero-studio.md)

[Templates](/zh-CN/templates.md) [Hero Studio](/zh-CN/hero-studio.md)

[EN](/blocks/footer-foxline.md) [中文](/zh-CN/blocks/footer-foxline.md)

[全部组件](/zh-CN.md)/Footer · Foxline

页尾免费

Creght Blocks 组件

# Footer · Foxline

琥珀色狐狸轮廓发光页脚，左文右图首屏，含订阅与文章卡片。

[完整预览](/zh-CN/preview.md?section=footer-foxline)

在 Creght 中使用

## 实时预览

切换桌面、平板和手机宽度，检查组件的响应式效果。

桌面平板手机

组件介绍

## 可直接用于生产项目的页面板块

琥珀色狐狸轮廓发光页脚，左文右图首屏，含订阅与文章卡片。

### 如何使用

1. 01
确认适用场景

通过组件说明和技术信息，判断它是否适合当前页面。

2. 02
检查页面效果

切换不同设备宽度，并打开完整预览体验真实交互。

3. 03
用于实际项目

前往 Creght，根据品牌、内容和转化目标继续调整组件。


技术信息

分类页尾

运行开销轻量

渲染方式支持服务端渲染

依赖lucide-react, react-icons

## 相关组件

继续浏览同一分类下的其他组件。

[![Footer · Pandabase](https://fsu.creght.com/site/2083536173505974272/1791431445177__creght_blocks_footer_pandabase.webp?w=3072&fmt=webp)](/zh-CN/blocks/footer-pandabase.md)

### [Footer · Pandabase](/zh-CN/blocks/footer-pandabase.md)

熊猫头轮廓发光的深色支付品牌页脚，含订阅表单与资源卡片。

[![Footer · Nightcat](https://fsu.creght.com/site/2083536173505974272/1791431446028__creght_blocks_footer_nightcat.webp?w=3072&fmt=webp)](/zh-CN/blocks/footer-nightcat.md)

### [Footer · Nightcat](/zh-CN/blocks/footer-nightcat.md)

紫色猫头轮廓发光页脚，含多列链接与订阅栏。

[![Footer · Hopstack](https://fsu.creght.com/site/2083536173505974272/1791431447299__creght_blocks_footer_hopstack.webp?w=3072&fmt=webp)](/zh-CN/blocks/footer-hopstack.md)

### [Footer · Hopstack](/zh-CN/blocks/footer-hopstack.md)

冰蓝色兔子轮廓发光页脚，含收尾 CTA、导航与订阅。

> 全站页面清单：[/llms.txt](/llms.txt)