用 Next.js 和 Tailwind 生成含首屏、品牌标识区、功能便当网格三个可复用营销页面区块的前端代码

使用 Next.js 和 Tailwind 构建三个可复用的营销页面区块。首屏：使用 'py-24 lg:py-32'，标题用 'text-5xl lg:text-6xl font-bold tracking-tight text-balance'，说明文字用 'mt-6 text-lg text-zinc-600 max-w-2xl mx-auto'；放置两个行动按钮，主要按钮用 bg-zinc-900 text-white，次要按钮用 ring-1 ring-zinc-300。品牌标识区：使用 'grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-8 items-center'，标识默认灰度，悬停时恢复颜色。功能便当网格：使用 'grid lg:grid-cols-3 gap-4'，首张卡片跨 lg:col-span-2，每张卡片用 'rounded-2xl bg-zinc-50 p-8 ring-1 ring-zinc-200'。所有区块用 dark: 变体支持暗色模式；标题在两种主题下都要保持至少 4.5:1 的对比度。