diff --git a/app/globals.css b/app/globals.css
index 65e0dc1..ae38436 100644
--- 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);
diff --git a/app/layout.tsx b/app/layout.tsx
index 69c6c63..c004173 100644
--- 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 (
-
+
+
{children}
diff --git a/app/page.tsx b/app/page.tsx
index e4a30d6..a1d8d0b 100644
--- 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() {
+
)}
diff --git a/components/sections/TaskAnalysisSection.tsx b/components/sections/TaskAnalysisSection.tsx
new file mode 100644
index 0000000..da737cf
--- /dev/null
+++ b/components/sections/TaskAnalysisSection.tsx
@@ -0,0 +1,423 @@
+import Image from "next/image";
+
+export function TaskAnalysisSection() {
+ return (
+
+ {/* Root Node: 01 (Type: FRAME, id: 4193:9606, width: 1216, height: 919, layoutMode: VERTICAL, itemSpacing: 80) */}
+
+ {/* Frame 2147225107 (Type: FRAME, id: 4193:9607, width: 802, height: 219, layoutMode: VERTICAL, itemSpacing: 48) */}
+
+ {/* Frame 2147225110 (Type: FRAME, id: 4193:9608, width: 101, height: 48, layoutMode: VERTICAL, itemSpacing: -8) */}
+
+ {/* Frame 2147225109 (id: 4193:9609, width: 32, height: 32) Star Orb */}
+
+
+
+
+ {/* Header (id: 4193:9615, width: 101, height: 24, fill: #0f1a47 opacity 0.7, cornerRadius: 24) */}
+
+ {/* Title (id: 4193:9616, text: "Task analysis", 12px, Inter Medium, #dae5ff) */}
+
+ Task analysis
+
+
+
+
+ {/* Frame 2147225111 (Type: FRAME, id: 4193:9617, width: 802, height: 123, layoutMode: VERTICAL, itemSpacing: 16) */}
+
+ {/* Title (id: 4193:9618, text: "Speed means nothing if you have to build it twice.", 24px, Inter Medium) */}
+
+ Speed means nothing if you have to build it twice.
+
+
+ {/* Frame 2147225106 (id: 4193:9619, width: 802, height: 78, itemSpacing: 12) */}
+
+ {/* Subtitle (id: 4193:9620 & 4193:9621, 32px, Inter Medium, #e4ecf7 / #cbdaef) */}
+
+ Your team is shipping fast, but 30% of their work is{" "}
+ bouncing back.
+
+
+
+
+
+ {/* Frame 2147225112 (Type: FRAME, id: 4193:9622, width: 1216, height: 620, cornerRadius: 40) */}
+
+ {/* Ellipse 43609 (id: 4193:9623, width: 169, height: 169, x: -43, y: 268, fill: #6d85ff, blur: 500px) */}
+
+
+ {/* Frame 2147225119: Top Navigation Bar (id: 4193:9707, width: 1136, height: 42, x: 40, y: 40) */}
+
+ {/* Left Controls: Frame 2147225113 (id: 4193:9708, width: 377, height: 40, itemSpacing: 24) */}
+
+ {/* Frame 1000005816 -> Frame 1000005818: Logo & Text (id: 4193:9710) */}
+
+ {/* Kanban Icon (id: 4193:9712, width: 20, height: 20) */}
+
+ {/* Kanban Board Title (id: 4193:9715, 20px, Inter Bold, #ffffff) */}
+
+ Kanban Board
+
+
+
+ {/* Frame 1000005817: Dropdown & Setting (id: 4193:9716, width: 186, height: 40, itemSpacing: 12) */}
+
+ {/* Frame 1000005769: Main Board Dropdown (id: 4193:9717, width: 134, height: 40, cornerRadius: 12) */}
+
+
+ {/* uil:setting: Setting Button (id: 4193:9724, width: 40, height: 39, cornerRadius: 12, fill: #1b84ff opacity 0.2) */}
+
+
+
+
+ {/* Right Controls: Frame 2147225114 (id: 4193:9726, width: 579, height: 42, itemSpacing: 12) */}
+
+ {/* Frame 1000005772: Search Bar (id: 4193:9727, width: 340, height: 40, cornerRadius: 12) */}
+
+ {/* Search Icon (id: 4193:9729, width: 21, height: 21) */}
+
+ {/* Input Placeholder Text (id: 4193:9731, 13px, Inter Medium, #5c6577) */}
+
+
+
+ {/* Frame 1000005770: Filter Button (id: 4193:9732, width: 86, height: 40, cornerRadius: 12) */}
+
+
+ {/* Button: Get Started (id: 4193:9737, width: 129, height: 42, cornerRadius: 12) */}
+
+
+
+
+ {/* Frame 2147225123: Columns Area (id: 4193:9624, width: 596, height: 217, x: 40, y: 120, itemSpacing: 24) */}
+
+ {/* 1. "To Do" Column: Frame 2147225102 (id: 4193:9625, width: 286, height: 217, fills: #080f1a opacity 0.5, stroke: #0f161f, cornerRadius: 24) */}
+
+ {/* Ellipse 1071: Glow Effect (id: 4193:9665, w: 83.5, h: 78.3, fill: #0035b3 blur 200) */}
+
+
+ {/* Column Header: Frame 1000005788 (id: 4193:9626, width: 238, height: 24) */}
+
+ {/* Title & Count: Frame 1000005783 (id: 4193:9627, itemSpacing: 8) */}
+
+ {/* To Do Text (id: 4193:9628, 14px, Inter Bold, #ffffff) */}
+
+ To Do
+
+ {/* Count Pill: Frame 1000005773 (id: 4193:9629, width: 24, height: 24, cornerRadius: 12) */}
+
+ 1
+
+
+
+ {/* Status Pill: Frame 1000005784 (id: 4193:9631, width: 58, height: 24, fill: #16b05e opacity 0.2, cornerRadius: 12) */}
+
+ {/* Dot (id: 4193:9632, width: 6, height: 6, fill: #16b05e) */}
+
+ {/* Done Text (id: 4193:9633, 11px, Inter Regular, #16b05e) */}
+
+ Done
+
+
+
+
+ {/* Task Card: Frame 1000005809 (id: 4193:9634, width: 238, height: 121, cornerRadius: 15) */}
+
+ {/* Card Top: Tag + Flag + Title (Frame 1000005800) */}
+
+ {/* Tag + Flag Row (Frame 1000005797) */}
+
+ {/* Game Tag (Frame 1000005791, cornerRadius: 7) */}
+
+
+ Hadi & Hoda Game
+
+
+ {/* Flag Icon (tabler:flag, id: 4193:9640) */}
+
+
+
+ {/* Title (id: 4193:9643, 14px, Inter Bold, #ffffff) */}
+
+ Landing page design
+
+
+
+ {/* Card Bottom Meta Row (Frame 1000005796) */}
+
+ {/* Avatars: Frame 1000004608 (id: 4193:9645, width: 42, height: 24) */}
+
+
+
+
+ {/* Meta Badges: Frame 1000005795 (id: 4193:9655, itemSpacing: 6) */}
+
+ {/* Today Badge: Frame 1000005792 (id: 4193:9656, cornerRadius: 7) */}
+
+
+
+ Today
+
+
+
+ {/* Comments Badge: Frame 1000005793 (id: 4193:9659, cornerRadius: 7) */}
+
+
+
+ 8
+
+
+
+
+
+
+
+ {/* 2. "Done" Column: Frame 2147225103 (id: 4193:9666, width: 286, height: 217, fills: #080f1a opacity 0.5, stroke: #0f161f, cornerRadius: 24) */}
+
+ {/* Ellipse 1071: Glow Effect (id: 4193:9706, w: 83.5, h: 78.3, fill: #0035b3 blur 200) */}
+
+
+ {/* Column Header: Frame 1000005788 (id: 4193:9667, width: 238, height: 24) */}
+
+ {/* Title & Count: Frame 1000005783 (id: 4193:9668, itemSpacing: 8) */}
+
+ {/* Done Text (id: 4193:9669, 14px, Inter Bold, #ffffff) */}
+
+ Done
+
+ {/* Count Pill: Frame 1000005773 (id: 4193:9670, width: 24, height: 24, cornerRadius: 12) */}
+
+ 1
+
+
+
+ {/* Status Pill: Frame 1000005784 (id: 4193:9672, width: 58, height: 24, fill: #16b05e opacity 0.2, cornerRadius: 12) */}
+
+ {/* Dot (id: 4193:9673, width: 6, height: 6, fill: #16b05e) */}
+
+ {/* Done Text (id: 4193:9674, 11px, Inter Regular, #16b05e) */}
+
+ Done
+
+
+
+
+ {/* Task Card: Frame 1000005809 (id: 4193:9675, width: 238, height: 121, cornerRadius: 15) */}
+
+ {/* Card Top: Tag + Flag + Title (Frame 1000005800) */}
+
+ {/* Tag + Flag Row (Frame 1000005797) */}
+
+ {/* Game Tag (Frame 1000005791, cornerRadius: 7) */}
+
+
+ Hadi & Hoda Game
+
+
+ {/* Flag Icon (tabler:flag, id: 4193:9681) */}
+
+
+
+ {/* Title (id: 4193:9684, 14px, Inter Bold, #ffffff) */}
+
+ Landing page design
+
+
+
+ {/* Card Bottom Meta Row (Frame 1000005796) */}
+
+ {/* Avatars: Frame 1000004608 (id: 4193_9686, width: 42, height: 24) */}
+
+
+
+
+ {/* Meta Badges: Frame 1000005795 (id: 4193:9696, itemSpacing: 6) */}
+
+ {/* Today Badge: Frame 1000005792 (id: 4193:9697, cornerRadius: 7) */}
+
+
+
+ Today
+
+
+
+ {/* Comments Badge: Frame 1000005793 (id: 4193:9700, cornerRadius: 7) */}
+
+
+
+ 8
+
+
+
+
+
+
+
+
+ {/* Group 2147223367: Cursor "Designer" Tag (id: 4193:9739, x: 201, y: 310, rotation: 6 deg) */}
+
+
+
+
+ {/* Group 2147223368: Cursor "You" Tag (id: 4193:9743, x: 517, y: 249, rotation: -6 deg) */}
+
+
+
+
+
+
+ );
+}
diff --git a/components/sections/VoiceAgentSection.tsx b/components/sections/VoiceAgentSection.tsx
new file mode 100644
index 0000000..317a408
--- /dev/null
+++ b/components/sections/VoiceAgentSection.tsx
@@ -0,0 +1,179 @@
+import Image from "next/image";
+
+export function VoiceAgentSection() {
+ return (
+
+ {/* Frame 2147225098 (Type: FRAME, id: 1429:12443, width: 1216, height: 1330) */}
+
+ {/* ROW 1: (y: 0, height: 481) */}
+
+ {/* 1. Image Container (id: 1429:12444, width: 803, height: 481, fills: #080f1a opacity 0.5, cornerRadius: 32) */}
+
+ {/* Glow Effects: Ellipse 1075, 1079, 1080 */}
+
+
+
+
+ {/* Title (id: 1429:12445, x: 40, y: 40, w: 723, h: 20) */}
+
+ Smart Voice Agent
+
+
+ {/* Text Block (id: 1429:12446, x: 40, y: 366, w: 723, h: 75) */}
+
+ {/* Frame 2147225099 (id: 1429:12447, itemSpacing: 12) */}
+
+ {/* Title (id: 1429:12448, 24px, Inter Medium, #f7faff) */}
+
+ Stop typing. Just say it.TeamBy follows through.
+
+ {/* Subtitle (id: 1429:12449, 14px, Inter Regular, #6f829e) */}
+
+ Speak naturally and TeamBy types for you, creates tasks, assigns owners, sets deadlines, and generates status summaries on demand.
+
+
+
+
+
+ {/* 2. Card (id: 1429:12454, width: 389, height: 481, fills: #080f1a opacity 0.5, cornerRadius: 32) */}
+
+ {/* Star particle constellation (id: 1429:12463) */}
+
+
+
+
+ {/* Orbit glow lines & sphere (Group 2147223363 & 2147223364) */}
+
+
+
+
+
+ {/* Frame 2147225100: 250% + Arrow up-right (x: 32, y: 72, w: 188.79, h: 47.55) */}
+
+
+
+
+ {/* Subtitle (id: 1429:12521, x: 32, y: 415, w: 325, h: 34, 14px, Inter Regular, #6995ff) */}
+
+ Speak naturally and TeamBy types for you, creates tasks, assigns owners.
+
+
+
+
+ {/* ROW 2: Group 2147223361 (y: 505, height: 481) */}
+
+ {/* 3. Card (id: 1429:12532, width: 389, height: 481, fills: #080f1a opacity 0.5, stroke: #2e353f, cornerRadius: 32) */}
+
+ {/* Earth from space image (id: 1429:12533, w: 389, h: 388, rotation: -180) */}
+
+
+ {/* Inner shadow overlay */}
+
+
+
+ {/* Ellipse arc line (id: 1429:12534) */}
+
+
+
+
+ {/* Box Blur overlay (id: 1429:12535, w: 598, h: 352, x: -104, y: 257) */}
+
+
+ {/* Text Block (id: 1429:12536, x: 40, y: 388, w: 283, h: 53) */}
+
+ {/* Frame 2147225099 (id: 1429:12537, itemSpacing: 12) */}
+
+ {/* Title (id: 1429:12538, 20px, Inter Medium, #f7faff) */}
+
+ Stop typing
+
+ {/* Subtitle (id: 1429:12539, 14px, Inter Regular, #6995ff) */}
+
+ Speak naturally and TeamBy types for you.
+
+
+
+
+
+ {/* 4. Image Container (id: 1429:12523, width: 803, height: 481, fills: #080f1a opacity 0.5, cornerRadius: 32) */}
+
+ {/* Glow Effects: Ellipse 1075, 1079, 1080 */}
+
+
+
+
+ {/* Title (id: 1429:12524, x: 40, y: 40, w: 723, h: 20) */}
+
+ Smart Voice Agent
+
+
+ {/* Text Block (id: 1429:12525, x: 40, y: 366, w: 723, h: 75) */}
+
+ {/* Frame 2147225099 (id: 1429:12526, itemSpacing: 12) */}
+
+ {/* Title (id: 1429:12527, 24px, Inter Medium, #f7faff) */}
+
+ Stop typing. Just say it.TeamBy follows through.
+
+ {/* Subtitle (id: 1429:12528, 14px, Inter Regular, #6f829e) */}
+
+ Speak naturally and TeamBy types for you, creates tasks, assigns owners, sets deadlines, and generates status summaries on demand.
+
+
+
+
+
+
+ {/* ROW 3: Group 2147223362 (y: 1010, height: 320) */}
+
+ {/* 5. Card (id: 1429:12543, width: 596, height: 320, fills: #080f1a opacity 0.5, stroke: #2e353f, cornerRadius: 32) */}
+
+
+ {/* 6. Card (id: 1429:12541, width: 596, height: 320, fills: #080f1a opacity 0.5, stroke: #2e353f, cornerRadius: 32) */}
+
+
+
+
+ );
+}
diff --git a/components/sections/index.ts b/components/sections/index.ts
index c8570da..4c224f5 100644
--- 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";
+
+
diff --git a/public/assets/images/feature_grid_card_250.svg b/public/assets/images/feature_grid_card_250.svg
new file mode 100644
index 0000000..177633d
--- /dev/null
+++ b/public/assets/images/feature_grid_card_250.svg
@@ -0,0 +1,33 @@
+
diff --git a/public/assets/images/feature_grid_card_arrow.svg b/public/assets/images/feature_grid_card_arrow.svg
new file mode 100644
index 0000000..c512058
--- /dev/null
+++ b/public/assets/images/feature_grid_card_arrow.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/feature_grid_card_earth.png b/public/assets/images/feature_grid_card_earth.png
new file mode 100644
index 0000000..0cc28f2
Binary files /dev/null and b/public/assets/images/feature_grid_card_earth.png differ
diff --git a/public/assets/images/feature_grid_card_orbit1.svg b/public/assets/images/feature_grid_card_orbit1.svg
new file mode 100644
index 0000000..5ff8e2c
--- /dev/null
+++ b/public/assets/images/feature_grid_card_orbit1.svg
@@ -0,0 +1,69 @@
+
diff --git a/public/assets/images/feature_grid_card_orbit2.svg b/public/assets/images/feature_grid_card_orbit2.svg
new file mode 100644
index 0000000..1408203
--- /dev/null
+++ b/public/assets/images/feature_grid_card_orbit2.svg
@@ -0,0 +1,54 @@
+
diff --git a/public/assets/images/feature_grid_card_stars.svg b/public/assets/images/feature_grid_card_stars.svg
new file mode 100644
index 0000000..0066266
--- /dev/null
+++ b/public/assets/images/feature_grid_card_stars.svg
@@ -0,0 +1,36 @@
+
diff --git a/public/assets/images/feature_grid_card_top_right.png b/public/assets/images/feature_grid_card_top_right.png
new file mode 100644
index 0000000..cccd794
Binary files /dev/null and b/public/assets/images/feature_grid_card_top_right.png differ
diff --git a/public/assets/images/feature_grid_earth.png b/public/assets/images/feature_grid_earth.png
new file mode 100644
index 0000000..dd409b3
Binary files /dev/null and b/public/assets/images/feature_grid_earth.png differ
diff --git a/public/assets/images/feature_grid_earth_blur.svg b/public/assets/images/feature_grid_earth_blur.svg
new file mode 100644
index 0000000..7e8c8a7
--- /dev/null
+++ b/public/assets/images/feature_grid_earth_blur.svg
@@ -0,0 +1,13 @@
+
diff --git a/public/assets/images/feature_grid_earth_ellipse.svg b/public/assets/images/feature_grid_earth_ellipse.svg
new file mode 100644
index 0000000..ddb818b
--- /dev/null
+++ b/public/assets/images/feature_grid_earth_ellipse.svg
@@ -0,0 +1,16 @@
+
diff --git a/public/assets/images/feature_grid_glow_1075.svg b/public/assets/images/feature_grid_glow_1075.svg
new file mode 100644
index 0000000..d7dae36
--- /dev/null
+++ b/public/assets/images/feature_grid_glow_1075.svg
@@ -0,0 +1,12 @@
+
diff --git a/public/assets/images/feature_grid_glow_1079.svg b/public/assets/images/feature_grid_glow_1079.svg
new file mode 100644
index 0000000..9bddbde
--- /dev/null
+++ b/public/assets/images/feature_grid_glow_1079.svg
@@ -0,0 +1,12 @@
+
diff --git a/public/assets/images/feature_grid_glow_1080.svg b/public/assets/images/feature_grid_glow_1080.svg
new file mode 100644
index 0000000..27c8115
--- /dev/null
+++ b/public/assets/images/feature_grid_glow_1080.svg
@@ -0,0 +1,12 @@
+
diff --git a/public/assets/images/kanban_avatars.png b/public/assets/images/kanban_avatars.png
new file mode 100644
index 0000000..712d0e4
Binary files /dev/null and b/public/assets/images/kanban_avatars.png differ
diff --git a/public/assets/images/kanban_badge_star.png b/public/assets/images/kanban_badge_star.png
new file mode 100644
index 0000000..194952b
Binary files /dev/null and b/public/assets/images/kanban_badge_star.png differ
diff --git a/public/assets/images/kanban_badge_star.svg b/public/assets/images/kanban_badge_star.svg
new file mode 100644
index 0000000..8dc73d4
--- /dev/null
+++ b/public/assets/images/kanban_badge_star.svg
@@ -0,0 +1,83 @@
+
diff --git a/public/assets/images/kanban_board_icon.svg b/public/assets/images/kanban_board_icon.svg
new file mode 100644
index 0000000..e0d5819
--- /dev/null
+++ b/public/assets/images/kanban_board_icon.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/assets/images/kanban_calendar_icon.svg b/public/assets/images/kanban_calendar_icon.svg
new file mode 100644
index 0000000..9b542bb
--- /dev/null
+++ b/public/assets/images/kanban_calendar_icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/kanban_cursor_designer.png b/public/assets/images/kanban_cursor_designer.png
new file mode 100644
index 0000000..10a06fb
Binary files /dev/null and b/public/assets/images/kanban_cursor_designer.png differ
diff --git a/public/assets/images/kanban_cursor_pointer.svg b/public/assets/images/kanban_cursor_pointer.svg
new file mode 100644
index 0000000..8d2165f
--- /dev/null
+++ b/public/assets/images/kanban_cursor_pointer.svg
@@ -0,0 +1,18 @@
+
diff --git a/public/assets/images/kanban_cursor_you.png b/public/assets/images/kanban_cursor_you.png
new file mode 100644
index 0000000..aa9da1c
Binary files /dev/null and b/public/assets/images/kanban_cursor_you.png differ
diff --git a/public/assets/images/kanban_down_arrow.svg b/public/assets/images/kanban_down_arrow.svg
new file mode 100644
index 0000000..f10a8ff
--- /dev/null
+++ b/public/assets/images/kanban_down_arrow.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/kanban_filter_icon.svg b/public/assets/images/kanban_filter_icon.svg
new file mode 100644
index 0000000..11995b6
--- /dev/null
+++ b/public/assets/images/kanban_filter_icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/kanban_flag_icon.svg b/public/assets/images/kanban_flag_icon.svg
new file mode 100644
index 0000000..b312c23
--- /dev/null
+++ b/public/assets/images/kanban_flag_icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/kanban_message_icon.svg b/public/assets/images/kanban_message_icon.svg
new file mode 100644
index 0000000..fafbc1a
--- /dev/null
+++ b/public/assets/images/kanban_message_icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/kanban_search_icon.svg b/public/assets/images/kanban_search_icon.svg
new file mode 100644
index 0000000..003b1e2
--- /dev/null
+++ b/public/assets/images/kanban_search_icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/kanban_setting_icon.svg b/public/assets/images/kanban_setting_icon.svg
new file mode 100644
index 0000000..2534685
--- /dev/null
+++ b/public/assets/images/kanban_setting_icon.svg
@@ -0,0 +1,3 @@
+