feat: implement home page layout and add necessary assets for landing page sections

2 weeks ago · 5925ba294f
35 changed files with 1032 additions and 42 deletions
--- a/app/globals.css
+++ b/app/globals.css
@ -4,9 +4,11 @@
  --background: #03070D;
  --foreground: #ffffff;
  --font-inter: var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --font-poppins: var(--font-poppins), "Poppins", sans-serif;
  background-color: #03070D;
 }

+
@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
--- a/app/layout.tsx
+++ b/app/layout.tsx
@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { Inter, Poppins } from "next/font/google";
 import "./globals.css";

 const inter = Inter({
@ -8,6 +8,13 @@ const inter = Inter({
  display: "swap",
 });

+const poppins = Poppins({
+  subsets: ["latin"],
+  weight: ["400", "500", "600"],
+  variable: "--font-poppins",
+  display: "swap",
+});
+
 export const metadata: Metadata = {
  title: "TeamBy.ai - AI-Powered Management for Team Leads",
  description:
@ -20,7 +27,8 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="en" className={`${inter.variable} dark bg-[#03070D]`}>
+    <html lang="en" className={`${inter.variable} ${poppins.variable} dark bg-[#03070D]`}>
+
      <body className="min-h-full flex flex-col bg-[#03070D] text-[#ffffff] font-sans antialiased selection:bg-blue-500/30 selection:text-blue-200">
        {children}
      </body>
--- a/app/page.tsx
+++ b/app/page.tsx
@ -4,6 +4,8 @@ import {
  DashboardSection,
  AiCopilotSection,
  StepsSection,
+  VoiceAgentSection,
+  TaskAnalysisSection,
 } from "@/components/sections";

 export default function Home() {
@ -16,7 +18,11 @@ export default function Home() {
        <DashboardSection />
        <AiCopilotSection />
        <StepsSection />
+        <VoiceAgentSection />
+        <TaskAnalysisSection />
      </div>
    </main>
  );
 }
+
+
--- a/components/sections/AiCopilotSection.tsx
+++ b/components/sections/AiCopilotSection.tsx
@ -63,43 +63,16 @@ export function AiCopilotSection() {
      </div>

      {/* Content Frame: AI Orb & Feature Matrix (Content_Frame_1429_12129: w: 1216, h: 437, y: 212) */}
-      <div className="relative w-full max-w-[1216px] h-[340px] md:h-[437px] mt-[48px] flex items-center justify-center overflow-visible">
-        {/* Left Icons Matrix with smooth unclipped shadow blur (icons_1429_12130: w: 495, h: 288) */}
-        <div className="absolute left-[calc(50%-608px)] top-1/2 -translate-y-1/2 w-[495px] h-[288px] flex items-center justify-center pointer-events-none z-0">
+      <div className="relative w-full max-w-[1216px] h-[340px] md:h-[437px] mt-[48px] flex items-center justify-center">
+        <div className="relative w-full h-full max-w-[1216px] aspect-[1216/437] overflow-visible select-none pointer-events-none">
          <Image
-            src="/assets/images/copilot_icons_left.png"
-            alt=""
-            width={693}
-            height={815}
-            priority
-            unoptimized
-            className="max-w-none flex-shrink-0 select-none pointer-events-none"
-          />
-        </div>
-
-        {/* Right Icons Matrix with smooth unclipped shadow blur (icons_1429_12149: w: 495, h: 288) */}
-        <div className="absolute right-[calc(50%-608px)] top-1/2 -translate-y-1/2 w-[495px] h-[288px] flex items-center justify-center pointer-events-none z-0">
-          <Image
-            src="/assets/images/copilot_icons_right.png"
-            alt=""
-            width={693}
-            height={815}
-            priority
-            unoptimized
-            className="max-w-none flex-shrink-0 select-none pointer-events-none"
-          />
-        </div>
-
-        {/* Center Luminous Ball AI Orb (Luminous_ball_1429_12168: w: 437, h: 437) */}
-        <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[437px] h-[437px] flex items-center justify-center pointer-events-none z-10">
-          <Image
-            src="/assets/images/copilot_luminous_ball.png"
-            alt="AI Co-Pilot Luminous Sphere"
-            width={1349}
-            height={865}
+            src="/assets/images/copilot_content_frame.png"
+            alt="AI Management Co-Pilot Matrix"
+            fill
            priority
            unoptimized
-            className="max-w-none flex-shrink-0 select-none pointer-events-none"
+            className="object-contain object-center select-none"
+            sizes="(max-width: 1280px) 100vw, 1216px"
          />
        </div>
      </div>
--- a/components/sections/StepsSection.tsx
+++ b/components/sections/StepsSection.tsx
@ -113,16 +113,16 @@ export function StepsSection() {
              </div>
            </div>

-            {/* Step Connector Chevron Pill (Step_Container: w: 40, h: 40) */}
+            {/* Step Connector Chevron Button (Step_Container: w: 40, h: 40) */}
            {idx < steps.length - 1 && (
-              <div className="hidden md:flex w-[40px] h-[40px] rounded-full btn-primary-gradient items-center justify-center border border-white/50 shadow-[0_0_20px_rgba(75,128,255,0.4)] flex-shrink-0 z-30 -mx-[20px]">
+              <div className="hidden md:flex w-[40px] h-[40px] items-center justify-center flex-shrink-0 z-30 -mx-[20px] pointer-events-none select-none">
                <Image
-                  src="/assets/images/step_arrow_icon.svg"
+                  src="/assets/images/step_arrow_btn.svg"
                  alt=""
-                  width={14}
-                  height={14}
+                  width={100}
+                  height={100}
                  unoptimized
-                  className="w-[14px] h-[14px] object-contain"
+                  className="w-[100px] h-[100px] max-w-none flex-shrink-0 pointer-events-none select-none"
                />
              </div>
            )}
--- a/components/sections/TaskAnalysisSection.tsx
+++ b/components/sections/TaskAnalysisSection.tsx
@ -0,0 +1,423 @@
+import Image from "next/image";
+
+export function TaskAnalysisSection() {
+  return (
+    <section
+      id="task-analysis-section"
+      className="relative w-full flex flex-col items-center z-20 px-4 mb-[120px]"
+    >
+      {/* Root Node: 01 (Type: FRAME, id: 4193:9606, width: 1216, height: 919, layoutMode: VERTICAL, itemSpacing: 80) */}
+      <div className="relative w-full max-w-[1216px] flex flex-col items-center gap-[80px]">
+        {/* Frame 2147225107 (Type: FRAME, id: 4193:9607, width: 802, height: 219, layoutMode: VERTICAL, itemSpacing: 48) */}
+        <div className="relative w-full max-w-[802px] flex flex-col items-center gap-[48px]">
+          {/* Frame 2147225110 (Type: FRAME, id: 4193:9608, width: 101, height: 48, layoutMode: VERTICAL, itemSpacing: -8) */}
+          <div className="relative flex flex-col items-center">
+            {/* Frame 2147225109 (id: 4193:9609, width: 32, height: 32) Star Orb */}
+            <div className="relative w-[32px] h-[32px] flex items-center justify-center select-none pointer-events-none z-10">
+              <Image
+                src="/assets/images/kanban_badge_star.png"
+                alt=""
+                width={32}
+                height={32}
+                unoptimized
+                className="w-[32px] h-[32px] object-contain"
+              />
+            </div>
+
+            {/* Header (id: 4193:9615, width: 101, height: 24, fill: #0f1a47 opacity 0.7, cornerRadius: 24) */}
+            <div className="relative -mt-[8px] h-[24px] px-[12px] py-[4px] rounded-[24px] bg-[#0f1a47]/70 border border-white/20 backdrop-blur-sm flex items-center justify-center z-0">
+              {/* Title (id: 4193:9616, text: "Task analysis", 12px, Inter Medium, #dae5ff) */}
+              <span className="text-[#dae5ff] text-[12px] leading-[16px] font-medium font-[family-name:var(--font-inter)] select-none">
+                Task analysis
+              </span>
+            </div>
+          </div>
+
+          {/* Frame 2147225111 (Type: FRAME, id: 4193:9617, width: 802, height: 123, layoutMode: VERTICAL, itemSpacing: 16) */}
+          <div className="w-full flex flex-col items-center gap-[16px] text-center">
+            {/* Title (id: 4193:9618, text: "Speed means nothing if you have to build it twice.", 24px, Inter Medium) */}
+            <h2 className="text-[#6f829e] text-[24px] leading-[29px] font-medium tracking-tight">
+              Speed means nothing if you have to build it twice.
+            </h2>
+
+            {/* Frame 2147225106 (id: 4193:9619, width: 802, height: 78, itemSpacing: 12) */}
+            <div className="w-full max-w-[802px] flex flex-col items-center">
+              {/* Subtitle (id: 4193:9620 & 4193:9621, 32px, Inter Medium, #e4ecf7 / #cbdaef) */}
+              <h3 className="text-[#e4ecf7] text-[32px] leading-[39px] font-medium tracking-tight">
+                Your team is shipping fast, but 30% of their work is{" "}
+                <span className="text-[#cbdaef]">bouncing back.</span>
+              </h3>
+            </div>
+          </div>
+        </div>
+
+        {/* Frame 2147225112 (Type: FRAME, id: 4193:9622, width: 1216, height: 620, cornerRadius: 40) */}
+        <div className="relative w-full max-w-[1216px] h-[620px] rounded-[40px] bg-gradient-to-b from-[#000718] to-[#03070d]/0 border border-[#272f3a] overflow-hidden">
+          {/* Ellipse 43609 (id: 4193:9623, width: 169, height: 169, x: -43, y: 268, fill: #6d85ff, blur: 500px) */}
+          <div className="absolute -left-[43px] top-[268px] w-[169px] h-[169px] rounded-full bg-[#6d85ff] blur-[250px] opacity-40 pointer-events-none" />
+
+          {/* Frame 2147225119: Top Navigation Bar (id: 4193:9707, width: 1136, height: 42, x: 40, y: 40) */}
+          <div className="absolute left-[40px] top-[40px] w-[calc(100%-80px)] max-w-[1136px] flex items-center justify-between">
+            {/* Left Controls: Frame 2147225113 (id: 4193:9708, width: 377, height: 40, itemSpacing: 24) */}
+            <div className="flex items-center gap-[24px]">
+              {/* Frame 1000005816 -> Frame 1000005818: Logo & Text (id: 4193:9710) */}
+              <div className="flex items-center gap-[6px]">
+                {/* Kanban Icon (id: 4193:9712, width: 20, height: 20) */}
+                <Image
+                  src="/assets/images/kanban_board_icon.svg"
+                  alt=""
+                  width={20}
+                  height={20}
+                  unoptimized
+                  className="w-[20px] h-[20px]"
+                />
+                {/* Kanban Board Title (id: 4193:9715, 20px, Inter Bold, #ffffff) */}
+                <span className="text-white text-[20px] leading-[24px] font-bold tracking-tight select-none">
+                  Kanban Board
+                </span>
+              </div>
+
+              {/* Frame 1000005817: Dropdown & Setting (id: 4193:9716, width: 186, height: 40, itemSpacing: 12) */}
+              <div className="flex items-center gap-[12px]">
+                {/* Frame 1000005769: Main Board Dropdown (id: 4193:9717, width: 134, height: 40, cornerRadius: 12) */}
+                <button
+                  type="button"
+                  className="h-[40px] px-[15px] py-[9px] rounded-[12px] bg-[#d9d9d9]/[0.08] border border-white/[0.08] flex items-center justify-between gap-[19px] hover:bg-[#d9d9d9]/[0.12] transition-colors"
+                >
+                  {/* Main Board Text (id: 4193:9719, 13px, Inter Medium, #ffffff) */}
+                  <span className="text-white text-[13px] leading-[16px] font-medium select-none">
+                    Main Board
+                  </span>
+                  {/* Down Arrow (id: 4193:9720, width: 21, height: 21) */}
+                  <Image
+                    src="/assets/images/kanban_down_arrow.svg"
+                    alt=""
+                    width={21}
+                    height={21}
+                    unoptimized
+                    className="w-[21px] h-[21px]"
+                  />
+                </button>
+
+                {/* uil:setting: Setting Button (id: 4193:9724, width: 40, height: 39, cornerRadius: 12, fill: #1b84ff opacity 0.2) */}
+                <button
+                  type="button"
+                  aria-label="Settings"
+                  className="w-[40px] h-[40px] rounded-[12px] bg-[#1b84ff]/20 flex items-center justify-center hover:bg-[#1b84ff]/30 transition-colors"
+                >
+                  {/* Setting Icon (id: 4193:9725, width: 18, height: 18) */}
+                  <Image
+                    src="/assets/images/kanban_setting_icon.svg"
+                    alt=""
+                    width={18}
+                    height={18}
+                    unoptimized
+                    className="w-[18px] h-[18px]"
+                  />
+                </button>
+              </div>
+            </div>
+
+            {/* Right Controls: Frame 2147225114 (id: 4193:9726, width: 579, height: 42, itemSpacing: 12) */}
+            <div className="flex items-center gap-[12px]">
+              {/* Frame 1000005772: Search Bar (id: 4193:9727, width: 340, height: 40, cornerRadius: 12) */}
+              <div className="w-[340px] h-[40px] px-[10px] py-[9px] rounded-[12px] bg-[#d9d9d9]/[0.08] border border-white/[0.08] flex items-center gap-[8px]">
+                {/* Search Icon (id: 4193:9729, width: 21, height: 21) */}
+                <Image
+                  src="/assets/images/kanban_search_icon.svg"
+                  alt=""
+                  width={21}
+                  height={21}
+                  unoptimized
+                  className="w-[21px] h-[21px] flex-shrink-0"
+                />
+                {/* Input Placeholder Text (id: 4193:9731, 13px, Inter Medium, #5c6577) */}
+                <input
+                  type="text"
+                  placeholder="Search tasks by title or description..."
+                  className="w-full bg-transparent text-[13px] leading-[16px] text-white placeholder-[#5c6577] outline-none font-medium"
+                />
+              </div>
+
+              {/* Frame 1000005770: Filter Button (id: 4193:9732, width: 86, height: 40, cornerRadius: 12) */}
+              <button
+                type="button"
+                className="h-[40px] pl-[10px] pr-[15px] py-[9px] rounded-[12px] bg-[#d9d9d9]/[0.08] border border-white/[0.08] flex items-center gap-[8px] hover:bg-[#d9d9d9]/[0.12] transition-colors"
+              >
+                {/* Filter Icon (id: 4193:9734, width: 21, height: 21) */}
+                <Image
+                  src="/assets/images/kanban_filter_icon.svg"
+                  alt=""
+                  width={21}
+                  height={21}
+                  unoptimized
+                  className="w-[21px] h-[21px]"
+                />
+                {/* Filter Text (id: 4193:9736, 13px, Inter Medium, #ffffff) */}
+                <span className="text-white text-[13px] leading-[16px] font-medium select-none">
+                  Filter
+                </span>
+              </button>
+
+              {/* Button: Get Started (id: 4193:9737, width: 129, height: 42, cornerRadius: 12) */}
+              <button
+                type="button"
+                className="h-[42px] px-[20px] py-[11px] rounded-[12px] bg-gradient-to-r from-[#0029b2] via-[#487eff] to-[#adbfff] border border-white/30 shadow-[0_0_20px_rgba(75,128,255,0.4)] flex items-center justify-center hover:opacity-95 transition-opacity"
+              >
+                {/* Button Title (id: 4193:9738, 16px, Inter Regular, #ffffff, lineHeight: 20px) */}
+                <span className="text-white text-[16px] leading-[20px] font-normal select-none">
+                  Get Started
+                </span>
+              </button>
+            </div>
+          </div>
+
+          {/* Frame 2147225123: Columns Area (id: 4193:9624, width: 596, height: 217, x: 40, y: 120, itemSpacing: 24) */}
+          <div className="absolute left-[40px] top-[120px] flex items-start gap-[24px]">
+            {/* 1. "To Do" Column: Frame 2147225102 (id: 4193:9625, width: 286, height: 217, fills: #080f1a opacity 0.5, stroke: #0f161f, cornerRadius: 24) */}
+            <div className="relative w-[286px] h-[217px] rounded-[24px] bg-[#080f1a]/50 border border-[#0f161f] p-[24px] flex flex-col gap-[24px] flex-shrink-0">
+              {/* Ellipse 1071: Glow Effect (id: 4193:9665, w: 83.5, h: 78.3, fill: #0035b3 blur 200) */}
+              <div className="absolute -left-[17px] top-[0px] w-[84px] h-[78px] rounded-full bg-[#0035b3] blur-[80px] opacity-40 pointer-events-none" />
+
+              {/* Column Header: Frame 1000005788 (id: 4193:9626, width: 238, height: 24) */}
+              <div className="w-full flex items-center justify-between z-10">
+                {/* Title & Count: Frame 1000005783 (id: 4193:9627, itemSpacing: 8) */}
+                <div className="flex items-center gap-[8px]">
+                  {/* To Do Text (id: 4193:9628, 14px, Inter Bold, #ffffff) */}
+                  <span className="text-white text-[14px] leading-[17px] font-bold">
+                    To Do
+                  </span>
+                  {/* Count Pill: Frame 1000005773 (id: 4193:9629, width: 24, height: 24, cornerRadius: 12) */}
+                  <span className="w-[24px] h-[24px] rounded-[12px] bg-white/10 flex items-center justify-center text-white text-[11px] font-normal leading-[13px]">
+                    1
+                  </span>
+                </div>
+
+                {/* Status Pill: Frame 1000005784 (id: 4193:9631, width: 58, height: 24, fill: #16b05e opacity 0.2, cornerRadius: 12) */}
+                <div className="h-[24px] px-[10px] rounded-[12px] bg-[#16b05e]/20 flex items-center gap-[4px]">
+                  {/* Dot (id: 4193:9632, width: 6, height: 6, fill: #16b05e) */}
+                  <span className="w-[6px] h-[6px] rounded-full bg-[#16b05e]" />
+                  {/* Done Text (id: 4193:9633, 11px, Inter Regular, #16b05e) */}
+                  <span className="text-[#16b05e] text-[11px] leading-[13px] font-normal">
+                    Done
+                  </span>
+                </div>
+              </div>
+
+              {/* Task Card: Frame 1000005809 (id: 4193:9634, width: 238, height: 121, cornerRadius: 15) */}
+              <div className="w-full h-[121px] rounded-[15px] bg-gradient-to-b from-[#313e52]/40 to-[#252f3f]/40 border border-[#0f161f] p-[14px] shadow-[1px_5px_20px_rgba(0,0,0,0.2)] flex flex-col justify-between z-10">
+                {/* Card Top: Tag + Flag + Title (Frame 1000005800) */}
+                <div className="flex flex-col gap-[10px]">
+                  {/* Tag + Flag Row (Frame 1000005797) */}
+                  <div className="flex items-center justify-between">
+                    {/* Game Tag (Frame 1000005791, cornerRadius: 7) */}
+                    <div className="h-[22px] px-[6px] py-[4px] rounded-[7px] bg-gradient-to-r from-[#4374f3]/20 to-[#27448d]/20 flex items-center">
+                      <span className="text-[#5786ff] text-[10px] leading-[12px] font-medium">
+                        Hadi &amp; Hoda Game
+                      </span>
+                    </div>
+                    {/* Flag Icon (tabler:flag, id: 4193:9640) */}
+                    <Image
+                      src="/assets/images/kanban_flag_icon.svg"
+                      alt=""
+                      width={22}
+                      height={22}
+                      unoptimized
+                      className="w-[22px] h-[22px]"
+                    />
+                  </div>
+
+                  {/* Title (id: 4193:9643, 14px, Inter Bold, #ffffff) */}
+                  <span className="text-white text-[14px] leading-[17px] font-bold">
+                    Landing page design
+                  </span>
+                </div>
+
+                {/* Card Bottom Meta Row (Frame 1000005796) */}
+                <div className="flex items-center justify-between">
+                  {/* Avatars: Frame 1000004608 (id: 4193:9645, width: 42, height: 24) */}
+                  <div className="relative w-[42px] h-[24px] flex-shrink-0">
+                    <Image
+                      src="/assets/images/kanban_avatars.png"
+                      alt=""
+                      width={42}
+                      height={24}
+                      unoptimized
+                      className="w-[42px] h-[24px] object-contain"
+                    />
+                  </div>
+
+                  {/* Meta Badges: Frame 1000005795 (id: 4193:9655, itemSpacing: 6) */}
+                  <div className="flex items-center gap-[6px]">
+                    {/* Today Badge: Frame 1000005792 (id: 4193:9656, cornerRadius: 7) */}
+                    <div className="h-[24px] px-[8px] rounded-[7px] bg-[#16b05e]/[0.08] border border-[#16b05e]/[0.05] flex items-center gap-[3px]">
+                      <Image
+                        src="/assets/images/kanban_calendar_icon.svg"
+                        alt=""
+                        width={13}
+                        height={13}
+                        unoptimized
+                        className="w-[13px] h-[13px]"
+                      />
+                      <span className="text-[#16b05e] text-[12px] leading-[15px] font-medium">
+                        Today
+                      </span>
+                    </div>
+
+                    {/* Comments Badge: Frame 1000005793 (id: 4193:9659, cornerRadius: 7) */}
+                    <div className="h-[24px] px-[5px] rounded-[7px] bg-white/[0.04] border border-white/[0.02] flex items-center gap-[3px]">
+                      <Image
+                        src="/assets/images/kanban_message_icon.svg"
+                        alt=""
+                        width={12}
+                        height={12}
+                        unoptimized
+                        className="w-[12px] h-[12px]"
+                      />
+                      <span className="text-[#d2d4d7] text-[12px] leading-[15px] font-medium">
+                        8
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            {/* 2. "Done" Column: Frame 2147225103 (id: 4193:9666, width: 286, height: 217, fills: #080f1a opacity 0.5, stroke: #0f161f, cornerRadius: 24) */}
+            <div className="relative w-[286px] h-[217px] rounded-[24px] bg-[#080f1a]/50 border border-[#0f161f] p-[24px] flex flex-col gap-[24px] flex-shrink-0">
+              {/* Ellipse 1071: Glow Effect (id: 4193:9706, w: 83.5, h: 78.3, fill: #0035b3 blur 200) */}
+              <div className="absolute left-[0px] top-[0px] w-[84px] h-[78px] rounded-full bg-[#0035b3] blur-[80px] opacity-40 pointer-events-none" />
+
+              {/* Column Header: Frame 1000005788 (id: 4193:9667, width: 238, height: 24) */}
+              <div className="w-full flex items-center justify-between z-10">
+                {/* Title & Count: Frame 1000005783 (id: 4193:9668, itemSpacing: 8) */}
+                <div className="flex items-center gap-[8px]">
+                  {/* Done Text (id: 4193:9669, 14px, Inter Bold, #ffffff) */}
+                  <span className="text-white text-[14px] leading-[17px] font-bold">
+                    Done
+                  </span>
+                  {/* Count Pill: Frame 1000005773 (id: 4193:9670, width: 24, height: 24, cornerRadius: 12) */}
+                  <span className="w-[24px] h-[24px] rounded-[12px] bg-white/10 flex items-center justify-center text-white text-[11px] font-normal leading-[13px]">
+                    1
+                  </span>
+                </div>
+
+                {/* Status Pill: Frame 1000005784 (id: 4193:9672, width: 58, height: 24, fill: #16b05e opacity 0.2, cornerRadius: 12) */}
+                <div className="h-[24px] px-[10px] rounded-[12px] bg-[#16b05e]/20 flex items-center gap-[4px]">
+                  {/* Dot (id: 4193:9673, width: 6, height: 6, fill: #16b05e) */}
+                  <span className="w-[6px] h-[6px] rounded-full bg-[#16b05e]" />
+                  {/* Done Text (id: 4193:9674, 11px, Inter Regular, #16b05e) */}
+                  <span className="text-[#16b05e] text-[11px] leading-[13px] font-normal">
+                    Done
+                  </span>
+                </div>
+              </div>
+
+              {/* Task Card: Frame 1000005809 (id: 4193:9675, width: 238, height: 121, cornerRadius: 15) */}
+              <div className="w-full h-[121px] rounded-[15px] bg-gradient-to-b from-[#313e52]/40 to-[#252f3f]/40 border border-[#0f161f] p-[14px] shadow-[1px_5px_20px_rgba(0,0,0,0.2)] flex flex-col justify-between z-10">
+                {/* Card Top: Tag + Flag + Title (Frame 1000005800) */}
+                <div className="flex flex-col gap-[10px]">
+                  {/* Tag + Flag Row (Frame 1000005797) */}
+                  <div className="flex items-center justify-between">
+                    {/* Game Tag (Frame 1000005791, cornerRadius: 7) */}
+                    <div className="h-[22px] px-[6px] py-[4px] rounded-[7px] bg-gradient-to-r from-[#4374f3]/20 to-[#27448d]/20 flex items-center">
+                      <span className="text-[#5786ff] text-[10px] leading-[12px] font-medium">
+                        Hadi &amp; Hoda Game
+                      </span>
+                    </div>
+                    {/* Flag Icon (tabler:flag, id: 4193:9681) */}
+                    <Image
+                      src="/assets/images/kanban_flag_icon.svg"
+                      alt=""
+                      width={22}
+                      height={22}
+                      unoptimized
+                      className="w-[22px] h-[22px]"
+                    />
+                  </div>
+
+                  {/* Title (id: 4193:9684, 14px, Inter Bold, #ffffff) */}
+                  <span className="text-white text-[14px] leading-[17px] font-bold">
+                    Landing page design
+                  </span>
+                </div>
+
+                {/* Card Bottom Meta Row (Frame 1000005796) */}
+                <div className="flex items-center justify-between">
+                  {/* Avatars: Frame 1000004608 (id: 4193_9686, width: 42, height: 24) */}
+                  <div className="relative w-[42px] h-[24px] flex-shrink-0">
+                    <Image
+                      src="/assets/images/kanban_avatars.png"
+                      alt=""
+                      width={42}
+                      height={24}
+                      unoptimized
+                      className="w-[42px] h-[24px] object-contain"
+                    />
+                  </div>
+
+                  {/* Meta Badges: Frame 1000005795 (id: 4193:9696, itemSpacing: 6) */}
+                  <div className="flex items-center gap-[6px]">
+                    {/* Today Badge: Frame 1000005792 (id: 4193:9697, cornerRadius: 7) */}
+                    <div className="h-[24px] px-[8px] rounded-[7px] bg-[#16b05e]/[0.08] border border-[#16b05e]/[0.05] flex items-center gap-[3px]">
+                      <Image
+                        src="/assets/images/kanban_calendar_icon.svg"
+                        alt=""
+                        width={13}
+                        height={13}
+                        unoptimized
+                        className="w-[13px] h-[13px]"
+                      />
+                      <span className="text-[#16b05e] text-[12px] leading-[15px] font-medium">
+                        Today
+                      </span>
+                    </div>
+
+                    {/* Comments Badge: Frame 1000005793 (id: 4193:9700, cornerRadius: 7) */}
+                    <div className="h-[24px] px-[5px] rounded-[7px] bg-white/[0.04] border border-white/[0.02] flex items-center gap-[3px]">
+                      <Image
+                        src="/assets/images/kanban_message_icon.svg"
+                        alt=""
+                        width={12}
+                        height={12}
+                        unoptimized
+                        className="w-[12px] h-[12px]"
+                      />
+                      <span className="text-[#d2d4d7] text-[12px] leading-[15px] font-medium">
+                        8
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Group 2147223367: Cursor "Designer" Tag (id: 4193:9739, x: 201, y: 310, rotation: 6 deg) */}
+          <div className="absolute left-[201px] top-[310px] w-[106px] h-[47px] pointer-events-none select-none z-20">
+            <Image
+              src="/assets/images/kanban_cursor_designer.png"
+              alt="Designer"
+              width={106}
+              height={47}
+              unoptimized
+              className="w-[106px] h-[47px] object-contain"
+            />
+          </div>
+
+          {/* Group 2147223368: Cursor "You" Tag (id: 4193:9743, x: 517, y: 249, rotation: -6 deg) */}
+          <div className="absolute left-[517px] top-[249px] w-[76px] h-[44px] pointer-events-none select-none z-20">
+            <Image
+              src="/assets/images/kanban_cursor_you.png"
+              alt="You"
+              width={76}
+              height={44}
+              unoptimized
+              className="w-[76px] h-[44px] object-contain"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
--- a/components/sections/VoiceAgentSection.tsx
+++ b/components/sections/VoiceAgentSection.tsx
@ -0,0 +1,179 @@
+import Image from "next/image";
+
+export function VoiceAgentSection() {
+  return (
+    <section
+      id="voice-agent-section"
+      className="relative w-full flex flex-col items-center z-20 px-4 mb-[120px]"
+    >
+      {/* Frame 2147225098 (Type: FRAME, id: 1429:12443, width: 1216, height: 1330) */}
+      <div className="relative w-full max-w-[1216px] flex flex-col gap-[24px]">
+        {/* ROW 1: (y: 0, height: 481) */}
+        <div className="w-full flex flex-col lg:flex-row gap-[24px] items-stretch">
+          {/* 1. Image Container (id: 1429:12444, width: 803, height: 481, fills: #080f1a opacity 0.5, cornerRadius: 32) */}
+          <div className="relative w-full lg:w-[803px] h-[481px] rounded-[32px] bg-[#080f1a]/50 border border-white/[0.08] overflow-hidden flex-shrink-0">
+            {/* Glow Effects: Ellipse 1075, 1079, 1080 */}
+            <div className="absolute -left-[112px] top-[322px] w-[318px] h-[318px] rounded-full bg-[#0029b2] blur-[100px] pointer-events-none opacity-80" />
+            <div className="absolute -left-[112px] top-[401px] w-[239px] h-[239px] rounded-full bg-[#0032d7] blur-[70px] pointer-events-none opacity-80" />
+            <div className="absolute -left-[112px] top-[461px] w-[179px] h-[179px] rounded-full bg-[#809dff] blur-[50px] pointer-events-none opacity-70" />
+
+            {/* Title (id: 1429:12445, x: 40, y: 40, w: 723, h: 20) */}
+            <span className="absolute left-[40px] top-[40px] text-[#6f829e] text-[14px] leading-[20px] tracking-[0.1px] font-normal font-[family-name:var(--font-poppins)] select-none">
+              Smart Voice Agent 
+            </span>
+
+            {/* Text Block (id: 1429:12446, x: 40, y: 366, w: 723, h: 75) */}
+            <div className="absolute left-[40px] top-[366px] w-[calc(100%-80px)] max-w-[723px] flex flex-col">
+              {/* Frame 2147225099 (id: 1429:12447, itemSpacing: 12) */}
+              <div className="flex flex-col gap-[12px]">
+                {/* Title (id: 1429:12448, 24px, Inter Medium, #f7faff) */}
+                <h3 className="text-[#f7faff] text-[24px] leading-[29px] font-medium tracking-tight">
+                  Stop typing. Just say it.TeamBy follows through.
+                </h3>
+                {/* Subtitle (id: 1429:12449, 14px, Inter Regular, #6f829e) */}
+                <p className="text-[#6f829e] text-[14px] leading-[17px] font-normal max-w-[723px]">
+                  Speak naturally and TeamBy types for you, creates tasks, assigns owners, sets deadlines, and generates status summaries on demand.
+                </p>
+              </div>
+            </div>
+          </div>
+
+          {/* 2. Card (id: 1429:12454, width: 389, height: 481, fills: #080f1a opacity 0.5, cornerRadius: 32) */}
+          <div className="relative w-full lg:w-[389px] h-[481px] rounded-[32px] bg-[#080f1a]/50 border border-white/[0.08] overflow-hidden flex-shrink-0">
+            {/* Star particle constellation (id: 1429:12463) */}
+            <div className="absolute inset-0 pointer-events-none select-none">
+              <Image
+                src="/assets/images/feature_grid_card_stars.svg"
+                alt=""
+                fill
+                unoptimized
+                className="object-cover"
+              />
+            </div>
+
+            {/* Orbit glow lines & sphere (Group 2147223363 & 2147223364) */}
+            <div className="absolute inset-0 pointer-events-none select-none">
+              <Image
+                src="/assets/images/feature_grid_card_orbit2.svg"
+                alt=""
+                fill
+                unoptimized
+                className="object-cover"
+              />
+              <Image
+                src="/assets/images/feature_grid_card_orbit1.svg"
+                alt=""
+                fill
+                unoptimized
+                className="object-cover"
+              />
+            </div>
+
+            {/* Frame 2147225100: 250% + Arrow up-right (x: 32, y: 72, w: 188.79, h: 47.55) */}
+            <div className="absolute left-[32px] top-[72px] w-[188.79px] h-[47.55px] flex items-center justify-start pointer-events-none select-none">
+              <Image
+                src="/assets/images/feature_grid_card_250.svg"
+                alt="250%"
+                width={195}
+                height={60}
+                unoptimized
+                className="w-auto h-[48px] object-contain"
+              />
+            </div>
+
+            {/* Subtitle (id: 1429:12521, x: 32, y: 415, w: 325, h: 34, 14px, Inter Regular, #6995ff) */}
+            <p className="absolute left-[32px] top-[415px] w-[325px] text-[#6995ff] text-[14px] leading-[17px] font-normal">
+              Speak naturally and TeamBy types for you, creates tasks, assigns owners.
+            </p>
+          </div>
+        </div>
+
+        {/* ROW 2: Group 2147223361 (y: 505, height: 481) */}
+        <div className="w-full flex flex-col lg:flex-row gap-[24px] items-stretch">
+          {/* 3. Card (id: 1429:12532, width: 389, height: 481, fills: #080f1a opacity 0.5, stroke: #2e353f, cornerRadius: 32) */}
+          <div className="relative w-full lg:w-[389px] h-[481px] rounded-[32px] bg-[#080f1a]/50 border border-[#2e353f] overflow-hidden flex-shrink-0">
+            {/* Earth from space image (id: 1429:12533, w: 389, h: 388, rotation: -180) */}
+            <div className="absolute top-0 left-0 w-[389px] h-[388px] pointer-events-none select-none overflow-hidden">
+              <Image
+                src="/assets/images/feature_grid_earth.png"
+                alt="Earth from Space"
+                fill
+                unoptimized
+                className="object-cover -scale-y-100"
+              />
+              {/* Inner shadow overlay */}
+              <div className="absolute inset-0 shadow-[inset_0_0_100px_#040a13] pointer-events-none" />
+            </div>
+
+            {/* Ellipse arc line (id: 1429:12534) */}
+            <div className="absolute top-[62px] -left-[120px] w-[958px] h-[275px] pointer-events-none select-none">
+              <Image
+                src="/assets/images/feature_grid_earth_ellipse.svg"
+                alt=""
+                width={389}
+                height={231}
+                unoptimized
+                className="w-full h-auto object-contain"
+              />
+            </div>
+
+            {/* Box Blur overlay (id: 1429:12535, w: 598, h: 352, x: -104, y: 257) */}
+            <div className="absolute -left-[104px] top-[257px] w-[598px] h-[352px] pointer-events-none backdrop-blur-[2px] bg-black/[0.01]" />
+
+            {/* Text Block (id: 1429:12536, x: 40, y: 388, w: 283, h: 53) */}
+            <div className="absolute left-[40px] top-[388px] w-[283px] flex flex-col">
+              {/* Frame 2147225099 (id: 1429:12537, itemSpacing: 12) */}
+              <div className="flex flex-col gap-[12px]">
+                {/* Title (id: 1429:12538, 20px, Inter Medium, #f7faff) */}
+                <h3 className="text-[#f7faff] text-[20px] leading-[24px] font-medium tracking-tight">
+                  Stop typing
+                </h3>
+                {/* Subtitle (id: 1429:12539, 14px, Inter Regular, #6995ff) */}
+                <p className="text-[#6995ff] text-[14px] leading-[17px] font-normal">
+                  Speak naturally and TeamBy types for you.
+                </p>
+              </div>
+            </div>
+          </div>
+
+          {/* 4. Image Container (id: 1429:12523, width: 803, height: 481, fills: #080f1a opacity 0.5, cornerRadius: 32) */}
+          <div className="relative w-full lg:w-[803px] h-[481px] rounded-[32px] bg-[#080f1a]/50 border border-white/[0.08] overflow-hidden flex-shrink-0">
+            {/* Glow Effects: Ellipse 1075, 1079, 1080 */}
+            <div className="absolute -left-[112px] top-[322px] w-[318px] h-[318px] rounded-full bg-[#0029b2] blur-[100px] pointer-events-none opacity-80" />
+            <div className="absolute -left-[112px] top-[401px] w-[239px] h-[239px] rounded-full bg-[#0032d7] blur-[70px] pointer-events-none opacity-80" />
+            <div className="absolute -left-[112px] top-[461px] w-[179px] h-[179px] rounded-full bg-[#809dff] blur-[50px] pointer-events-none opacity-70" />
+
+            {/* Title (id: 1429:12524, x: 40, y: 40, w: 723, h: 20) */}
+            <span className="absolute left-[40px] top-[40px] text-[#6f829e] text-[14px] leading-[20px] tracking-[0.1px] font-normal font-[family-name:var(--font-poppins)] select-none">
+              Smart Voice Agent 
+            </span>
+
+            {/* Text Block (id: 1429:12525, x: 40, y: 366, w: 723, h: 75) */}
+            <div className="absolute left-[40px] top-[366px] w-[calc(100%-80px)] max-w-[723px] flex flex-col">
+              {/* Frame 2147225099 (id: 1429:12526, itemSpacing: 12) */}
+              <div className="flex flex-col gap-[12px]">
+                {/* Title (id: 1429:12527, 24px, Inter Medium, #f7faff) */}
+                <h3 className="text-[#f7faff] text-[24px] leading-[29px] font-medium tracking-tight">
+                  Stop typing. Just say it.TeamBy follows through.
+                </h3>
+                {/* Subtitle (id: 1429:12528, 14px, Inter Regular, #6f829e) */}
+                <p className="text-[#6f829e] text-[14px] leading-[17px] font-normal max-w-[723px]">
+                  Speak naturally and TeamBy types for you, creates tasks, assigns owners, sets deadlines, and generates status summaries on demand.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* ROW 3: Group 2147223362 (y: 1010, height: 320) */}
+        <div className="w-full flex flex-col lg:flex-row gap-[24px] items-stretch">
+          {/* 5. Card (id: 1429:12543, width: 596, height: 320, fills: #080f1a opacity 0.5, stroke: #2e353f, cornerRadius: 32) */}
+          <div className="relative w-full lg:w-[596px] h-[320px] rounded-[32px] bg-[#080f1a]/50 border border-[#2e353f] overflow-hidden flex-shrink-0" />
+
+          {/* 6. Card (id: 1429:12541, width: 596, height: 320, fills: #080f1a opacity 0.5, stroke: #2e353f, cornerRadius: 32) */}
+          <div className="relative w-full lg:w-[596px] h-[320px] rounded-[32px] bg-[#080f1a]/50 border border-[#2e353f] overflow-hidden flex-shrink-0" />
+        </div>
+      </div>
+    </section>
+  );
+}
--- a/components/sections/index.ts
+++ b/components/sections/index.ts
@ -3,3 +3,7 @@ export { HeroSection } from "./HeroSection";
 export { DashboardSection } from "./DashboardSection";
 export { AiCopilotSection } from "./AiCopilotSection";
 export { StepsSection } from "./StepsSection";
+export { VoiceAgentSection } from "./VoiceAgentSection";
+export { TaskAnalysisSection } from "./TaskAnalysisSection";
+
+
--- a/public/assets/images/feature_grid_card_250.svg
+++ b/public/assets/images/feature_grid_card_250.svg
@ -0,0 +1,33 @@
+<svg width="195" height="60" viewBox="0 0 195 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_1429_12509)">
+<path d="M36.208 52.72H6V49.072L20.656 36.272C29.104 28.912 31.28 25.712 31.28 20.272C31.28 14.064 27.568 10.288 21.488 10.288C15.152 10.288 10.992 14.896 10.8 22H6.192C6.448 12.4 12.528 6.064 21.552 6.064C30.192 6.064 35.952 11.632 35.952 20.016C35.952 26.672 32.944 31.088 23.792 39.088L13.104 48.432H36.208V52.72Z" fill="url(#paint0_linear_1429_12509)"/>
+<path d="M57.2425 53.488C48.0265 53.488 42.1385 47.728 42.1385 38.704H46.7465C46.7465 45.296 50.7785 49.264 57.3065 49.264C64.2185 49.264 68.6985 44.656 68.6985 37.872C68.6985 31.472 64.5385 26.416 57.3065 26.416C53.0825 26.416 49.2425 28.336 46.7465 31.088L43.0985 29.936L48.6025 6.896H70.7465V11.12H51.9305L48.4745 25.52C51.0345 23.472 54.3625 22.32 57.9465 22.32C67.4825 22.32 73.3705 29.168 73.3705 37.744C73.3705 46.96 66.8425 53.488 57.2425 53.488Z" fill="url(#paint1_linear_1429_12509)"/>
+<path d="M79.515 29.808C79.515 15.6 86.491 6 97.883 6C109.211 6 116.187 15.6 116.187 29.808C116.187 44.08 109.339 53.552 97.883 53.552C86.363 53.552 79.515 44.08 79.515 29.808ZM84.059 29.808C84.059 41.712 89.115 49.392 97.883 49.392C106.651 49.392 111.707 41.712 111.707 29.808C111.707 17.84 106.651 10.224 97.883 10.224C89.115 10.224 84.059 17.84 84.059 29.808Z" fill="url(#paint2_linear_1429_12509)"/>
+<path d="M145.219 17.392C145.219 23.984 140.546 28.72 134.018 28.72C127.49 28.72 122.755 23.984 122.755 17.392C122.755 10.8 127.49 6 134.018 6C140.546 6 145.219 10.8 145.219 17.392ZM168.451 6.896L133.634 52.72H129.027L163.779 6.896H168.451ZM141.378 17.392C141.378 12.848 138.37 9.712 134.018 9.712C129.602 9.712 126.594 12.848 126.594 17.392C126.594 21.872 129.666 25.072 134.018 25.072C138.306 25.072 141.378 21.872 141.378 17.392ZM174.786 42.224C174.786 48.816 170.115 53.552 163.587 53.552C157.059 53.552 152.323 48.816 152.323 42.224C152.323 35.632 157.059 30.832 163.587 30.832C170.115 30.832 174.786 35.632 174.786 42.224ZM170.947 42.224C170.947 37.68 167.939 34.544 163.587 34.544C159.171 34.544 156.163 37.68 156.163 42.224C156.163 46.704 159.234 49.84 163.587 49.84C167.874 49.84 170.947 46.704 170.947 42.224Z" fill="url(#paint3_linear_1429_12509)"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M189.542 11.2441C189.868 11.5695 189.868 12.0972 189.542 12.4226L180.376 21.5893C180.05 21.9147 179.523 21.9147 179.197 21.5893C178.872 21.2638 178.872 20.7362 179.197 20.4107L188.364 11.2441C188.689 10.9186 189.217 10.9186 189.542 11.2441Z" fill="#6995FF"/>
+<path d="M188.951 16.8332V11.8332H183.951C183.49 11.8332 183.117 11.4601 183.117 10.9999C183.117 10.5396 183.49 10.1665 183.951 10.1665L188.983 10.1665C189.15 10.1664 189.348 10.1663 189.519 10.1892C189.725 10.2169 190.009 10.291 190.251 10.5326C190.493 10.7743 190.567 11.0591 190.595 11.265C190.617 11.4355 190.617 11.6338 190.617 11.8004V11.8004L190.617 16.8332C190.617 17.2934 190.244 17.6665 189.784 17.6665C189.324 17.6665 188.951 17.2934 188.951 16.8332Z" fill="#6995FF"/>
+<defs>
+<filter id="filter0_f_1429_12509" x="0" y="0" width="180.785" height="59.5518" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1429_12509"/>
+</filter>
+<linearGradient id="paint0_linear_1429_12509" x1="90.6191" y1="-15.2803" x2="128.619" y2="75.2197" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#86A2FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1429_12509" x1="90.6191" y1="-15.2803" x2="128.619" y2="75.2197" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#86A2FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1429_12509" x1="90.6191" y1="-15.2803" x2="128.619" y2="75.2197" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#86A2FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1429_12509" x1="90.6191" y1="-15.2803" x2="128.619" y2="75.2197" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#86A2FF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/public/assets/images/feature_grid_card_arrow.svg
+++ b/public/assets/images/feature_grid_card_arrow.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7572 5.24408C15.0827 5.56951 15.0827 6.09715 14.7572 6.42259L5.59056 15.5893C5.26512 15.9147 4.73748 15.9147 4.41205 15.5893C4.08661 15.2638 4.08661 14.7362 4.41205 14.4107L13.5787 5.24408C13.9041 4.91864 14.4318 4.91864 14.7572 5.24408Z" fill="#6995FF"/>
+<path d="M14.1654 10.8332V5.8332H9.16536C8.70513 5.8332 8.33203 5.4601 8.33203 4.99987C8.33203 4.53963 8.70513 4.16653 9.16536 4.16653L14.1982 4.16652C14.3647 4.16641 14.5631 4.16629 14.7336 4.18922C14.9395 4.2169 15.2243 4.29099 15.4659 4.53265C15.7076 4.77431 15.7817 5.05909 15.8093 5.26496C15.8323 5.4355 15.8321 5.6338 15.832 5.80035V5.80038L15.832 10.8332C15.832 11.2934 15.4589 11.6665 14.9987 11.6665C14.5385 11.6665 14.1654 11.2934 14.1654 10.8332Z" fill="#6995FF"/>
+</svg>
--- a/public/assets/images/feature_grid_card_earth.png
+++ b/public/assets/images/feature_grid_card_earth.png
--- a/public/assets/images/feature_grid_card_orbit1.svg
+++ b/public/assets/images/feature_grid_card_orbit1.svg
@ -0,0 +1,69 @@
+<svg width="389" height="406" viewBox="0 0 389 406" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_1429_12512)" style="mix-blend-mode:lighten">
+<path d="M-317.624 -104.648C-357.122 57.1625 -216.573 286.273 -42.7024 328.715C131.168 371.157 310.739 247.345 350.237 85.5351C389.735 -76.2749 280.804 -241.854 106.934 -284.296C-66.9364 -326.737 -278.126 -266.458 -317.624 -104.648Z" stroke="url(#paint0_linear_1429_12512)" stroke-width="2"/>
+</g>
+<g filter="url(#filter1_df_1429_12512)" style="mix-blend-mode:plus-lighter">
+<path d="M-317.624 -137.648C-357.122 24.1625 -216.573 253.273 -42.7024 295.715C131.168 338.157 310.739 214.345 350.237 52.5351C389.735 -109.275 280.804 -274.854 106.934 -317.296C-66.9364 -359.737 -278.126 -299.458 -317.624 -137.648Z" stroke="url(#paint1_linear_1429_12512)" stroke-width="6" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter2_f_1429_12512)" style="mix-blend-mode:overlay">
+<circle cx="290" cy="172.005" r="12" fill="#C6FDFF"/>
+</g>
+<g filter="url(#filter3_f_1429_12512)">
+<circle cx="290" cy="172.005" r="8" fill="white"/>
+</g>
+<circle cx="290" cy="172.005" r="8" fill="url(#paint2_linear_1429_12512)"/>
+<defs>
+<filter id="filter0_f_1429_12512" x="-355.332" y="-328.458" width="744.66" height="696.588" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="15" result="effect1_foregroundBlur_1429_12512"/>
+</filter>
+<filter id="filter1_df_1429_12512" x="-347.332" y="-353.458" width="728.664" height="680.591" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="10"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.456731 0 0 0 0 0.580349 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1429_12512"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1429_12512" result="shape"/>
+<feGaussianBlur stdDeviation="7.5" result="effect2_foregroundBlur_1429_12512"/>
+</filter>
+<filter id="filter2_f_1429_12512" x="268" y="150.005" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_1429_12512"/>
+</filter>
+<filter id="filter3_f_1429_12512" x="277" y="159.005" width="26" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1429_12512"/>
+</filter>
+<linearGradient id="paint0_linear_1429_12512" x1="84.6955" y1="-289.724" x2="-110.366" y2="509.379" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D3DDFF"/>
+<stop offset="0.1" stop-color="#0038BF"/>
+<stop offset="0.2" stop-color="#ADBFFF"/>
+<stop offset="0.3" stop-color="#255CD9"/>
+<stop offset="0.4" stop-color="#3D6FE6"/>
+<stop offset="0.5" stop-color="#D4DEFF"/>
+<stop offset="0.65" stop-color="#4B80FF"/>
+<stop offset="0.8" stop-color="#5D8BFF"/>
+<stop offset="1" stop-color="#ADBFFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1429_12512" x1="84.6955" y1="-322.724" x2="-110.366" y2="476.379" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D3DDFF"/>
+<stop offset="0.1" stop-color="#0038BF"/>
+<stop offset="0.2" stop-color="#ADBFFF"/>
+<stop offset="0.3" stop-color="#255CD9"/>
+<stop offset="0.4" stop-color="#3D6FE6"/>
+<stop offset="0.5" stop-color="#D4DEFF"/>
+<stop offset="0.65" stop-color="#4B80FF"/>
+<stop offset="0.8" stop-color="#5D8BFF"/>
+<stop offset="1" stop-color="#ADBFFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1429_12512" x1="287.5" y1="164.505" x2="297" y2="180.005" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#65E0FF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/public/assets/images/feature_grid_card_orbit2.svg
+++ b/public/assets/images/feature_grid_card_orbit2.svg
@ -0,0 +1,54 @@
+<svg width="389" height="481" viewBox="0 0 389 481" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_df_1429_12518)" style="mix-blend-mode:overlay">
+<path d="M22.9481 227.066C150.228 334.502 417.959 310.712 533.402 173.946C648.845 37.1789 617.975 -178.742 490.695 -286.178C363.415 -393.613 166.649 -369.835 51.2066 -233.068C-64.2363 -96.3018 -104.332 119.631 22.9481 227.066Z" stroke="url(#paint0_linear_1429_12518)" stroke-width="6" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter1_df_1429_12518)" style="mix-blend-mode:hard-light">
+<path d="M22.9481 227.066C150.228 334.502 417.959 310.712 533.402 173.946C648.845 37.1789 617.975 -178.742 490.695 -286.178C363.415 -393.613 166.649 -369.835 51.2066 -233.068C-64.2363 -96.3018 -104.332 119.631 22.9481 227.066Z" stroke="url(#paint1_linear_1429_12518)" stroke-width="6" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_df_1429_12518" x="-88.7148" y="-386.463" width="726.855" height="713.807" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="10"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.456731 0 0 0 0 0.580349 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1429_12518"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1429_12518" result="shape"/>
+<feGaussianBlur stdDeviation="15" result="effect2_foregroundBlur_1429_12518"/>
+</filter>
+<filter id="filter1_df_1429_12518" x="-88.7148" y="-386.463" width="726.855" height="713.807" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="10"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.456731 0 0 0 0 0.580349 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1429_12518"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1429_12518" result="shape"/>
+<feGaussianBlur stdDeviation="15" result="effect2_foregroundBlur_1429_12518"/>
+</filter>
+<linearGradient id="paint0_linear_1429_12518" x1="36.4412" y1="-215.576" x2="665.017" y2="314.996" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D3DDFF"/>
+<stop offset="0.1" stop-color="#0038BF"/>
+<stop offset="0.2" stop-color="#ADBFFF"/>
+<stop offset="0.3" stop-color="#255CD9"/>
+<stop offset="0.4" stop-color="#3D6FE6"/>
+<stop offset="0.5" stop-color="#D4DEFF"/>
+<stop offset="0.65" stop-color="#4B80FF"/>
+<stop offset="0.8" stop-color="#5D8BFF"/>
+<stop offset="1" stop-color="#ADBFFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1429_12518" x1="36.4412" y1="-215.576" x2="665.017" y2="314.996" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D3DDFF"/>
+<stop offset="0.1" stop-color="#0038BF"/>
+<stop offset="0.2" stop-color="#ADBFFF"/>
+<stop offset="0.3" stop-color="#255CD9"/>
+<stop offset="0.4" stop-color="#3D6FE6"/>
+<stop offset="0.5" stop-color="#D4DEFF"/>
+<stop offset="0.65" stop-color="#4B80FF"/>
+<stop offset="0.8" stop-color="#5D8BFF"/>
+<stop offset="1" stop-color="#ADBFFF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/public/assets/images/feature_grid_card_stars.svg
+++ b/public/assets/images/feature_grid_card_stars.svg
@ -0,0 +1,36 @@
+<svg width="389" height="340" viewBox="0 0 389 340" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g style="mix-blend-mode:plus-lighter">
+<circle cx="228.18" cy="38.4998" r="1.80438" transform="rotate(-180 228.18 38.4998)" fill="#3D6FE5" fill-opacity="0.15"/>
+<circle cx="285.914" cy="24.0657" r="1.80438" transform="rotate(-180 285.914 24.0657)" fill="#3D6FE5" fill-opacity="0.6"/>
+<circle cx="30.9925" cy="34.1512" r="1.80438" transform="rotate(-180 30.9925 34.1512)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="1.74693" cy="211.028" r="2.7062" transform="rotate(-180 1.74693 211.028)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="121.278" cy="243.939" r="2.7062" transform="rotate(-180 121.278 243.939)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="166.536" cy="29.7796" r="2.7062" transform="rotate(-180 166.536 29.7796)" fill="#3D6FE5" fill-opacity="0.15"/>
+<circle cx="46.2508" cy="272.751" r="2.7062" transform="rotate(-180 46.2508 272.751)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="107.106" cy="221.201" r="2.7062" transform="rotate(-180 107.106 221.201)" fill="#3D6FE5" fill-opacity="0.15"/>
+<circle cx="45.9149" cy="95.2513" r="2.7062" transform="rotate(-180 45.9149 95.2513)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="381.239" cy="314.246" r="0.901817" transform="rotate(-180 381.239 314.246)" fill="#3D6FE5" fill-opacity="0.15"/>
+<circle cx="299.243" cy="273.296" r="0.901817" transform="rotate(-180 299.243 273.296)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="388.063" cy="202.693" r="0.901817" transform="rotate(-180 388.063 202.693)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="175.274" cy="122.317" r="0.901817" transform="rotate(-180 175.274 122.317)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="373.403" cy="245.055" r="0.901817" transform="rotate(-180 373.403 245.055)" fill="#3D6FE5" fill-opacity="0.6"/>
+<circle cx="115.301" cy="256.708" r="0.901817" transform="rotate(-180 115.301 256.708)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="88.313" cy="10.6309" r="0.901817" transform="rotate(-180 88.313 10.6309)" fill="#3D6FE5" fill-opacity="0.15"/>
+<circle cx="114.305" cy="163.533" r="0.901817" transform="rotate(-180 114.305 163.533)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="276.161" cy="338.197" r="0.901817" transform="rotate(-180 276.161 338.197)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="267.817" cy="100.728" r="0.901817" transform="rotate(-180 267.817 100.728)" fill="#3D6FE5" fill-opacity="0.772549"/>
+<circle cx="5.95756" cy="143.444" r="0.901817" transform="rotate(-180 5.95756 143.444)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="58.3951" cy="197.01" r="0.901817" transform="rotate(-180 58.3951 197.01)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="265.825" cy="206.668" r="0.901817" transform="rotate(-180 265.825 206.668)" fill="#3D6FE5" fill-opacity="0.15"/>
+<circle cx="73.3169" cy="35.19" r="0.901817" transform="rotate(-180 73.3169 35.19)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="265.751" cy="83.0445" r="0.901817" transform="rotate(-180 265.751 83.0445)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="293.04" cy="93.9121" r="0.901817" transform="rotate(-180 293.04 93.9121)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="1.14506" cy="114.576" r="0.901817" transform="rotate(-180 1.14506 114.576)" fill="#3D6FE5" fill-opacity="0.15"/>
+<circle cx="225.079" cy="26.1758" r="0.901817" transform="rotate(-180 225.079 26.1758)" fill="#3D6FE5" fill-opacity="0.1"/>
+<circle cx="104.59" cy="97.7369" r="0.901817" transform="rotate(-180 104.59 97.7369)" fill="#3D6FE5" fill-opacity="0.1"/>
+<path d="M343.653 30.6816L343.27 29.26L341.848 28.8773L343.27 28.4945L343.653 27.0729L344.035 28.4945L345.457 28.8773L344.035 29.26L343.653 30.6816Z" fill="#3D6FE5" fill-opacity="0.6"/>
+<path d="M207.016 107.488L206.633 106.067L205.212 105.684L206.633 105.301L207.016 103.88L207.399 105.301L208.82 105.684L207.399 106.067L207.016 107.488Z" fill="#3D6FE5" fill-opacity="0.1"/>
+<path d="M268.172 236.543L267.789 235.122L266.368 234.739L267.789 234.356L268.172 232.935L268.555 234.356L269.977 234.739L268.555 235.122L268.172 236.543Z" fill="#3D6FE5" fill-opacity="0.15"/>
+<path d="M114.098 59.1641L113.715 57.7425L112.294 57.3597L113.715 56.9769L114.098 55.5553L114.481 56.9769L115.902 57.3597L114.481 57.7425L114.098 59.1641Z" fill="#3D6FE5" fill-opacity="0.1"/>
+</g>
+</svg>
--- a/public/assets/images/feature_grid_card_top_right.png
+++ b/public/assets/images/feature_grid_card_top_right.png
--- a/public/assets/images/feature_grid_earth.png
+++ b/public/assets/images/feature_grid_earth.png
--- a/public/assets/images/feature_grid_earth_blur.svg
+++ b/public/assets/images/feature_grid_earth_blur.svg
@ -0,0 +1,13 @@
+<svg width="389" height="372" viewBox="0 0 389 372" fill="none" xmlns="http://www.w3.org/2000/svg">
+<foreignObject x="-251.764" y="0.000244141" width="893.529" height="647.529"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(1.09px);clip-path:url(#bgblur_0_1429_12535_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter0_f_1429_12535)" data-figma-bg-blur-radius="2.18755">
+<rect x="-104" y="147.765" width="598" height="352" fill="black" fill-opacity="0.01"/>
+</g>
+<defs>
+<filter id="filter0_f_1429_12535" x="-251.764" y="0.000244141" width="893.529" height="647.529" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="73.8822" result="effect1_foregroundBlur_1429_12535"/>
+</filter>
+<clipPath id="bgblur_0_1429_12535_clip_path" transform="translate(251.764 -0.000244141)"><rect x="-104" y="147.765" width="598" height="352"/>
+</clipPath></defs>
+</svg>
--- a/public/assets/images/feature_grid_earth_ellipse.svg
+++ b/public/assets/images/feature_grid_earth_ellipse.svg
@ -0,0 +1,16 @@
+<svg width="389" height="231" viewBox="0 0 389 231" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M871.219 173.185C845.881 267.746 618 231.747 287.498 143.19C-43.0035 54.6321 -153.907 296.355 -97.7915 86.9298C-41.6762 -122.495 -39.4737 108.617 201.5 173.185C442.474 237.754 896.558 78.6242 871.219 173.185Z" stroke="url(#paint0_linear_1429_12534)" stroke-width="2"/>
+<defs>
+<linearGradient id="paint0_linear_1429_12534" x1="464.254" y1="-264.451" x2="299.327" y2="351.066" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D3DDFF"/>
+<stop offset="0.1" stop-color="#0038BF"/>
+<stop offset="0.2" stop-color="#ADBFFF"/>
+<stop offset="0.3" stop-color="#255CD9"/>
+<stop offset="0.4" stop-color="#3D6FE6"/>
+<stop offset="0.5" stop-color="#D4DEFF"/>
+<stop offset="0.65" stop-color="#4B80FF"/>
+<stop offset="0.8" stop-color="#5D8BFF"/>
+<stop offset="1" stop-color="#ADBFFF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/public/assets/images/feature_grid_glow_1075.svg
+++ b/public/assets/images/feature_grid_glow_1075.svg
@ -0,0 +1,12 @@
+<svg width="706" height="481" viewBox="0 0 706 481" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_1429_12450)" style="mix-blend-mode:plus-lighter">
+<circle cx="47" cy="481" r="159" fill="#0029B3"/>
+</g>
+<defs>
+<filter id="filter0_f_1429_12450" x="-612" y="-178" width="1318" height="1318" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="250" result="effect1_foregroundBlur_1429_12450"/>
+</filter>
+</defs>
+</svg>
--- a/public/assets/images/feature_grid_glow_1079.svg
+++ b/public/assets/images/feature_grid_glow_1079.svg
@ -0,0 +1,12 @@
+<svg width="327" height="280" viewBox="0 0 327 280" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_1429_12451)" style="mix-blend-mode:plus-lighter">
+<circle cx="7.5" cy="319.5" r="119.5" fill="#0032D7"/>
+</g>
+<defs>
+<filter id="filter0_f_1429_12451" x="-312" y="0" width="639" height="639" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_1429_12451"/>
+</filter>
+</defs>
+</svg>
--- a/public/assets/images/feature_grid_glow_1080.svg
+++ b/public/assets/images/feature_grid_glow_1080.svg
@ -0,0 +1,12 @@
+<svg width="217" height="170" viewBox="0 0 217 170" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_1429_12452)" style="mix-blend-mode:plus-lighter">
+<circle cx="-22.5" cy="239.5" r="89.5" fill="#809DFF"/>
+</g>
+<defs>
+<filter id="filter0_f_1429_12452" x="-262" y="0" width="479" height="479" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_1429_12452"/>
+</filter>
+</defs>
+</svg>
--- a/public/assets/images/kanban_avatars.png
+++ b/public/assets/images/kanban_avatars.png
--- a/public/assets/images/kanban_badge_star.png
+++ b/public/assets/images/kanban_badge_star.png
--- a/public/assets/images/kanban_badge_star.svg
+++ b/public/assets/images/kanban_badge_star.svg
@ -0,0 +1,83 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_di_4193_9609)">
+<rect x="50" y="50" width="28" height="28" rx="14" fill="url(#paint0_linear_4193_9609)" fill-opacity="0.7" shape-rendering="crispEdges"/>
+<rect x="50.5" y="50.5" width="27" height="27" rx="13.5" stroke="url(#paint1_linear_4193_9609)" shape-rendering="crispEdges"/>
+<path d="M64 57C64.8697 61.3667 66.6079 63.1219 71 64C66.6069 64.8781 64.8686 66.6333 64 71C63.1303 66.6333 61.3921 64.877 57 64C61.3931 63.1219 63.1314 61.3667 64 57Z" fill="url(#paint2_linear_4193_9609)"/>
+<g opacity="0.4" filter="url(#filter1_f_4193_9609)" style="mix-blend-mode:plus-lighter">
+<path d="M66 55C66.8697 59.3667 68.6079 61.1219 73 62C68.6069 62.8781 66.8686 64.6333 66 69C65.1303 64.6333 63.3921 62.877 59 62C63.3931 61.1219 65.1314 59.3667 66 55Z" fill="url(#paint3_linear_4193_9609)"/>
+</g>
+<path d="M69.5 56C69.8106 57.5596 70.4314 58.1864 72 58.5C70.431 58.8136 69.8102 59.4404 69.5 61C69.1894 59.4404 68.5686 58.8132 67 58.5C68.569 58.1864 69.1898 57.5596 69.5 56Z" fill="url(#paint4_linear_4193_9609)"/>
+</g>
+<g filter="url(#filter2_fn_4193_9609)" style="mix-blend-mode:screen">
+<circle cx="64" cy="64" r="16" fill="#0035B3"/>
+</g>
+<defs>
+<filter id="filter0_di_4193_9609" x="0" y="0" width="128" height="128" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="25"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.293269 0 0 0 0 0.501131 0 0 0 0 1 0 0 0 0.7 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4193_9609"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
+<feBlend mode="plus-lighter" in2="shape" result="effect2_innerShadow_4193_9609"/>
+<feBlend mode="normal" in="effect2_innerShadow_4193_9609" in2="effect1_dropShadow_4193_9609" result="effect2_innerShadow_4193_9609"/>
+</filter>
+<filter id="filter1_f_4193_9609" x="54" y="50" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_4193_9609"/>
+</filter>
+<filter id="filter2_fn_4193_9609" x="24" y="24" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_4193_9609"/>
+<feTurbulence type="fractalNoise" baseFrequency="0.20000000298023224 0.20000000298023224" stitchTiles="stitch" numOctaves="3" result="noise" seed="5948" />
+<feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise" />
+<feComponentTransfer in="alphaNoise" result="coloredNoise1">
+<feFuncA type="discrete" tableValues="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/>
+</feComponentTransfer>
+<feComposite operator="in" in2="effect1_foregroundBlur_4193_9609" in="coloredNoise1" result="noise1Clipped" />
+<feFlood flood-color="rgba(173, 209, 255, 0.3)" result="color1Flood" />
+<feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1" />
+<feMerge result="effect2_noise_4193_9609">
+<feMergeNode in="effect1_foregroundBlur_4193_9609" />
+<feMergeNode in="color1" />
+</feMerge>
+</filter>
+<linearGradient id="paint0_linear_4193_9609" x1="64" y1="50" x2="64" y2="86.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0029B3"/>
+<stop offset="0.1" stop-color="#0038BF"/>
+<stop offset="0.2" stop-color="#0E4ACC"/>
+<stop offset="0.3" stop-color="#255CD9"/>
+<stop offset="0.4" stop-color="#3D6FE6"/>
+<stop offset="0.5" stop-color="#487EFF"/>
+<stop offset="0.65" stop-color="#4B80FF"/>
+<stop offset="0.8" stop-color="#5D8BFF"/>
+<stop offset="1" stop-color="#ADBFFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_4193_9609" x1="39.1111" y1="37.7872" x2="95.1671" y2="47.7984" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.5"/>
+<stop offset="0.52154" stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint2_linear_4193_9609" x1="64" y1="60.5" x2="64" y2="71" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#769FFF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_4193_9609" x1="66" y1="58.5" x2="66" y2="69" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#769FFF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_4193_9609" x1="69.5" y1="57.25" x2="69.5" y2="61" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#769FFF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/public/assets/images/kanban_board_icon.svg
+++ b/public/assets/images/kanban_board_icon.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.571429" y="0.571429" width="18.8571" height="18.8571" rx="3.42857" stroke="#1B84FF" stroke-width="1.14286"/>
+<rect x="4" y="4" width="5.33333" height="12" rx="1.33333" fill="#1B84FF"/>
+<rect x="10.668" y="4" width="5.33333" height="6.66667" rx="1.33333" fill="#1B84FF"/>
+</svg>
--- a/public/assets/images/kanban_calendar_icon.svg
+++ b/public/assets/images/kanban_calendar_icon.svg
@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.1273 1.30909H9.81818V0.654545C9.81818 0.480949 9.74922 0.314463 9.62647 0.191712C9.50372 0.0689608 9.33723 0 9.16364 0C8.99004 0 8.82355 0.0689608 8.7008 0.191712C8.57805 0.314463 8.50909 0.480949 8.50909 0.654545V1.30909H4.58182V0.654545C4.58182 0.480949 4.51286 0.314463 4.39011 0.191712C4.26735 0.0689608 4.10087 0 3.92727 0C3.75368 0 3.58719 0.0689608 3.46444 0.191712C3.34169 0.314463 3.27273 0.480949 3.27273 0.654545V1.30909H1.96364C1.44285 1.30909 0.943389 1.51597 0.575136 1.88423C0.206883 2.25248 0 2.75194 0 3.27273V11.1273C0 11.6481 0.206883 12.1475 0.575136 12.5158C0.943389 12.884 1.44285 13.0909 1.96364 13.0909H11.1273C11.6481 13.0909 12.1475 12.884 12.5158 12.5158C12.884 12.1475 13.0909 11.6481 13.0909 11.1273V3.27273C13.0909 2.75194 12.884 2.25248 12.5158 1.88423C12.1475 1.51597 11.6481 1.30909 11.1273 1.30909ZM11.7818 11.1273C11.7818 11.3009 11.7129 11.4674 11.5901 11.5901C11.4674 11.7129 11.3009 11.7818 11.1273 11.7818H1.96364C1.79004 11.7818 1.62355 11.7129 1.5008 11.5901C1.37805 11.4674 1.30909 11.3009 1.30909 11.1273V6.54545H11.7818V11.1273ZM11.7818 5.23636H1.30909V3.27273C1.30909 3.09913 1.37805 2.93264 1.5008 2.80989C1.62355 2.68714 1.79004 2.61818 1.96364 2.61818H3.27273V3.27273C3.27273 3.44632 3.34169 3.61281 3.46444 3.73556C3.58719 3.85831 3.75368 3.92727 3.92727 3.92727C4.10087 3.92727 4.26735 3.85831 4.39011 3.73556C4.51286 3.61281 4.58182 3.44632 4.58182 3.27273V2.61818H8.50909V3.27273C8.50909 3.44632 8.57805 3.61281 8.7008 3.73556C8.82355 3.85831 8.99004 3.92727 9.16364 3.92727C9.33723 3.92727 9.50372 3.85831 9.62647 3.73556C9.74922 3.61281 9.81818 3.44632 9.81818 3.27273V2.61818H11.1273C11.3009 2.61818 11.4674 2.68714 11.5901 2.80989C11.7129 2.93264 11.7818 3.09913 11.7818 3.27273V5.23636Z" fill="#16B05E"/>
+</svg>
--- a/public/assets/images/kanban_cursor_designer.png
+++ b/public/assets/images/kanban_cursor_designer.png
--- a/public/assets/images/kanban_cursor_pointer.svg
+++ b/public/assets/images/kanban_cursor_pointer.svg
@ -0,0 +1,18 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_4193_9742)">
+<path d="M9.78741 3.08892L16.0347 4.80626C19.638 5.79679 21.4396 6.29204 21.4951 7.37216C21.5507 8.45238 19.7965 9.13468 16.2881 10.4994C15.2436 10.9057 14.7212 11.1089 14.3876 11.5208C14.0539 11.9329 13.9638 12.486 13.7835 13.5923C13.1781 17.3077 12.8754 19.1654 11.8073 19.3357C10.7392 19.5059 9.88019 17.8466 8.16215 14.528L5.18345 8.77434C3.38473 5.2999 2.48538 3.56269 3.30703 2.54803C4.12869 1.53337 6.01493 2.05189 9.78741 3.08892Z" fill="#03070D"/>
+<path d="M9.78741 3.08892L16.0347 4.80626C19.638 5.79679 21.4396 6.29204 21.4951 7.37216C21.5507 8.45238 19.7965 9.13468 16.2881 10.4994C15.2436 10.9057 14.7212 11.1089 14.3876 11.5208C14.0539 11.9329 13.9638 12.486 13.7835 13.5923C13.1781 17.3077 12.8754 19.1654 11.8073 19.3357C10.7392 19.5059 9.88019 17.8466 8.16215 14.528L5.18345 8.77434C3.38473 5.2999 2.48538 3.56269 3.30703 2.54803C4.12869 1.53337 6.01493 2.05189 9.78741 3.08892Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_d_4193_9742" x="0" y="0" width="24.4961" height="23.3477" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4193_9742"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4193_9742" result="shape"/>
+</filter>
+</defs>
+</svg>
--- a/public/assets/images/kanban_cursor_you.png
+++ b/public/assets/images/kanban_cursor_you.png
--- a/public/assets/images/kanban_down_arrow.svg
+++ b/public/assets/images/kanban_down_arrow.svg
@ -0,0 +1,10 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4193_9720)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1183 13.7438C10.9542 13.9078 10.7317 14 10.4997 14C10.2677 14 10.0452 13.9078 9.88107 13.7438L4.93119 8.79393C4.84762 8.71321 4.78096 8.61666 4.7351 8.50991C4.68924 8.40315 4.66511 8.28834 4.6641 8.17215C4.66309 8.05597 4.68523 7.94075 4.72922 7.83322C4.77322 7.72568 4.83819 7.62799 4.92034 7.54583C5.0025 7.46368 5.1002 7.3987 5.20773 7.35471C5.31526 7.31071 5.43048 7.28857 5.54667 7.28958C5.66285 7.29059 5.77767 7.31473 5.88442 7.36059C5.99117 7.40645 6.08772 7.47311 6.16844 7.55668L10.4997 11.8879L14.8309 7.55668C14.996 7.39729 15.217 7.30909 15.4464 7.31109C15.6758 7.31308 15.8953 7.4051 16.0575 7.56734C16.2198 7.72957 16.3118 7.94903 16.3138 8.17845C16.3158 8.40787 16.2276 8.6289 16.0682 8.79393L11.1183 13.7438Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_4193_9720">
+<rect width="21" height="21" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/public/assets/images/kanban_filter_icon.svg
+++ b/public/assets/images/kanban_filter_icon.svg
@ -0,0 +1,3 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 4.9C17.5 4.41 17.5 4.165 17.4037 3.97775C17.3201 3.81325 17.1866 3.67941 17.0223 3.59538C16.835 3.5 16.59 3.5 16.1 3.5H4.9C4.41 3.5 4.165 3.5 3.97775 3.59538C3.81312 3.67926 3.67926 3.81312 3.59538 3.97775C3.5 4.165 3.5 4.41 3.5 4.9V5.54487C3.5 5.75925 3.5 5.866 3.5245 5.96662C3.54593 6.05621 3.58136 6.14185 3.6295 6.22038C3.68287 6.30788 3.759 6.384 3.9095 6.53537L8.33963 10.9646C8.491 11.116 8.56713 11.1921 8.6205 11.2796C8.66892 11.359 8.70392 11.4435 8.7255 11.5334C8.75 11.6331 8.75 11.739 8.75 11.9481V16.1096C8.75 16.8595 8.75 17.2349 8.9075 17.4606C8.97583 17.5583 9.06339 17.6409 9.1648 17.7035C9.26621 17.7661 9.37934 17.8073 9.49725 17.8246C9.76938 17.8649 10.1054 17.6977 10.7756 17.3617L11.4756 17.0117C11.7574 16.8717 11.8974 16.8018 11.9997 16.6968C12.0906 16.604 12.1596 16.4922 12.2019 16.3695C12.25 16.2313 12.25 16.0737 12.25 15.7596V11.9551C12.25 11.7408 12.25 11.634 12.2745 11.5334C12.2959 11.4438 12.3314 11.3582 12.3795 11.2796C12.432 11.1921 12.5081 11.1169 12.6569 10.9681L12.6604 10.9646L17.0905 6.53537C17.241 6.384 17.3162 6.30788 17.3705 6.22038C17.4189 6.14104 17.4539 6.05646 17.4755 5.96662C17.5 5.86775 17.5 5.761 17.5 5.55187V4.9Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/images/kanban_flag_icon.svg
+++ b/public/assets/images/kanban_flag_icon.svg
@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.98438 12.5821C6.65198 12.004 7.54954 11.6801 8.48438 11.6801C9.41921 11.6801 10.3168 12.004 10.9844 12.5821C11.652 13.1603 12.5495 13.4842 13.4844 13.4842C14.4192 13.4842 15.3168 13.1603 15.9844 12.5821V6.90205C15.3168 7.48025 14.4192 7.80411 13.4844 7.80411C12.5495 7.80411 11.652 7.48025 10.9844 6.90205C10.3168 6.32386 9.41921 6 8.48438 6C7.54954 6 6.65198 6.32386 5.98438 6.90205V12.5821ZM5.98438 12.5821V17" stroke="#ED5050" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/images/kanban_message_icon.svg
+++ b/public/assets/images/kanban_message_icon.svg
@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 0C9.3138 0 12 2.6862 12 6C12 9.3138 9.3138 12 6 12H1.2C0.88174 12 0.576515 11.8736 0.351472 11.6485C0.126428 11.4235 0 11.1183 0 10.8V6C0 2.6862 2.6862 0 6 0ZM6 1.2C4.72696 1.2 3.50606 1.70571 2.60589 2.60589C1.70571 3.50606 1.2 4.72696 1.2 6V10.8H6C7.27304 10.8 8.49394 10.2943 9.39411 9.39411C10.2943 8.49394 10.8 7.27304 10.8 6C10.8 4.72696 10.2943 3.50606 9.39411 2.60589C8.49394 1.70571 7.27304 1.2 6 1.2ZM6 7.2C6.15293 7.20017 6.30002 7.25873 6.41122 7.36371C6.52242 7.46869 6.58934 7.61217 6.5983 7.76484C6.60727 7.9175 6.5576 8.06783 6.45944 8.1851C6.36129 8.30237 6.22206 8.37774 6.0702 8.3958L6 8.4H4.2C4.04707 8.39983 3.89998 8.34127 3.78878 8.23629C3.67758 8.13131 3.61066 7.98783 3.6017 7.83516C3.59273 7.6825 3.6424 7.53217 3.74056 7.4149C3.83871 7.29763 3.97794 7.22226 4.1298 7.2042L4.2 7.2H6ZM7.8 4.8C7.95913 4.8 8.11174 4.86321 8.22426 4.97574C8.33679 5.08826 8.4 5.24087 8.4 5.4C8.4 5.55913 8.33679 5.71174 8.22426 5.82426C8.11174 5.93679 7.95913 6 7.8 6H4.2C4.04087 6 3.88826 5.93679 3.77574 5.82426C3.66321 5.71174 3.6 5.55913 3.6 5.4C3.6 5.24087 3.66321 5.08826 3.77574 4.97574C3.88826 4.86321 4.04087 4.8 4.2 4.8H7.8Z" fill="#728197"/>
+</svg>
--- a/public/assets/images/kanban_search_icon.svg
+++ b/public/assets/images/kanban_search_icon.svg
@ -0,0 +1,3 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.995 17.754L15.7488 14.534C17.0088 12.9628 17.6191 10.9686 17.454 8.96136C17.2889 6.95411 16.361 5.08641 14.8611 3.74229C13.3612 2.39816 11.4033 1.67979 9.39006 1.73488C7.37679 1.78997 5.46114 2.61434 4.03701 4.03847C2.61287 5.4626 1.78851 7.37825 1.73342 9.39153C1.67833 11.4048 2.3967 13.3627 3.74082 14.8626C5.08494 16.3624 6.95265 17.2903 8.95989 17.4554C10.9671 17.6205 12.9614 17.0103 14.5325 15.7502L17.7525 18.9702C17.8339 19.0522 17.9306 19.1173 18.0373 19.1618C18.1439 19.2062 18.2582 19.229 18.3738 19.229C18.4893 19.229 18.6036 19.2062 18.7103 19.1618C18.8169 19.1173 18.9137 19.0522 18.995 18.9702C19.1527 18.8071 19.2409 18.589 19.2409 18.3621C19.2409 18.1352 19.1527 17.9171 18.995 17.754ZM9.62376 15.7502C8.41235 15.7502 7.22814 15.391 6.22089 14.718C5.21364 14.0449 4.42858 13.0884 3.96499 11.9692C3.50141 10.85 3.38011 9.61843 3.61645 8.43029C3.85278 7.24216 4.43613 6.15079 5.29273 5.29419C6.14932 4.4376 7.24069 3.85425 8.42883 3.61791C9.61696 3.38158 10.8485 3.50287 11.9677 3.96646C13.0869 4.43005 14.0435 5.2151 14.7165 6.22235C15.3895 7.2296 15.7488 8.41381 15.7488 9.62522C15.7488 11.2497 15.1034 12.8076 13.9548 13.9562C12.8061 15.1049 11.2482 15.7502 9.62376 15.7502Z" fill="white"/>
+</svg>
--- a/public/assets/images/kanban_setting_icon.svg
+++ b/public/assets/images/kanban_setting_icon.svg
@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5293 9.59392C16.3824 9.4297 16.3014 9.21859 16.3014 9C16.3014 8.78141 16.3824 8.5703 16.5293 8.40608L17.7019 7.11026C17.8311 6.96868 17.9113 6.79053 17.9311 6.60138C17.9508 6.41223 17.9091 6.2218 17.8118 6.0574L15.9797 2.94382C15.8834 2.77961 15.7368 2.64945 15.5608 2.57189C15.3848 2.49433 15.1883 2.47333 14.9995 2.51188L13.2772 2.85384C13.0581 2.89832 12.8299 2.86246 12.6359 2.75305C12.4418 2.64363 12.2952 2.46822 12.2237 2.25992L11.6649 0.613141C11.6034 0.434406 11.4864 0.279164 11.3302 0.169359C11.174 0.0595529 10.9867 0.000736816 10.7946 0.0012238H7.13029C6.93053 -0.00901865 6.73284 0.0452515 6.56742 0.155745C6.402 0.266239 6.27795 0.426883 6.21421 0.613141L5.7012 2.25992C5.62975 2.46822 5.48315 2.64363 5.28907 2.75305C5.09499 2.86246 4.86685 2.89832 4.64771 2.85384L2.87966 2.51188C2.70062 2.48703 2.51809 2.51478 2.35507 2.59165C2.19205 2.66851 2.05583 2.79105 1.96358 2.94382L0.131413 6.0574C0.0317066 6.21996 -0.0131247 6.40933 0.00332863 6.59843C0.0197819 6.78753 0.0966773 6.96667 0.223021 7.11026L1.38645 8.40608C1.53331 8.5703 1.61431 8.78141 1.61431 9C1.61431 9.21859 1.53331 9.4297 1.38645 9.59392L0.223021 10.8897C0.0966773 11.0333 0.0197819 11.2125 0.00332863 11.4016C-0.0131247 11.5907 0.0317066 11.78 0.131413 11.9426L1.96358 15.0562C2.05986 15.2204 2.20645 15.3505 2.38246 15.4281C2.55847 15.5057 2.75492 15.5267 2.94379 15.4881L4.66603 15.1462C4.88517 15.1017 5.11331 15.1375 5.30739 15.2469C5.50147 15.3564 5.64807 15.5318 5.71952 15.7401L6.27833 17.3869C6.34207 17.5731 6.46613 17.7338 6.63154 17.8443C6.79696 17.9547 6.99465 18.009 7.19442 17.9988H10.8588C11.0508 17.9993 11.2382 17.9404 11.3943 17.8306C11.5505 17.7208 11.6676 17.5656 11.729 17.3869L12.2878 15.7401C12.3593 15.5318 12.5059 15.3564 12.7 15.2469C12.8941 15.1375 13.1222 15.1017 13.3413 15.1462L15.0636 15.4881C15.2525 15.5267 15.4489 15.5057 15.6249 15.4281C15.8009 15.3505 15.9475 15.2204 16.0438 15.0562L17.876 11.9426C17.9732 11.7782 18.015 11.5878 17.9952 11.3986C17.9755 11.2095 17.8952 11.0313 17.766 10.8897L16.5293 9.59392ZM15.1643 10.7998L15.8972 11.6096L14.7246 13.6074L13.6436 13.3914C12.9839 13.2589 12.2975 13.369 11.7149 13.7008C11.1323 14.0325 10.694 14.5629 10.4832 15.1912L10.135 16.199H7.78987L7.46008 15.1732C7.24925 14.5449 6.81093 14.0146 6.22832 13.6828C5.64571 13.351 4.95938 13.2409 4.29959 13.3734L3.21861 13.5894L2.02771 11.6006L2.76057 10.7908C3.21124 10.2958 3.4604 9.65505 3.4604 8.991C3.4604 8.32695 3.21124 7.6862 2.76057 7.19125L2.02771 6.38136L3.20029 4.40162L4.28127 4.6176C4.94105 4.75008 5.62739 4.63999 6.21 4.30822C6.79261 3.97645 7.23093 3.4461 7.44176 2.81784L7.78987 1.80098H10.135L10.4832 2.82684C10.694 3.4551 11.1323 3.98545 11.7149 4.31721C12.2975 4.64898 12.9839 4.75908 13.6436 4.62659L14.7246 4.41062L15.8972 6.40835L15.1643 7.21824C14.7187 7.71206 14.4727 8.3491 14.4727 9.009C14.4727 9.66889 14.7187 10.3059 15.1643 10.7998ZM8.96246 5.40049C8.23772 5.40049 7.52926 5.6116 6.92666 6.00712C6.32407 6.40264 5.8544 6.9648 5.57706 7.62253C5.29971 8.28025 5.22714 9.00399 5.36853 9.70223C5.50992 10.4005 5.85892 11.0418 6.37138 11.5452C6.88385 12.0486 7.53677 12.3915 8.24758 12.5303C8.9584 12.6692 9.69517 12.598 10.3647 12.3255C11.0343 12.0531 11.6066 11.5917 12.0092 10.9998C12.4119 10.4078 12.6268 9.71192 12.6268 9C12.6268 8.04535 12.2407 7.1298 11.5535 6.45476C10.8663 5.77972 9.9343 5.40049 8.96246 5.40049ZM8.96246 10.7998C8.60009 10.7998 8.24586 10.6942 7.94456 10.4964C7.64326 10.2987 7.40843 10.0176 7.26976 9.68874C7.13108 9.35987 7.0948 8.998 7.1655 8.64888C7.23619 8.29977 7.41069 7.97908 7.66692 7.72738C7.92315 7.47568 8.24962 7.30427 8.60502 7.23483C8.96043 7.16538 9.32881 7.20102 9.6636 7.33724C9.99838 7.47346 10.2845 7.70414 10.4859 8.00011C10.6872 8.29608 10.7946 8.64404 10.7946 9C10.7946 9.47732 10.6016 9.9351 10.258 10.2726C9.9144 10.6101 9.44838 10.7998 8.96246 10.7998Z" fill="#1B84FF"/>
+</svg>