All Prompts
All Prompts

cardfeaturelistctadarkglassservices
Feature List CTA Card
Карточка со списком преимуществ и кнопкой CTA. Идеально для демонстрации услуг и привлечения клиентов.
Prompt
<div class="bg-black/30 ring-1 ring-white/10 rounded-2xl p-5 flex flex-col min-h-[200px]">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
.font-geist { font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif; }
</style>
<ul class="space-y-3">
<li class="flex items-start gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-white/80 flex-shrink-0 mt-0.5">
<path d="M5 12h14"></path>
<path d="M12 5v14"></path>
</svg>
<span class="text-sm font-geist text-white">Complete visual brand system</span>
</li>
<li class="flex items-start gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-white/80 flex-shrink-0 mt-0.5">
<path d="M5 12h14"></path>
<path d="M12 5v14"></path>
</svg>
<span class="text-sm font-geist text-white">Custom website or digital product</span>
</li>
<li class="flex items-start gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-white/80 flex-shrink-0 mt-0.5">
<path d="M5 12h14"></path>
<path d="M12 5v14"></path>
</svg>
<span class="text-sm font-geist text-white">Launch support and guidelines</span>
</li>
</ul>
<div class="mt-auto pt-6">
<a href="#contact" class="w-full inline-flex items-center justify-center gap-2 rounded-full px-5 py-3 text-sm font-medium tracking-tight text-gray-900 bg-white hover:bg-white/90 transition-colors border border-white/10">
<span class="font-geist">Start conversation</span>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4">
<path d="M5 12h14"></path>
<path d="m12 5 7 7-7 7"></path>
</svg>
</a>
</div>
</div>