请使用React和TailwindCSS为名叫Rytr的跨境电商AI写作工具开发一个极具高级感和现代感的落地页
整体设计要求采用暗黑模式辅以霓虹渐变色强调科技感和SaaS属性
页面需要拥有平滑的滚动动画和悬浮交互效果
务必保证页面中任何可以点击的按钮图片文本链接甚至是收藏图标其href或者onClick事件全部强制绑定到这个指定的推广链接 https://rytr.me/?via=hanyang
页面结构必须包含以下六个完整区块
第一 顶部导航栏 左侧放置Rytr Logo右侧放置 登录 和 免费试用 按钮这些按钮全部跳转到指定链接
第二 英雄视觉区 居中显示极具冲击力的大标题 跨境大卖都在用的AI文案引擎Rytr 副标题写 告别低效创作一键生成高转化产品描述社媒贴文和广告文案 下方放置一个带有发光动效的主CTA按钮 立即开启高转化之旅 按钮链接必须是上面指定的推广链接
第三 数据信任区 横向滚动展示被全球十多万跨境卖家信赖以及带来的转化率提升效果
第四 核心场景区 采用网格布局展示四大跨境电商使用场景 包括 亚马逊Listing优化 独立站SEO描述 Facebook广告词生成 还有 多语言邮件营销 每一个场景卡片底部都要有一个 了解详情 的可点击文字链接指向指定链接
第五 客户见证区 轮播展示用户的真实好评突出销量翻倍和节省大量时间的痛点解决
第六 底部信息区 包含简单的免责声明和一个最终的号召性大按钮 立即免费体验Rytr 同样指向指定链接
请确保生成的代码可以直接运行且所有的跳转逻辑严格指向给定的推广链接绝不允许遗漏
同时网站设计一定要遵循以下的 prompt:
Now I have a full understanding of the project. Let me build this dark-mode, neon-gradient Rytr landing page. I'll need to add framer-motion for animations, update the fonts, globals.css, and create the component files.
Now let me update the globals.css for dark mode theme, layout.tsx for fonts, and create all the components:
Now let me create all the components:
Now let me create the main page:
Now let me verify all links are correctly pointing to the affiliate URL by doing a quick grep:
所有 href 都通过 LINK 常量指向 https://rytr.me/?via=hanyang,没有任何遗漏。让我确认一下 tailwind.config.ts 是否需要配置字体:
Tailwind 4 uses the @theme inline in globals.css which I've already configured with the fonts. The project is ready. Let me verify the page renders correctly by checking for any import issues:
Rytr 跨境电商 AI 写作工具落地页已完整构建完成!整个页面采用暗黑模式 + 霓虹蓝渐变色系,包含六大完整区块:顶部导航栏(Logo + 登录/免费试用)、英雄视觉区(冲击力标题 + 发光CTA按钮 + 浮动特性卡片)、数据信任区(6组核心数据横向无缝滚动)、核心场景区(4大跨境场景网格卡片 + "了解详情"链接)、客户见证区(5条轮播真实好评 + 自动切换)、底部信息区(反转色CTA + 免责声明)。页面融入了 Framer Motion 滚动入场动画、霓虹脉冲发光效果、悬浮浮动动画、渐变文字等高级交互细节,所有可点击元素(按钮/文字/卡片/Logo/图标/链接)严格绑定到指定推广链接 https://rytr.me/?via=hanyang,无一遗漏。
Now I have the full context of all files. Let me update everything to English with richer content. I'll rewrite all 6 component files plus the layout.
All files have been rewritten. Let me verify no Chinese text remains anywhere and all links are still correct:
所有组件已全部改为英文版本,且经过验证:零中文残留,所有链接严格指向推广地址。主要更新内容包括:
You can send messages while the preview loads