瑞士网格行动号召横幅｜金融科技 · 沙色橄榄 · 非对称分栏 / Swiss Grid CTA Banner — Fintech · VC-2661

Build a production-ready web section with React + Tailwind CSS + Framer Motion.
UID: VC-2661
Title (EN): Swiss Grid CTA Banner — Fintech
Title (ZH): 瑞士网格行动号召横幅｜金融科技
Style: Swiss Grid / 瑞士网格
Section: CTA Banner / 行动号召横幅
Industry vibe: Fintech / 金融科技
Signature motion: text highlight sweep / 文字扫光高亮
Color direction: sand+olive / 沙色橄榄
Layout: asymmetric split / 非对称分栏
Visual reference component: Animated hero
Requirements:
- One reusable section component, responsive (mobile first)
- Clear typography hierarchy, generous whitespace, polished spacing
- Implement the signature motion with Framer Motion (respect prefers-reduced-motion)
- Prefer shadcn/ui primitives when useful
- Accessible focus states and semantic HTML
- Do NOT invent unrelated pages; ship only this section
- Keep microcopy bilingual-ready (ZH short + EN short)
Deliver:
1) Component code outline
2) Key Tailwind classes
3) Motion variants
4) Short Chinese + English microcopy suggestions for headlines/CTA

瑞士网格行动号召横幅｜金融科技 / Swiss Grid CTA Banner — Fintech

UID VC-2661 · 复制提示词需 10 积分（同一资源再次免费）。支付走子比积分收银台。

预览动效来源：公开组件演示 · serafimcloud