Загрузка...
Шаблон карточки дашборда для отображения ресурсов AI хаба и командной работы. UI-компонент с темным дизайном, вкладками и статусами, создан с помощью Tailwind.
<div
class="font-jakarta bg-gradient-to-br from-[#000000]/80 to-blue-500/0 rounded-[28px] pt-4 pr-4 pb-4 pl-4 relative shadow-[0_0_0_1px_rgba(15,23,42,0.7),0_40px_120px_rgba(0,0,0,0.95)] w-[460px] mx-auto"
style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 28px">
<!-- Window header -->
<div
class="flex items-center justify-between rounded-2xl border border-white/10 bg-gradient-to-b from-slate-900/90 to-slate-950/95 px-4 py-3"
style="">
<div class="flex items-center space-x-3">
<div class="flex flex-col">
<span class="text-[13px] text-slate-50 font-geist font-light tracking-tight" style="">
Neuro workspace
</span>
<span class="text-[10px] text-slate-500 font-geist font-light tracking-tight" style="">
AI hub · Delivery squad
</span>
</div>
</div>
<div class="flex text-[11px] text-slate-300 space-x-2 items-center" style="">
<button class="inline-flex items-center rounded-lg border border-white/10 bg-slate-900/80 px-2.5 py-1 text-[10px] text-slate-100 shadow-[0_0_0_1px_rgba(15,23,42,0.9)] font-geist font-light tracking-tight" style="">
<span class="mr-1 font-geist font-light tracking-tight" style="">+</span>
Add shortcut
</button>
<button class="inline-flex items-center rounded-lg border border-white/10 bg-slate-900/80 px-2.5 py-1 text-[10px] text-slate-100 shadow-[0_0_0_1px_rgba(15,23,42,0.9)] font-geist font-light tracking-tight" style="">
Share with team
</button><button class="inline-flex bg-slate-900/80 w-7 h-7 border-white/10 border rounded-lg shadow-[0_0_0_1px_rgba(15,23,42,0.9)] items-center justify-center" style="">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5">
<circle cx="12" cy="12" r="1" class=""></circle>
<circle cx="19" cy="12" r="1" class=""></circle>
<circle cx="5" cy="12" r="1" class=""></circle>
</svg>
</button>
</div>
</div>
<!-- Tabs -->
<div
class="mt-3 flex items-center justify-between rounded-2xl border border-white/10 bg-slate-950/95 px-3 py-2 shadow-[inset_0_1px_0_rgba(148,163,184,0.09)]"
style="">
<div class="flex items-center space-x-1 text-[11px] text-slate-400" style="">
<button class="rounded-lg px-3 py-1 text-slate-300 hover:bg-slate-900/60 font-geist font-light tracking-tight" style="">
Overview
<span class="ml-1 rounded-full bg-slate-900/90 px-1.5 py-0.5 text-[9px] text-slate-200 shadow-[0_0_0_1px_rgba(15,23,42,0.9)] font-geist font-light tracking-tight" style="">6</span>
</button>
<button class="rounded-lg bg-gradient-to-b from-slate-900 to-slate-950 px-3 py-1 text-slate-50 shadow-[0_0_0_1px_rgba(148,163,184,0.25),0_0_0_1px_rgba(15,23,42,0.9)] font-geist font-light tracking-tight" style="">
Neuro resources
<span class="ml-1 rounded-full bg-slate-900/90 px-1.5 py-0.5 text-[9px] text-slate-200 shadow-[0_0_0_1px_rgba(15,23,42,0.9)] font-geist font-light tracking-tight" style="">9</span>
</button>
<button class="rounded-lg px-3 py-1 text-slate-300 hover:bg-slate-900/60 font-geist font-light tracking-tight" style="">
Discussions
<span class="ml-1 rounded-full bg-slate-900/90 px-1.5 py-0.5 text-[9px] text-slate-200 shadow-[0_0_0_1px_rgba(15,23,42,0.9)] font-geist font-light tracking-tight" style="">2</span>
</button>
<button class="rounded-lg px-3 py-1 text-slate-300 hover:bg-slate-900/60 font-geist font-light tracking-tight" style="">
Notes
</button>
</div>
</div>
<!-- Content sections -->
<div
class="mt-4 space-y-4 rounded-2xl border border-white/10 bg-gradient-to-b from-slate-950 via-slate-950/95 to-slate-950/90 p-3 shadow-[inset_0_1px_0_rgba(148,163,184,0.08)]"
style="">
<!-- Key resources -->
<div class="space-y-2.5">
<div class="flex items-center justify-between text-[11px]">
<div class="flex items-center space-x-1.5 text-slate-200" style="">
<span class="text-slate-100 font-geist font-light tracking-tight" style="">
Neuro suggestions
</span>
</div>
<button class="text-[10px] text-slate-500 hover:text-slate-300 font-geist font-light tracking-tight" style="">
View all suggestions
</button>
</div>
<div class="border-0 rounded-none pt-0 pr-0 pb-0 pl-0 shadow-[0_18px_45px_rgba(0,0,0,0.7)] space-y-2">
<!-- Row 1 -->
<div
class="flex items-center justify-between rounded-xl border border-slate-800/70 bg-gradient-to-b from-slate-900/85 to-slate-950/95 px-3 py-2 shadow-[0_1px_0_rgba(148,163,184,0.22),0_16px_40px_rgba(0,0,0,0.9)]"
style="">
<div class="flex items-center space-x-2.5">
<div
class="flex text-slate-50 bg-slate-950 w-8 h-8 border-white/10 border rounded-lg shadow-[0_0_0_1px_rgba(15,23,42,0.9)] items-center justify-center"
style="">
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="16" viewBox="0 0 24 24"
style="color: rgb(248, 250, 252); width: 41px; height: 16px" class="w-[41px] h-[16px]" fill="none"
data-solar="book-2-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2">
<path fill="#f8fafc"
d="M4.727 2.733c.306-.308.734-.508 1.544-.618C7.105 2.002 8.209 2 9.793 2h4.414c1.584 0 2.688.002 3.522.115c.81.11 1.238.31 1.544.618c.305.308.504.74.613 1.557c.112.84.114 1.955.114 3.552V18H7.426c-1.084 0-1.462.006-1.753.068c-.513.11-.96.347-1.285.667c-.11.108-.164.161-.291.505A1.3 1.3 0 0 0 4 19.7V7.842c0-1.597.002-2.711.114-3.552c.109-.816.308-1.249.613-1.557"
opacity=".5" class=""></path>
<path fill="#f8fafc"
d="M20 18H7.426c-1.084 0-1.462.006-1.753.068c-.513.11-.96.347-1.285.667c-.11.108-.164.161-.291.505s-.107.489-.066.78l.022.15c.11.653.31.998.616 1.244c.307.246.737.407 1.55.494c.837.09 1.946.092 3.536.092h4.43c1.59 0 2.7-.001 3.536-.092c.813-.087 1.243-.248 1.55-.494c.2-.16.354-.362.467-.664H8a.75.75 0 0 1 0-1.5h11.975c.018-.363.023-.776.025-1.25M7.25 7A.75.75 0 0 1 8 6.25h8a.75.75 0 0 1 0 1.5H8A.75.75 0 0 1 7.25 7M8 9.75a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5z"
class="">
</path>
</svg>
</div>
<div class="flex flex-col">
<span class="text-[11px] text-slate-100 font-geist font-light tracking-tight" style="">
Onboarding playbook
</span>
<div class="flex items-center space-x-2 text-[10px] text-slate-500" style="">
<span class="font-geist font-light tracking-tight" style="">4 docs</span>
<span class="font-geist font-light tracking-tight" style="">•</span>
<span class="font-geist font-light tracking-tight" style="">Notion</span>
</div>
</div>
</div>
<div class="flex items-center space-x-1.5">
<div class="flex -space-x-1">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/dc6dc108-07ea-4b25-98fb-c8196765a394_320w.webp" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/3e54e567-5c30-441a-baee-ee5f1bd4e184_320w.webp" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/32bd1b67-735b-4792-bd12-9726c91248d8_320w.webp" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
</div>
<button class="inline-flex h-6 w-6 items-center justify-center rounded-full bg-slate-900/80 text-slate-300" style="">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3">
<circle cx="12" cy="12" r="1" class=""></circle>
<circle cx="19" cy="12" r="1" class=""></circle>
<circle cx="5" cy="12" r="1" class=""></circle>
</svg>
</button>
</div>
</div>
<!-- Row 2 -->
<div
class="flex items-center justify-between rounded-xl border border-slate-800/70 bg-gradient-to-b from-slate-900/85 to-slate-950/95 px-3 py-2 shadow-[0_1px_0_rgba(148,163,184,0.22),0_16px_40px_rgba(0,0,0,0.9)]"
style="">
<div class="flex items-center space-x-2.5">
<div
class="flex text-slate-50 bg-slate-950 w-8 h-8 border-white/10 border rounded-lg shadow-[0_0_0_1px_rgba(15,23,42,0.9)] items-center justify-center"
style="">
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="16" viewBox="0 0 24 24"
style="color: rgb(248, 250, 252); width: 41px; height: 16px" class="w-[41px] h-[16px]" fill="none"
data-solar="add-folder-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2">
<path fill="#f8fafc"
d="M22 13.75v-2.202c0-2.632 0-3.949-.77-4.804a3 3 0 0 0-.224-.225c-.855-.769-2.172-.769-4.804-.769h-.374c-1.153 0-1.73 0-2.268-.153a4 4 0 0 1-.848-.352c-.488-.271-.896-.68-1.712-1.495l-.55-.55c-.274-.274-.41-.41-.554-.53a4 4 0 0 0-2.18-.903c-.186-.017-.38-.017-.766-.017c-.883 0-1.324 0-1.692.07A4 4 0 0 0 2.07 5.007C2 5.376 2 5.818 2 6.7v7.05c0 3.771 0 5.657 1.172 6.828S6.229 21.75 10 21.75h4c3.771 0 5.657 0 6.828-1.172S22 17.521 22 13.75"
opacity=".5" class=""></path>
<path fill="#f8fafc"
d="M12 11a.75.75 0 0 1 .75.75V13H14a.75.75 0 0 1 0 1.5h-1.25v1.25a.75.75 0 0 1-1.5 0V14.5H10a.75.75 0 0 1 0-1.5h1.25v-1.25A.75.75 0 0 1 12 11"
class="">
</path>
</svg>
</div>
<div class="flex flex-col">
<span class="text-[11px] text-slate-100 font-geist font-light tracking-tight" style="">
Neuro overview deck
</span>
<div class="flex items-center space-x-2 text-[10px] text-slate-500" style="">
<span class="text-slate-500 font-geist font-light tracking-tight" style="">PowerPoint</span>
</div>
</div>
</div>
<div class="flex items-center space-x-1.5">
<div class="flex -space-x-1">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/da6db32c-0d2f-48d3-8267-62eda009f312_320w.webp" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/1798060b-f297-4981-a4f3-745854800fb8_320w.jpg" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
</div>
<button class="inline-flex h-6 w-6 items-center justify-center rounded-full bg-slate-900/80 text-slate-300" style="">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3">
<circle cx="12" cy="12" r="1" class=""></circle>
<circle cx="19" cy="12" r="1" class=""></circle>
<circle cx="5" cy="12" r="1" class=""></circle>
</svg>
</button>
</div>
</div>
<!-- Row 3 -->
<div
class="flex items-center justify-between rounded-xl border border-slate-800/70 bg-gradient-to-b from-slate-900/85 to-slate-950/95 px-3 py-2 shadow-[0_1px_0_rgba(148,163,184,0.22),0_16px_40px_rgba(0,0,0,0.9)]"
style="">
<div class="flex items-center space-x-2.5">
<div
class="flex text-slate-50 bg-slate-950 w-8 h-8 border-white/10 border rounded-lg shadow-[0_0_0_1px_rgba(15,23,42,0.9)] items-center justify-center"
style="">
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="16" viewBox="0 0 24 24"
style="color: rgb(248, 250, 252); width: 41px; height: 16px;" class="w-[41px] h-[16px]" fill="none"
data-solar="calendar-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2">
<path fill="#f8fafc"
d="M6.94 2c.416 0 .753.324.753.724v1.46c.668-.012 1.417-.012 2.26-.012h4.015c.842 0 1.591 0 2.259.013v-1.46c0-.4.337-.725.753-.725s.753.324.753.724V4.25c1.445.111 2.394.384 3.09 1.055c.698.67.982 1.582 1.097 2.972L22 9H2v-.724c.116-1.39.4-2.302 1.097-2.972s1.645-.944 3.09-1.055V2.724c0-.4.337-.724.753-.724"
class="">
</path>
<path fill="#f8fafc"
d="M22 14v-2c0-.839-.004-2.335-.017-3H2.01c-.013.665-.01 2.161-.01 3v2c0 3.771 0 5.657 1.172 6.828S6.228 22 10 22h4c3.77 0 5.656 0 6.828-1.172S22 17.772 22 14"
opacity=".5" class=""></path>
<path fill="#f8fafc"
d="M18 17a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0"
class="">
</path>
</svg>
</div>
<div class="flex flex-col">
<span class="text-[11px] text-slate-100 font-geist font-light tracking-tight" style="">
Launch schedule
</span>
<div class="flex items-center space-x-2 text-[10px] text-slate-500" style="">
<span class="font-geist font-light tracking-tight" style="">16 tasks</span>
<span class="font-geist font-light tracking-tight" style="">•</span>
<span class="font-geist font-light tracking-tight" style="">Google Sheets</span>
</div>
</div>
</div>
<div class="flex items-center space-x-1.5">
<div class="flex -space-x-1">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/90ec73f0-6fd3-4d0c-922c-fcc592c983df_320w.webp" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/f5fb2db0-6611-418c-8354-c7ffd5959c6d_320w.webp" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
</div>
<button class="inline-flex h-6 w-6 items-center justify-center rounded-full bg-slate-900/80 text-slate-300" style="">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3">
<circle cx="12" cy="12" r="1" class=""></circle>
<circle cx="19" cy="12" r="1" class=""></circle>
<circle cx="5" cy="12" r="1" class=""></circle>
</svg>
</button>
</div>
</div>
</div>
</div>
<!-- Requirements -->
<div class="space-y-2.5">
<div class="flex items-center justify-between text-[11px]">
<div class="flex items-center space-x-1.5 text-slate-200" style="">
<span class="text-slate-100 font-geist font-light tracking-tight" style="">
Team work in progress
</span>
</div>
<button class="text-[10px] text-slate-500 hover:text-slate-300 font-geist font-light tracking-tight" style="">
View all work
</button>
</div>
<div class="border-0 rounded-none pt-0 pr-0 pb-0 pl-0 shadow-[0_18px_45px_rgba(0,0,0,0.7)] space-y-2">
<!-- Row 1 -->
<div
class="flex items-center justify-between rounded-xl border border-slate-800/70 bg-gradient-to-b from-slate-900/85 to-slate-950/95 px-3 py-2 shadow-[0_1px_0_rgba(148,163,184,0.22),0_16px_40px_rgba(0,0,0,0.9)]"
style="">
<div class="flex items-center space-x-2.5">
<div
class="flex text-slate-50 bg-slate-950 w-8 h-8 border-white/10 border rounded-lg shadow-[0_0_0_1px_rgba(15,23,42,0.9)] items-center justify-center"
style="">
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="16" viewBox="0 0 24 24"
style="color: rgb(248, 250, 252); width: 41px; height: 16px;" class="w-[41px] h-[16px]" fill="none"
data-solar="bill-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2">
<path fill="#f8fafc" fill-rule="evenodd"
d="M1.25 3A.75.75 0 0 1 2 2.25h20a.75.75 0 0 1 0 1.5H2A.75.75 0 0 1 1.25 3" clip-rule="evenodd"
class="">
</path>
<path fill="#f8fafc"
d="M4 3.75v9.527c0 1.34 0 2.01.268 2.601s.772 1.032 1.781 1.915l2 1.75c1.883 1.647 2.824 2.47 3.951 2.47s2.069-.823 3.951-2.47l2-1.75c1.008-.883 1.513-1.324 1.78-1.915c.269-.59.269-1.26.269-2.6V3.75z"
opacity=".5" class=""></path>
<path fill="#f8fafc" fill-rule="evenodd"
d="M7.75 14a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75m0-5a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7A.75.75 0 0 1 7.75 9"
clip-rule="evenodd" class=""></path>
</svg>
</div>
<div class="flex flex-col">
<span class="text-[11px] text-slate-100 font-geist font-light tracking-tight" style="">
Customer feedback – June focus
</span>
<div class="flex items-center space-x-2 text-[10px] text-slate-500" style="">
<span class="font-geist font-light tracking-tight" style="">4 threads</span>
<span class="font-geist font-light tracking-tight" style="">•</span>
<span class="font-geist font-light tracking-tight" style="">Google Docs</span>
</div>
</div>
</div>
<div class="flex items-center space-x-1.5">
<div class="flex -space-x-1">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/dd2478f4-b046-42e8-ada4-3dfb61175c5c_320w.webp" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
<img src="https://images.unsplash.com/photo-1525134479668-1bee5c7c6845?auto=format&fit=crop&w=80&q=80" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
</div>
<button class="inline-flex h-6 w-6 items-center justify-center rounded-full bg-slate-900/80 text-slate-300" style="">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3">
<circle cx="12" cy="12" r="1" class=""></circle>
<circle cx="19" cy="12" r="1" class=""></circle>
<circle cx="5" cy="12" r="1" class=""></circle>
</svg>
</button>
</div>
</div>
<!-- Row 2 -->
<div
class="flex items-center justify-between rounded-xl border border-slate-800/70 bg-gradient-to-b from-slate-900/85 to-slate-950/95 px-3 py-2 shadow-[0_1px_0_rgba(148,163,184,0.22),0_16px_40px_rgba(0,0,0,0.9)]"
style="">
<div class="flex items-center space-x-2.5">
<div
class="flex text-slate-50 bg-slate-950 w-8 h-8 border-white/10 border rounded-lg shadow-[0_0_0_1px_rgba(15,23,42,0.9)] items-center justify-center"
style="">
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="16" viewBox="0 0 24 24"
style="color: rgb(248, 250, 252); width: 41px; height: 16px" class="w-[41px] h-[16px]" fill="none"
data-solar="check-square-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2">
<path fill="#f8fafc"
d="M12 22c-4.714 0-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464C22 4.93 22 7.286 22 12s0 7.071-1.465 8.535C19.072 22 16.714 22 12 22"
opacity=".5" class=""></path>
<path fill="#f8fafc"
d="M16.03 8.97a.75.75 0 0 1 0 1.06l-5 5a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06l1.47 1.47l4.47-4.47a.75.75 0 0 1 1.06 0"
class="">
</path>
</svg>
</div>
<div class="flex flex-col">
<span class="text-[11px] text-slate-100 font-geist font-light tracking-tight" style="">
Release checklist
</span>
<div class="flex items-center space-x-2 text-[10px] text-slate-500" style="">
<span class="font-geist font-light tracking-tight" style="">19 items</span>
<span class="font-geist font-light tracking-tight" style="">•</span>
<span class="font-geist font-light tracking-tight" style="">Google Sheets</span>
</div>
</div>
</div>
<div class="flex items-center space-x-1.5">
<div class="flex -space-x-1">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/917d6f93-fb36-439a-8c48-884b67b35381_1600w.jpg" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
<img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/985c6eb9-fe04-40ea-a141-ee053f273a3c_320w.webp" class="h-6 w-6 rounded-full border border-slate-900 object-cover" alt="" style="">
</div>
<button class="inline-flex h-6 w-6 items-center justify-center rounded-full bg-slate-900/80 text-slate-300" style="">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3">
<circle cx="12" cy="12" r="1" class=""></circle>
<circle cx="19" cy="12" r="1" class=""></circle>
<circle cx="5" cy="12" r="1" class=""></circle>
</svg>
</button>
</div>
</div>
</div>
</div>
<!-- Footer pill -->
<div
class="flex items-center justify-between rounded-2xl border border-white/10 bg-slate-950/95 px-3 py-2 text-[10px] text-slate-400 shadow-[0_10px_32px_rgba(0,0,0,0.9)]"
style="">
<div class="flex items-center space-x-1.5">
<span class="text-slate-200 font-geist font-light tracking-tight" style="">Neuro links</span>
<span class="h-1 w-4 rounded-full bg-slate-700/70" style=""></span>
<span class="font-geist font-light tracking-tight" style="">Docs, sheets, tickets</span>
</div>
<div class="flex items-center space-x-1.5">
<span class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-slate-900 shadow-[0_0_0_1px_rgba(15,23,42,0.9)]" style="">
<span class="h-1.5 w-1.5 rounded-full bg-emerald-400" style=""></span>
</span>
<span class="font-geist font-light tracking-tight" style="">Instant sync on</span>
</div>
</div>
</div>
</div>