1<section class="min-h-screen flex items-center justify-center px-6 py-20">
2  <div class="max-w-4xl mx-auto text-center">
3    <h1 class="text-5xl md:text-7xl font-bold mb-6">${1:Headline}</h1>
4    <p class="text-xl text-white/60 mb-12">${2:Subheadline}</p>
5    <button class="px-8 py-4 bg-blue-500 rounded-xl font-semibold">${3:CTA}</button>
6  </div>
7</section>

1<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
2  <div class="p-8 bg-white/5 border border-white/10 rounded-2xl">
3    <div class="text-4xl font-bold mb-4">$${1:9}/mo</div>
4    <button class="w-full py-3 bg-white/10 rounded-xl">Get Started</button>
5  </div>
6</div>

1<div class="p-6 bg-white/5 border border-white/10 rounded-2xl">
2  <p class="text-white/80 mb-6">"${1:Quote}"</p>
3  <div class="flex items-center gap-3">
4    <div class="w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-500 rounded-full"></div>
5    <div>
6      <div class="font-medium">${2:Name}</div>
7      <div class="text-sm text-white/40">${3:Role}</div>
8    </div>
9  </div>
10</div>

1<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
2  <div>
3    <div class="text-4xl font-bold text-blue-400">${1:10K+}</div>
4    <div class="text-white/60 mt-2">${2:Users}</div>
5  </div>
6</div>

1<details class="p-6 bg-white/5 border border-white/10 rounded-xl group">
2  <summary class="flex items-center justify-between cursor-pointer font-medium">
3    ${1:Question?}
4    <span class="text-white/40 group-open:rotate-45 transition-transform">+</span>
5  </summary>
6  <p class="mt-4 text-white/60">${2:Answer}</p>
7</details>