Загрузка...

Стеклянная карточка в стиле Glassmorphism для демонстрации интеграции источников. Идеально для лендингов и выделения функций.
<div class="w-full bg-gray-900 flex justify-center py-12">
<style>@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600'); .glass-card { background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 67.38%, rgba(255, 255, 255, 0) 95.49%); backdrop-filter: blur(10px); border: 1px solid rgba(98, 109, 137, 0.5); }</style>
<div class="glass-card rounded-[64px] w-full max-w-[757px] bg-white bg-opacity-5 p-8">
<div class="flex flex-col items-center space-y-4">
<div class="w-full max-w-[725px] h-[700px] bg-gradient-to-br
from-blue-500 to-purple-600 rounded-3xl flex items-center
justify-center mb-4">
<div class="w-24 h-24 bg-white rounded-full flex items-center justify-center shadow-lg">
<svg class="w-12 h-12 text-blue-600" fill="currentColor" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
</svg>
</div>
</div>
<div class="text-left w-full">
<h2 class="text-white font-bold text-4xl lg:text-5xl mb-6 font-['Plus_Jakarta_Sans',_sans-serif]">All Your Sources. One Place.</h2>
<p class="text-gray-300 text-lg lg:text-xl leading-relaxed font-['Plus_Jakarta_Sans',_sans-serif]">Search web, files, and Reddit without leaving your editor.</p>
</div>
</div>
</div>
</div>