提示词
提示词：
构建一个 Hero 区域，具体规格如下：
整体布局：
全宽版块，背景色 #000000（纯黑）
overflow hidden
所有内容背后播放背景视频（详情见下）
背景视频：
来源：
自动播放、循环、静音、playsInline
缩放到容器的 120%（宽度和高度均为 120%）
水平居中，焦点锚定在底部
位于所有内容之下（最低层级）
模糊背景元素：
绝对定位，水平居中，顶部偏移约 215px
尺寸：宽 801px × 高 384px，完全圆角（药丸形状）
颜色：纯黑 #000000
模糊：77.5px
z-index: 1（位于视频之上，内容之下）
所有文字和 UI 内容位于 z-index: 2（位于最上层）
导航栏（顶部）：
最大宽度：1440px，水平居中
水平内边距：120px，垂直内边距：16px，高度：102px
Flexbox 横向排列，两端对齐
左侧：Logo 加导航链接，间距 80px
Logo：「LOGOIPSUM」SVG 标志，134px × 25px，白色填充
导航链接横向排列，间距 10px
每个链接：字体 Manrope，中等字重，14px 字号，22px 行高，白色，内边距水平 10px / 垂直 4px
项目：「Home」、「Services」（右侧带一个 24×24 白色向下箭头图标，间距 3px）、「Reviews」、「Contact us」
右侧：两个按钮，间距 12px
「Sign In」按钮：白色背景，内边距水平 16px / 垂直 8px，圆角 8px，Manrope semibold 14px/22px，颜色 #171717，叠加 1px #d4d4d4 边框
「Get Started」按钮：背景 #7b39fc（紫色），内边距 16px/8px，圆角 8px，Manrope semibold 14px/22px，颜色 #fafafa，细微阴影 0px 4px 16px rgba(23,23,23,0.04)
Hero 内容（导航栏下方居中）：
Flex 纵向排列，居中，最大宽度 871px，顶部外边距 162px
标题区块与按钮之间间距 24px
标题区块：flex 纵向，间距 10px，文字居中
第一行：「Automate repetitive.」—— 字体 Inter，中等字重，76px，白色，字间距 -2px，行高 1.15
第二行：「Focus on growth.」—— 字体 Instrument Serif，斜体，76px，白色，字间距 -2px，行高 1.15
副标题：「The next-generation AI agent platform that handles lead generation, customer support, and data entry while you build.」—— 字体 Manrope，常规字重，18px，行高 26px，颜色 #f6f7f9，透明度 90%，最大宽度 613px
CTA 按钮：flex 横向，间距 22px，垂直居中
「Get Started Free」：背景 #7b39fc，内边距水平 24px / 垂直 14px，圆角 10px，字体 Cabin medium 16px，行高 1.7，白色文字
「Watch 2min Demo」：背景 #2b2344（深紫色），相同的内边距 / 圆角 / 字体规格，颜色 #f6f7f9
仪表盘图片（Hero 内容下方）：
居中，顶部外边距 80px，底部内边距 40px
外层容器：宽 1163px（最大为视口的 90%），圆角 24px，背景模糊 backdrop-blur 10px，背景 rgba(255,255,255,0.05)（玻璃拟态），透明边框 1.5px
内边距：四周 22.5px
内部图片：全宽，高度自动，圆角 8px，object-fit cover原文提示词（English）
Prompt:
Build a hero section with the following exact specifications:
Overall Layout:
Full-width section with background: #000000 (pure black)
Overflow hidden
Background video playing behind all content (details below)
Background Video:
Source:
Autoplay, loop, muted, playsInline
Scaled to 120% of the container (width and height both 120%)
Horizontally centered, focal point anchored to the bottom
Sits behind all content (lowest z-index)
Blurred Background Element:
Absolute positioned, horizontally centered, top offset ~215px
Size: 801px wide × 384px tall, fully rounded (pill shape)
Color: pure black #000000
Blur: 77.5px
z-index: 1 (above video, below content)
All text and UI content sits at z-index: 2 (above everything)
Navbar (top):
Max width: 1440px, centered horizontally
Horizontal padding: 120px, vertical padding: 16px, height: 102px
Flexbox row, space-between alignment
Left side: Logo + nav links with 80px gap between them
Logo: "LOGOIPSUM" SVG mark, 134px × 25px, white fill
Nav links in a row with 10px gap between items
Each link: font Manrope, medium weight, 14px size, 22px line-height, white color, padding 10px horizontal / 4px vertical
Items: "Home", "Services" (with a 24×24 white chevron-down icon to the right, 3px gap), "Reviews", "Contact us"
Right side: Two buttons with 12px gap
"Sign In" button: white background, 16px horizontal / 8px vertical padding, 8px border-radius, Manrope semibold 14px/22px, color #171717, with a 1px #d4d4d4 border overlay
"Get Started" button: background #7b39fc (purple), 16px/8px padding, 8px border-radius, Manrope semibold 14px/22px, color #fafafa, subtle box-shadow 0px 4px 16px rgba(23,23,23,0.04)
Hero Content (centered below navbar):
Flex column, centered, max-width 871px, top margin 162px
24px gap between heading block and buttons
Heading block: flex column, 10px gap, center-aligned text
Line 1: "Automate repetitive." — font Inter, medium weight, 76px, white, letter-spacing -2px, line-height 1.15
Line 2: "Focus on growth." — font Instrument Serif, italic, 76px, white, letter-spacing -2px, line-height 1.15
Subtitle: "The next-generation AI agent platform that handles lead generation, customer support, and data entry while you build." — font Manrope, regular weight, 18px, 26px line-height, color #f6f7f9, opacity 90%, max-width 613px
CTA Buttons: flex row, 22px gap, vertically centered
"Get Started Free": background #7b39fc, padding 24px horizontal / 14px vertical, 10px border-radius, font Cabin medium 16px, line-height 1.7, white text
"Watch 2min Demo": background #2b2344 (dark purple), same padding/radius/font specs, color #f6f7f9
Dashboard Image (below hero content):
Centered, top margin 80px, bottom padding 40px
Outer container: 1163px wide (max 90% of viewport), 24px border-radius, backdrop-blur 10px, background rgba(255,255,255,0.05) (glassmorphic), transparent border 1.5px
Inner padding: 22.5px all sides
Image inside: full width, auto height, 8px border-radius, object-fit cover建议模型
AntiGravity · Gemini 3.1 Pro / GPT-5.6 Sol
视频地址
https://media.goodcase.ai/media/video/antigravity-gemini-3-1-5e49aad75b25.mp4
