Tribeca Dental Club

<div class="flex-1 overflow-hidden">
<div class="h-full">
<div class="react-scroll-to-bottom--css-gcamz-79elbk h-full">
<div class="react-scroll-to-bottom--css-gcamz-1n7m0yu">
<div class="flex flex-col text-sm md:pb-9">
<div class="w-full text-token-text-primary" dir="auto" data-testid="conversation-turn-5" data-scroll-anchor="true">
<div class="text-base py-[18px] px-3 md:px-4 m-auto md:px-5 lg:px-1 xl:px-5">
<div class="mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]">
<div class="flex-shrink-0 flex flex-col relative items-end">
<div>
<div class="pt-0">
<div class="gizmo-bot-avatar flex h-8 w-8 items-center justify-center overflow-hidden rounded-full">
<div class="relative p-1 rounded-sm flex items-center justify-center bg-token-main-surface-primary text-token-text-primary h-8 w-8">&nbsp;</div>
</div>
</div>
</div>
</div>
<div class="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn">
<div class="flex-col gap-1 md:gap-3">
<div class="flex flex-grow flex-col max-w-full">
<div class="min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto" dir="auto" data-message-author-role="assistant" data-message-id="be29712f-8b56-45f8-98f9-aeed012373ff">
<div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]">
<div class="markdown prose w-full break-words dark:prose-invert dark">
<p>At Tribeca Dental Club, the range of services includes:</p>
<ol>
<li>
<p><strong>General Dentistry:</strong></p>
<ul>
<li>Routine Check-ups and Cleanings</li>
<li>Fillings and Restorations</li>
<li>Extractions</li>
<li>Root Canals</li>
<li>Periodontal Care (Gum Treatments)</li>
</ul>
</li>
<li>
<p><strong>Cosmetic Dentistry:</strong></p>
<ul>
<li>Teeth Whitening</li>
<li>Porcelain Veneers</li>
<li>Dental Bonding</li>
<li>Cosmetic Contouring</li>
<li>Smile Makeovers</li>
</ul>
</li>
<li>
<p><strong>Orthodontics:</strong></p>
<ul>
<li>Traditional Braces</li>
<li>Clear Aligners (Invisalign)</li>
</ul>
</li>
<li>
<p><strong>Restorative Dentistry:</strong></p>
<ul>
<li>Crowns and Bridges</li>
<li>Dental Implants</li>
<li>Dentures</li>
</ul>
</li>
<li>
<p><strong>Preventive Care:</strong></p>
<ul>
<li>Sealants</li>
<li>Fluoride Treatments</li>
<li>Oral Cancer Screenings</li>
</ul>
</li>
<li>
<p><strong>Emergency Dental Care:</strong></p>
<ul>
<li>Treatment for Toothaches</li>
<li>Trauma and Injury Management</li>
</ul>
</li>
</ol>
<p>Each service is delivered with a focus on patient comfort and using the latest dental technology to ensure effective and high-quality care.</p>
</div>
</div>
</div>
</div>
<div class="mt-1 flex gap-3 empty:hidden -ml-2">
<div class="items-center justify-start rounded-xl p-1 flex">
<div class="flex items-center"><button class="rounded-lg text-token-text-secondary hover:bg-token-main-surface-secondary"></button><button class="rounded-lg text-token-text-secondary hover:bg-token-main-surface-secondary"></button><button class="rounded-lg text-token-text-secondary hover:bg-token-main-surface-secondary"></button>
<div class="flex">&nbsp;</div>
<div class="flex items-center pb-0">
<div class="[&amp;_svg]:h-full [&amp;_svg]:w-full icon-md h-4 w-4">&nbsp;</div>
<span class="overflow-hidden text-clip whitespace-nowrap text-sm">4o mini</span></div>
</div>
</div>
</div>
<div class="pr-2 lg:pr-0">&nbsp;</div>
<div class="mt-3 w-full empty:hidden">
<div class="text-center">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="md:pt-0 dark:border-white/20 md:border-transparent md:dark:border-transparent w-full">
<div class="text-base px-3 md:px-4 m-auto md:px-5 lg:px-1 xl:px-5">
<div class="mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]"><form class="w-full" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:r2:" data-state="closed">
<div class="relative flex h-full max-w-full flex-1 flex-col">
<div class="absolute bottom-full left-0 right-0 z-20">&nbsp;</div>
<div class="flex w-full items-center">
<div class="flex w-full flex-col gap-1.5 rounded-[26px] p-1.5 transition-colors bg-[#f4f4f4] dark:bg-token-main-surface-secondary">
<div class="flex items-end gap-1.5 md:gap-2">
<div>
<div class="flex flex-col"><input class="hidden" tabindex="-1" multiple="multiple" type="file" /><button id="radix-:re:" class="text-token-text-primary border border-transparent inline-flex items-center justify-center gap-1 rounded-lg text-sm dark:transparent dark:bg-transparent leading-none outline-none cursor-pointer hover:bg-token-main-surface-secondary dark:hover:bg-token-main-surface-secondary focus-visible:bg-token-main-surface-secondary radix-state-active:text-token-text-secondary radix-disabled:cursor-auto radix-disabled:bg-transparent radix-disabled:text-token-text-tertiary dark:radix-disabled:bg-transparent m-0 h-0 w-0 border-none bg-transparent p-0" type="button" aria-haspopup="menu" aria-expanded="false" data-state="closed"></button><button data-state="closed"></button><button class="flex items-center justify-center h-8 w-8 rounded-full text-token-text-primary focus-visible:outline-black dark:text-white dark:focus-visible:outline-white mb-1 ml-1.5" aria-disabled="true"></button>
<div aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:rh:" data-state="closed">&nbsp;</div>
</div>
</div>
<div class="flex min-w-0 flex-1 flex-col">&nbsp;</div>
</div>
</div>
</div>
</div>
</form></div>
</div>
</div>