/landing-page-starter

基于 Next.js 的优质落地页模板项目

Primary LanguageTypeScript

Landing Page Starter

基于 Next.js 的优质落地页模板项目

TODO

  • 集成 UI 框架(集成 @shadcn/ui 框架)
  • 集成国际化
    • 参考官方教程
    • 默认使用浏览器语言,匹配不到则会使用系统设置好的默认语言
  • 集成图标库(集成 react-icons 图标库)
  • 暗黑模式
  • 提供填写表单功能
  • 推送邮件功能
  • 自定义域名

一个基础落地页模版结构

  1. Header 头部
  2. SectionOne 引导语或副标题(解释页面的主要内容和目的,吸引用户继续浏览)
  3. SectionTwo 价值主张展示(突出产品或服务的核心优势和独特卖点。可以通过数据、图表、案例等方式进行直观呈现)
  4. SectionThree 客户案例或用户见证(展示已有客户的成功经验和满意度,增强可信度)
  5. SectionFour 产品或服务特点(详细介绍产品或服务的功能、特性等)
  6. SectionFive 行动呼吁(CTA)(明确的按钮或链接,如“立即购买”“注册领取”“免费试用”等、通常设计得醒目且有吸引力)
  7. SectionSix 表单(如果需要收集用户信息,会有相关的表单,如姓名、邮箱、电话等)
  8. SectionSeven 信任建立元素(如安全认证标识、合作伙伴标志、客户评价等)
  9. SectionEight 常见问题解答(FAQ)(预见到用户可能的疑问并进行解答,消除顾虑)
  10. Footer 页脚 (底部导航和版权信息,提供网站的其他重要页面链接,以及版权声明等法律信息)