VibeCoderzVibeCoderz
Telegram
All Prompts
Feature List CTA Card preview
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>
All Prompts