户外生活网站

帮我生成一个网站出来，具体要求如下：
户外运动网站 (纯前端) 极简提示词
核心目标与技术栈
生成目标： 纯前端、响应式、简约现代风格的户外运动主题网站。
技术栈： 使用 HTML5, Tailwind CSS, 原生 JavaScript。

内容与结构（语义化与组件化）
生成以下 5 个核心组件/页面结构，确保代码语义化：
Header (<header>): 粘性导航栏 (Sticky Nav)。包含 Logo（占位文本）、主导航链接（Home, Activities, Gear, Contact, About）、以及一个高对比度的 "Book Trip" CTA 按钮。
Hero Section: 全屏高度，背景使用自然景观占位图。包含一个响亮的 H1 标题、简短的副标题、以及主要的 CTA 按钮。
Activities Grid (<section>): 使用 Grid 布局展示 4 个特色活动卡片。每张卡片（<article>）包含占位图、活动名称、和简短的描述。
Testimonials Section (<section>): 展示 3 个用户评价的轮播组件（无需实现完整轮播逻辑，只需实现静态结构和基本样式）。
Footer (<footer>): 包含快速链接、联系信息、社交媒体图标和版权声明。

设计与样式（美观与现代）
设计语言： 简约、模块化，强调留白和清晰的层次结构。
配色方案： 大地色系（如深绿、米白）为主，活力橙/蓝为强调色。
字体： 使用 Tailwind 默认字体堆栈或常用的现代 sans-serif 字体。
图标： 使用 Heroicons 或 Font Awesome 占位符。
响应式： 必须完全遵循 Mobile-First 原则，在所有断点上完美显示。

最佳实践（代码质量）
代码质量： 代码必须结构清晰、整洁、易读。
样式实现： 严格使用 Tailwind CSS 类实现所有样式和响应式布局，避免使用自定义 CSS 文件。
交互实现： 仅使用原生 JavaScript，实现导航栏滚动固定和卡片悬停的微动画效果。

最终指令：
“基于上述要求，请使用 HTML5, Tailwind CSS, 和原生 JavaScript，生成一个完整的、结构语义化、设计简约现代的纯前端户外运动网站代码，并将代码组织在 outside.index.html文件中。”