网页区块像素复刻

构建一个独立文件：index.html（内联 CSS + JS，无框架、无额外文件）。逐像素复刻这个 Quantum² 营销落地页：单屏 hero、黑色胶囊形 nav、两行 headline、subcopy、Get Started、全出血青色视频带，以及位于视频带上的固定几何结构产品 mockup card。html lang="en"。Title: Quantum² — Convert screen recording into clear, intelligent ins

构建一个单页奢侈品牌落地页（仅包含 navbar + 全视口 hero）。技术栈：React 18 + TypeScript + Vite + Tailwind CSS 3。不使用额外 UI 工具包。仅将 lucide-react 用于 Flower2 图标。页面标题：Aurevon。根包装容器：bg-black。html, body { overflow-x: hidden }。全局重置：margin: 0; padding: 0; box-sizing: border-b

构建一个独立、像素级精确复刻的 Palomar Labs 营销落地页：仅包含固定导航栏 + 全 viewport 视频 Hero。不要添加其他区域。严格匹配此规范。不要编造额外文案、按钮、渐变、遮罩或装饰性斑块。 技术栈 React + TypeScript + Vite Tailwind CSS lucide-react 图标：ChevronDown、ArrowRight、Triangle 单个 App.tsx，包含 Navbar、Hero、TrustedBy 准确的资源和

# PROMPT — 精确复刻 "Apogee" Hero Section 构建一个像素级精确、完全适配移动端的 Hero 落地页区块，名称为 **"Apogee"**。严格遵循下方所有规范——精确的十六进制值、精确的像素数、精确的 class 名称、精确的动画延迟、精确的文案。不得替换、取整、简化或“改进”任何值。如果给出了带方括号的 Tailwind 任意值（例如 `text-[15.5px]`），请原样使用该任意值，不要改用最接近的 Tailwind 预设。 ---

精准复刻这个 **Vesper.ai** 单视口落地页。文档标题：`Vesper.ai — Operational AI Infrastructure`。`lang="en"`。使用一个包含内联 CSS 的 HTML 文件，并加入一个用于菜单和动画回退的小型 IIFE。纯黑色 `#000000`。除三项统计数据外，不要添加任何额外版块、卡片、表单、定价表或页脚。不要添加视频、WebGL、Three.js 或 Lottie。不要虚构 CloudFront URL。 立即强制显

为名为 **LŪMEN // ÍNDEX** 的 DeFi / 私人银行落地页构建一个**全屏单一 hero section**。使用 **React 18 + TypeScript + Vite + Tailwind CSS**，图标使用 `lucide-react`。整个页面由一个组件渲染一个填满视口的 `<section>`——不可滚动，不得包含其他 section。 ## 0. 项目设置 依赖：`react@^18.3.1`、`react-dom@^18.3.1`

**精确复刻这个单页 SaaS hero。不要虚构额外区块、额外页面、额外图片或额外文案。只实现已指定的内容。技术栈：一个 `index.html`、一个 `styles.css`、一个 `main.js`。不使用框架。** ### 这个页面是什么 这是 **Meridian — SaaS 营收智能** 的单个全视口落地页 hero。无页脚、无额外区块，桌面端不可滚动。白色页面，背景为全出血循环播放的绘画风海军蓝/橙色山脉视频。UI 使用直角（所有位置的 radius 均为

构建一个**完全自包含的单个 `index.html`** 文件。无需构建步骤、框架、外部 JS 或本地图像文件。所有 CSS 放在 `<head>` 内的一个 `<style>` 块中；在 `</body>` 前放置一个小型 `<script>`。严格匹配下文的每个数值——布局由测量数据驱动，而非 凭目测判断。 --- ## 1. 资源（仅限远程资源——使用以下精确 URL） **Hero video（桌面端，自动播放背景）——1928×1076、8.04 s、H.2

Build a single-screen, non-scrolling hero landing page called **Terranova — Signals from the Deep Green**. It is a full-bleed looping background video with a real-time refractive "liquid glass" card floating over it, plus a slide-in fullsc…

使用 React、Tailwind CSS 和 Lucide React icons 创建一个 "Stellar.ai" 落地页 hero section。使用 Inter 字体（从 Google Fonts 导入）。页面采用白色背景（bg-white），max-width 为 max-w-7xl，并通过 mx-auto 居中。 字体：从 Google Fonts 导入 Inter（字重 400、500、600、700）。在 body 上设置 font-family: 'I

创建一个全屏深色 hero section，其中包含循环背景视频、navbar、headline、subtitle、CTA button，以及底部的 logo marquee。以下是确切规格： 主题与颜色（index.css CSS variables）： 背景：260 87% 3%（深邃的暗蓝紫色） 前景：40 6% 95%（灰白色） Hero 副文本：40 6% 82% 正文字体：Geist Sans（通过 @fontsource/geist-sans） Headlin

为“Bloom”创建一个全屏 hero landing page——这是一个由 AI 驱动的植物/花艺设计平台。设计采用液态玻璃拟态美学，并以循环视频作为背景。 背景 全屏自动播放、循环、静音视频背景：https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260315_073750_51473149-4350-4920-ae24-c8214286f323.mp4 视频使用 obj