4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T3e68,'use client' import { Activity, ArrowRightLeft, ArrowUp, Bell, Calendar, ChevronDown, Clock, CloudDownload, HardDriveDownload, History, Link2, ListChecks, Mail, Mic2, MonitorDown, Plug, Plus, Users, Zap, type LucideIcon } from 'lucide-react' import Image from 'next/image' import { useEffect, useRef, useState } from 'react' import { Button } from '@/components/ui/button' const features = [ { id: 'workflow-agents', label: 'Workflow agents' }, { id: 'alerts', label: 'Alerts' }, { id: 'timeline', label: 'Timeline' }, { id: 'integrations', label: 'Integrations' }, ] as const type FeatureId = (typeof features)[number]['id'] const featureHighlights: Record = { 'workflow-agents': [ { icon: ArrowRightLeft, label: 'Automated handoff routing' }, { icon: ListChecks, label: 'Account playbooks' }, { icon: Zap, label: 'Follow-up task agents' }, ], alerts: [ { icon: Bell, label: 'Renewal reminders' }, { icon: Clock, label: 'Stalled deal signals' }, { icon: Activity, label: 'Quiet account alerts' }, ], timeline: [ { icon: History, label: 'Full activity history' }, { icon: Users, label: 'Team-visible notes' }, { icon: Mail, label: 'Cross-channel threads' }, ], integrations: [ { icon: Plug, label: 'Gmail and Outlook sync' }, { icon: Calendar, label: 'Calendar availability' }, { icon: Link2, label: 'Billing and Stripe data' }, ], } function FeatureList({ items }: { items: { icon: LucideIcon; label: string }[] }) { return (

{label}

) } export default function FeaturesSection() { const [activeId, setActiveId] = useState('workflow-agents') const sectionRefs = useRef>>({}) const scrollToFeature = (id: FeatureId) => { sectionRefs.current[id]?.scrollIntoView({ behavior: 'smooth', block: 'start' }) setActiveId(id) } useEffect(() => { const sections = features.map((feature) => sectionRefs.current[feature.id]).filter((section): section is HTMLDivElement => section != null) const observer = new IntersectionObserver( (entries) => { const visible = entries.filter((entry) => entry.isIntersecting).sort((a, b) => b.intersectionRatio - a.intersectionRatio) const nextId = visible[0]?.target.id as FeatureId | undefined if (nextId) setActiveId(nextId) }, { rootMargin: '-25% 0px -55% 0px', threshold: [0.15, 0.35, 0.55, 0.75] } ) sections.forEach((section) => observer.observe(section)) return () => observer.disconnect() }, []) return (

Built for the full workflow.
One connected revenue product.

Product

{features.map((feature) => ( ))}

{ sectionRefs.current['workflow-agents'] = element }} id="workflow-agents" className="grid scroll-mt-32 gap-6 sm:grid-cols-2 md:grid-cols-5 lg:gap-12">

Workflow agents

Seamless handoffs. Email, chat, and support history stay on the account so nobody works from memory.

{ sectionRefs.current.alerts = element }} id="alerts" className="grid scroll-mt-32 gap-6 sm:grid-cols-2 md:grid-cols-5 lg:gap-12">

Alerts

Proactive alerts. Surface renewals, quiet accounts, and stalled deals before they slip past quarter end.

{ sectionRefs.current.timeline = element }} id="timeline" className="grid scroll-mt-32 gap-6 sm:grid-cols-2 md:grid-cols-5 lg:gap-12">

Timeline

Shared timeline. Sales, success, and support work from one account view so every handoff keeps context.

{ sectionRefs.current.integrations = element }} id="integrations" className="grid scroll-mt-32 gap-6 sm:grid-cols-2 md:grid-cols-5 lg:gap-12">

Integrations

Connected stack. Sync email, calendar, and billing tools so customer data stays current across your workflow.

) } function DownloadIllustration() { return (

Computer

16.1MB left

Cloud

Unlimited

) } function AIInputIllustration() { return (

Ask Tailark what you need...

) } function DynamicIslandIllustration() { return (

Théo Balick

Expenses

$32.65k

Income

$2.65k

) } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4f",null,{"namespace":"@catalogs","registryDependencies":["@tailark-oss/dusk-button"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"dusk/blocks/features/five.tsx","content":"$51","type":"registry:component","target":"@components/features-5.tsx"}],"className":"h-[70svh] min-h-80"}]]}]

Built for the full workflow. One connected revenue product.

Workflow agents

Alerts

Timeline

Integrations

Built for the full workflow.
One connected revenue product.