diff --git a/.gitignore b/.gitignore
index 5ef6a52..dfb192b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,3 +39,7 @@ yarn-error.log*
# typescript
*.tsbuildinfo
next-env.d.ts
+
+
+/development
+/scratch
diff --git a/app/globals.css b/app/globals.css
index a2dc41e..65e0dc1 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,26 +1,78 @@
@import "tailwindcss";
:root {
- --background: #ffffff;
- --foreground: #171717;
+ --background: #03070D;
+ --foreground: #ffffff;
+ --font-inter: var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+ background-color: #03070D;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
- --font-sans: var(--font-geist-sans);
- --font-mono: var(--font-geist-mono);
+ --font-sans: var(--font-inter);
}
-@media (prefers-color-scheme: dark) {
- :root {
- --background: #0a0a0a;
- --foreground: #ededed;
- }
+* {
+ box-sizing: border-box;
+}
+
+html {
+ background-color: #03070D !important;
+ color-scheme: dark;
}
body {
- background: var(--background);
- color: var(--foreground);
- font-family: Arial, Helvetica, sans-serif;
+ background-color: #03070D !important;
+ color: #ffffff;
+ font-family: var(--font-inter);
+ margin: 0;
+ padding: 0;
+ overflow-x: hidden;
+ min-height: 100vh;
+}
+
+/* Custom Gradients & Glass Styles from Figma Spec */
+.btn-primary-gradient {
+ position: relative;
+ background: linear-gradient(180deg, #0029b2 0%, #0038bf 10%, #0e4acc 20%, #255cd9 30%, #3d6fe5 40%, #487eff 50%, #4b80ff 65%, #5d8bff 100%, #adbfff 100%);
+ isolation: isolate;
+ border-radius: 8px;
+}
+
+.btn-primary-gradient::before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ border-radius: inherit;
+ padding: 1px;
+ background: linear-gradient(74deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 50.46%, rgba(255, 255, 255, 0.6) 100%);
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: xor;
+ mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ mask-composite: exclude;
+ pointer-events: none;
+ z-index: 1;
+}
+
+.tab-active-gradient {
+ background: linear-gradient(180deg, #0029b2 0%, #0038bf 10%, #0e4acc 20%, #255cd9 30%, #3d6fe5 40%, #487eff 62%, #4b80ff 75%, #5d8bff 100%);
+ border: 1px solid rgba(255, 255, 255, 0.35);
+ box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.4);
+}
+
+.tab-active-text {
+ background: linear-gradient(180deg, #ffffff 0%, #d0deff 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
}
+
+/* Hide scrollbar utility */
+.no-scrollbar::-webkit-scrollbar {
+ display: none;
+}
+.no-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none;
+}
+
diff --git a/app/layout.tsx b/app/layout.tsx
index 9852c15..69c6c63 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,29 +1,30 @@
import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { Inter } from "next/font/google";
import "./globals.css";
-const geistSans = Geist({
- variable: "--font-geist-sans",
- subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
- variable: "--font-geist-mono",
+const inter = Inter({
subsets: ["latin"],
+ variable: "--font-inter",
+ display: "swap",
});
export const metadata: Metadata = {
- title: "Create Next App",
- description: "Generated by create next app",
+ title: "TeamBy.ai - AI-Powered Management for Team Leads",
+ description:
+ "TeamBy unifies your work and uses AI to optimize workflows, meetings, and costs—so you can manage smarter without chasing updates.",
};
-export default function RootLayout({ children }: LayoutProps<"/">) {
+export default function RootLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
return (
-
-
{children}
+
+
+ {children}
+
);
}
+
diff --git a/app/page.tsx b/app/page.tsx
index c887311..e4a30d6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,69 +1,22 @@
-import Image from "next/image";
+import {
+ Header,
+ HeroSection,
+ DashboardSection,
+ AiCopilotSection,
+ StepsSection,
+} from "@/components/sections";
export default function Home() {
return (
-
-
-
-
-
- To get started, edit the{" "}
-
- page.tsx
- {" "}
- file.
-
-
- Looking for a starting point or more instructions? Head over to{" "}
-
- Templates
- {" "}
- or the{" "}
-
- Learning
- {" "}
- center.
-
-
-
-
-
+
+ {/* 1920px Canvas Wrapper */}
+
+
);
}
diff --git a/components/sections/AiCopilotSection.tsx b/components/sections/AiCopilotSection.tsx
new file mode 100644
index 0000000..e59714a
--- /dev/null
+++ b/components/sections/AiCopilotSection.tsx
@@ -0,0 +1,108 @@
+import Image from "next/image";
+
+export function AiCopilotSection() {
+ return (
+
+ {/* Floating Side Decorative Icons (Group 2147223357 & Group 2147223359: w: 32, h: 160) */}
+
+
+
+
+
+
+
+ {/* Top Header Block (Text_1429_12117: w: 864, h: 132, y: 0) */}
+
+ {/* Glow Aura behind badge (Back_1429_12118: Ellipse 1578 & 1579) */}
+
+
+ {/* Badge (3_1429_12123: w: 40, h: 40) */}
+
+
+
+
+ {/* Text Container (Text_Container_1429_12126: w: 864, h: 68, itemSpacing: 12) */}
+
+ {/* Title (Title_1429_12127: 32px, Medium, #ffffff) */}
+
+ Meet your AI management co‑pilot.
+
+
+ {/* Subtitle (Subtitle_1429_12128: 14px, Regular, #6f829e) */}
+
+ TeamBy connects tasks, time, costs, and docs—then uses AI to optimize workflows and meeting time, so you can manage smarter.
+
+
+
+
+ {/* Content Frame: AI Orb & Feature Matrix (Content_Frame_1429_12129: w: 1216, h: 437, y: 212) */}
+
+ {/* Left Icons Matrix with smooth unclipped shadow blur (icons_1429_12130: w: 495, h: 288) */}
+
+
+
+
+ {/* Right Icons Matrix with smooth unclipped shadow blur (icons_1429_12149: w: 495, h: 288) */}
+
+
+
+
+ {/* Center Luminous Ball AI Orb (Luminous_ball_1429_12168: w: 437, h: 437) */}
+
+
+
+
+
+ );
+}
diff --git a/components/sections/DashboardSection.tsx b/components/sections/DashboardSection.tsx
new file mode 100644
index 0000000..d735d8f
--- /dev/null
+++ b/components/sections/DashboardSection.tsx
@@ -0,0 +1,172 @@
+import Image from "next/image";
+
+export function DashboardSection() {
+ return (
+
+ {/* Dashboard Glass Card (Dashboard_4178_61403: w: 1216, h: 785, radius: 32) */}
+
+ {/* Dashboard Screenshot Image (Dashboard_image_4178_61404: w: 1200, h: 769, radius: 24) */}
+
+
+
+
+
+ {/* Bottom Glow Aura (Background_4178_61405: w: 1216, h: 302, y: 1137) */}
+
+
+
+
+ {/* Feature Switcher Tab Bar (Navigation_4178_61406: w: 1010, h: 66, radius: 48) */}
+
+ {/* Active Tab: Time Tracking (Header_4178_61407: w: 190, h: 46, radius: 24) */}
+
+
+ {/* Line 6 Divider */}
+
+
+
+
+ {/* Tab: Meeting (Value_4178_61415) */}
+
+
+ {/* Line 5 Divider */}
+
+
+
+
+ {/* Tab: Chat App (Button_title_4178_61417) */}
+
+
+ {/* Line 3 Divider */}
+
+
+
+
+ {/* Tab: Project Management (Button_title_4178_61419) */}
+
+
+ {/* Line 4 Divider */}
+
+
+
+
+ {/* Tab: File Manager (Button_title_4178_61421) */}
+
+
+ {/* Line 2 Divider */}
+
+
+
+
+ {/* Tab: Finance (Button_title_4178_61423: exact string "Finance ") */}
+
+
+
+ );
+}
diff --git a/components/sections/Header.tsx b/components/sections/Header.tsx
new file mode 100644
index 0000000..7b4cd41
--- /dev/null
+++ b/components/sections/Header.tsx
@@ -0,0 +1,78 @@
+import Image from "next/image";
+import Link from "next/link";
+
+export function Header() {
+ return (
+
+ );
+}
diff --git a/components/sections/HeroSection.tsx b/components/sections/HeroSection.tsx
new file mode 100644
index 0000000..4c52b1e
--- /dev/null
+++ b/components/sections/HeroSection.tsx
@@ -0,0 +1,155 @@
+import Image from "next/image";
+import Link from "next/link";
+
+export function HeroSection() {
+ return (
+
+ {/* Background Graphic & Curve (back_4178_60221: x: 32, y: 230, w: 1856, h: 566) */}
+
+
+
+
+ {/* Particle Starfield Lights (Light_4178_61305 & Light_4178_61255) */}
+
+
+
+
+
+
+
+ {/* Left Floating 3D Shape (Object_4178_61355: x: 479, y: 436, w: 56, h: 56) */}
+
+
+
+
+ {/* Right Floating 3D Shape (Object_4178_61358: x: 1397, y: 458, w: 48, h: 48) */}
+
+
+
+
+ {/* Central Hero Content Container (Container_4178_61361: x: 609, y: 176, w: 703, h: 349) */}
+
+ {/* Top Pill Badge (Frame_2095586179_4178_61362: w: 95, h: 43, layoutMode: NONE) */}
+
+ {/* Ellipse 1071 Glow Aura (Ellipse_1071_4178_61367: x: 29, y: -5, w: 31.25, h: 30.24) */}
+
+
+
+
+ {/* Star Sphere Icon (3_4178_61363: x: 33.5, y: 0, w: 28, h: 28) */}
+
+
+
+
+ {/* Badge Glass Pill (Header_4178_61368: x: 0, y: 20, w: 95, h: 24, radius: 24) */}
+
+
+ Team By . Ai
+
+
+
+
+ {/* Typography Heading & Subtitle (text_4178_61370: w: 703, h: 194) */}
+
+ {/* Vector Typography Heading */}
+
AI-Powered Management for Team Leads.
+
+
+
+
+ {/* Subtitle (Subtitle_4178_61381: 16px / 24px line height, #b8cae5) */}
+
+ TeamBy unifies your work and uses AI to optimize workflows,
+ meetings, and costs—so you can manage smarter without chasing
+ updates.
+
+
+
+ {/* Hero CTA Button (Button_4178_61382: w: 173, h: 48, radius: 12) */}
+
+
+
+
+
See In Action
+
+
+
+ );
+}
diff --git a/components/sections/StepsSection.tsx b/components/sections/StepsSection.tsx
new file mode 100644
index 0000000..d8c1b72
--- /dev/null
+++ b/components/sections/StepsSection.tsx
@@ -0,0 +1,157 @@
+import Image from "next/image";
+
+export function StepsSection() {
+ const steps = [
+ {
+ id: "01",
+ category: "Organize",
+ description: "Put projects, tasks, and files in one place",
+ },
+ {
+ id: "02",
+ category: "Align",
+ description: "Meet and message with context",
+ },
+ {
+ id: "03",
+ category: "Optimize",
+ description: "Track time, let AI follow up.",
+ },
+ ];
+
+ return (
+
+ {/* Top Header Block (Text_1429_10886: w: 1010, h: 132, y: 0) */}
+
+ {/* Glow Aura behind badge (Back_1429_10887: Ellipse 1578 & 1579) */}
+
+
+ {/* Badge (3_1429_10892: w: 40, h: 40) */}
+
+
+
+
+ {/* Text Container (Text_Container_1429_10894: w: 964, h: 68, itemSpacing: 12) */}
+
+ {/* Title (Title_1429_10895: 32px, Medium, #ffffff) */}
+
+ Set up your smart management stack in 3 steps.
+
+
+ {/* Subtitle (Subtitle_1429_10896: 14px, Regular, #6f829e) */}
+
+ Projects, tasks, meetings, chat, files, and time in one connected desktop workspace, where AI reduces overhead and keeps everything in context.
+
+
+
+
+ {/* Steps Container (Steps_Container_1429_10897: w: 1216, h: 145, y: 212) */}
+
+ {steps.map((step, idx) => (
+
+ {/* Step Card (w: 389, h: 145, radius: 24, fill: rgba(8,15,26,0.5), stroke: rgba(255,255,255,0.12)) */}
+
+ {/* Internal Glow Effects (Ellipse 1071 & 1072) */}
+
+
+
+ {/* Star Particle Constellation Overlay (stars) */}
+
+
+
+
+ {/* Left Column: Number + 3D Grid Perspective Mesh */}
+
+
+ {/* Vertical Gradient Line Divider (Line 7: 1px x 81px) */}
+
+
+ {/* Right Column: Title + Subtitle */}
+
+
+ {step.category}
+
+
+ {step.description}
+
+
+
+
+ {/* Step Connector Chevron Pill (Step_Container: w: 40, h: 40) */}
+ {idx < steps.length - 1 && (
+
+
+
+ )}
+
+ ))}
+
+
+ {/* Bottom CTA Button Frame (Frame 2095586189: w: 129, h: 43, y: 437) */}
+
+ {/* Glow Aura behind button (Back: Ellipse 1578 & 1579) */}
+
+
+
+
+ {/* Button (Button_1429_10910: w: 129, h: 44, radius: 12) */}
+
+
+
+ );
+}
diff --git a/components/sections/index.ts b/components/sections/index.ts
new file mode 100644
index 0000000..c8570da
--- /dev/null
+++ b/components/sections/index.ts
@@ -0,0 +1,5 @@
+export { Header } from "./Header";
+export { HeroSection } from "./HeroSection";
+export { DashboardSection } from "./DashboardSection";
+export { AiCopilotSection } from "./AiCopilotSection";
+export { StepsSection } from "./StepsSection";
diff --git a/public/assets/images/Frame 2095586179.png b/public/assets/images/Frame 2095586179.png
new file mode 100644
index 0000000..33b9aff
Binary files /dev/null and b/public/assets/images/Frame 2095586179.png differ
diff --git a/public/assets/images/Frame 2095586179.svg b/public/assets/images/Frame 2095586179.svg
new file mode 100644
index 0000000..c3fc979
--- /dev/null
+++ b/public/assets/images/Frame 2095586179.svg
@@ -0,0 +1,86 @@
+
diff --git a/public/assets/images/Frame 2147225101.svg b/public/assets/images/Frame 2147225101.svg
new file mode 100644
index 0000000..ea0733a
--- /dev/null
+++ b/public/assets/images/Frame 2147225101.svg
@@ -0,0 +1,87 @@
+
diff --git a/public/assets/images/Group 2147223366.png b/public/assets/images/Group 2147223366.png
new file mode 100644
index 0000000..de870cf
Binary files /dev/null and b/public/assets/images/Group 2147223366.png differ
diff --git a/public/assets/images/badge_copilot.svg b/public/assets/images/badge_copilot.svg
new file mode 100644
index 0000000..762dd99
--- /dev/null
+++ b/public/assets/images/badge_copilot.svg
@@ -0,0 +1,47 @@
+
diff --git a/public/assets/images/badge_copilot_icon.svg b/public/assets/images/badge_copilot_icon.svg
new file mode 100644
index 0000000..5ac1951
--- /dev/null
+++ b/public/assets/images/badge_copilot_icon.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/badge_glow.png b/public/assets/images/badge_glow.png
new file mode 100644
index 0000000..d70dc75
Binary files /dev/null and b/public/assets/images/badge_glow.png differ
diff --git a/public/assets/images/badge_glow.svg b/public/assets/images/badge_glow.svg
new file mode 100644
index 0000000..50a1ad7
--- /dev/null
+++ b/public/assets/images/badge_glow.svg
@@ -0,0 +1,24 @@
+
diff --git a/public/assets/images/badge_header.svg b/public/assets/images/badge_header.svg
new file mode 100644
index 0000000..d503f92
--- /dev/null
+++ b/public/assets/images/badge_header.svg
@@ -0,0 +1,12 @@
+
diff --git a/public/assets/images/badge_star.png b/public/assets/images/badge_star.png
new file mode 100644
index 0000000..b8341dc
Binary files /dev/null and b/public/assets/images/badge_star.png differ
diff --git a/public/assets/images/badge_star.svg b/public/assets/images/badge_star.svg
new file mode 100644
index 0000000..263ce0e
--- /dev/null
+++ b/public/assets/images/badge_star.svg
@@ -0,0 +1,63 @@
+
diff --git a/public/assets/images/badge_star_steps.svg b/public/assets/images/badge_star_steps.svg
new file mode 100644
index 0000000..d415d60
--- /dev/null
+++ b/public/assets/images/badge_star_steps.svg
@@ -0,0 +1,47 @@
+
diff --git a/public/assets/images/badge_star_steps_vector.svg b/public/assets/images/badge_star_steps_vector.svg
new file mode 100644
index 0000000..b71e4f2
--- /dev/null
+++ b/public/assets/images/badge_star_steps_vector.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/badge_steps.svg b/public/assets/images/badge_steps.svg
new file mode 100644
index 0000000..d415d60
--- /dev/null
+++ b/public/assets/images/badge_steps.svg
@@ -0,0 +1,47 @@
+
diff --git a/public/assets/images/badge_steps_vector.svg b/public/assets/images/badge_steps_vector.svg
new file mode 100644
index 0000000..b71e4f2
--- /dev/null
+++ b/public/assets/images/badge_steps_vector.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/copilot_badge.png b/public/assets/images/copilot_badge.png
new file mode 100644
index 0000000..55be32f
Binary files /dev/null and b/public/assets/images/copilot_badge.png differ
diff --git a/public/assets/images/copilot_badge.svg b/public/assets/images/copilot_badge.svg
new file mode 100644
index 0000000..762dd99
--- /dev/null
+++ b/public/assets/images/copilot_badge.svg
@@ -0,0 +1,47 @@
+
diff --git a/public/assets/images/copilot_badge_icon.svg b/public/assets/images/copilot_badge_icon.svg
new file mode 100644
index 0000000..5ac1951
--- /dev/null
+++ b/public/assets/images/copilot_badge_icon.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/copilot_content_frame.png b/public/assets/images/copilot_content_frame.png
new file mode 100644
index 0000000..cd1e866
Binary files /dev/null and b/public/assets/images/copilot_content_frame.png differ
diff --git a/public/assets/images/copilot_header_glow.svg b/public/assets/images/copilot_header_glow.svg
new file mode 100644
index 0000000..7966241
--- /dev/null
+++ b/public/assets/images/copilot_header_glow.svg
@@ -0,0 +1,21 @@
+
diff --git a/public/assets/images/copilot_icon_bubble_chat.svg b/public/assets/images/copilot_icon_bubble_chat.svg
new file mode 100644
index 0000000..0912640
--- /dev/null
+++ b/public/assets/images/copilot_icon_bubble_chat.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/assets/images/copilot_icon_call.svg b/public/assets/images/copilot_icon_call.svg
new file mode 100644
index 0000000..992d0f2
--- /dev/null
+++ b/public/assets/images/copilot_icon_call.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/copilot_icon_clock.svg b/public/assets/images/copilot_icon_clock.svg
new file mode 100644
index 0000000..5e901c5
--- /dev/null
+++ b/public/assets/images/copilot_icon_clock.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/copilot_icon_cloud.svg b/public/assets/images/copilot_icon_cloud.svg
new file mode 100644
index 0000000..f252476
--- /dev/null
+++ b/public/assets/images/copilot_icon_cloud.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/copilot_icon_dashboard.svg b/public/assets/images/copilot_icon_dashboard.svg
new file mode 100644
index 0000000..ca88df5
--- /dev/null
+++ b/public/assets/images/copilot_icon_dashboard.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/assets/images/copilot_icon_dollar.svg b/public/assets/images/copilot_icon_dollar.svg
new file mode 100644
index 0000000..fee9a6b
--- /dev/null
+++ b/public/assets/images/copilot_icon_dollar.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/copilot_icon_mic.svg b/public/assets/images/copilot_icon_mic.svg
new file mode 100644
index 0000000..8531e2f
--- /dev/null
+++ b/public/assets/images/copilot_icon_mic.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/assets/images/copilot_icons_left.png b/public/assets/images/copilot_icons_left.png
new file mode 100644
index 0000000..8329c76
Binary files /dev/null and b/public/assets/images/copilot_icons_left.png differ
diff --git a/public/assets/images/copilot_icons_right.png b/public/assets/images/copilot_icons_right.png
new file mode 100644
index 0000000..a67ee1a
Binary files /dev/null and b/public/assets/images/copilot_icons_right.png differ
diff --git a/public/assets/images/copilot_luminous_ball.png b/public/assets/images/copilot_luminous_ball.png
new file mode 100644
index 0000000..a348252
Binary files /dev/null and b/public/assets/images/copilot_luminous_ball.png differ
diff --git a/public/assets/images/copilot_luminous_ball.svg b/public/assets/images/copilot_luminous_ball.svg
new file mode 100644
index 0000000..4febc24
--- /dev/null
+++ b/public/assets/images/copilot_luminous_ball.svg
@@ -0,0 +1,340 @@
+
diff --git a/public/assets/images/copilot_orb.png b/public/assets/images/copilot_orb.png
new file mode 100644
index 0000000..a348252
Binary files /dev/null and b/public/assets/images/copilot_orb.png differ
diff --git a/public/assets/images/copilot_orb.svg b/public/assets/images/copilot_orb.svg
new file mode 100644
index 0000000..4febc24
--- /dev/null
+++ b/public/assets/images/copilot_orb.svg
@@ -0,0 +1,340 @@
+
diff --git a/public/assets/images/copilot_side_decor_left.png b/public/assets/images/copilot_side_decor_left.png
new file mode 100644
index 0000000..bff4f7f
Binary files /dev/null and b/public/assets/images/copilot_side_decor_left.png differ
diff --git a/public/assets/images/copilot_side_decor_left.svg b/public/assets/images/copilot_side_decor_left.svg
new file mode 100644
index 0000000..4708920
--- /dev/null
+++ b/public/assets/images/copilot_side_decor_left.svg
@@ -0,0 +1,94 @@
+
diff --git a/public/assets/images/copilot_side_decor_right.png b/public/assets/images/copilot_side_decor_right.png
new file mode 100644
index 0000000..64285cd
Binary files /dev/null and b/public/assets/images/copilot_side_decor_right.png differ
diff --git a/public/assets/images/copilot_side_decor_right.svg b/public/assets/images/copilot_side_decor_right.svg
new file mode 100644
index 0000000..55a03b5
--- /dev/null
+++ b/public/assets/images/copilot_side_decor_right.svg
@@ -0,0 +1,94 @@
+
diff --git a/public/assets/images/dashboard_bottom_glow.svg b/public/assets/images/dashboard_bottom_glow.svg
new file mode 100644
index 0000000..47b1863
--- /dev/null
+++ b/public/assets/images/dashboard_bottom_glow.svg
@@ -0,0 +1,16 @@
+
diff --git a/public/assets/images/dashboard_image.png b/public/assets/images/dashboard_image.png
new file mode 100644
index 0000000..31b8f9e
Binary files /dev/null and b/public/assets/images/dashboard_image.png differ
diff --git a/public/assets/images/dashboard_image.svg b/public/assets/images/dashboard_image.svg
new file mode 100644
index 0000000..434b4c1
--- /dev/null
+++ b/public/assets/images/dashboard_image.svg
@@ -0,0 +1,15 @@
+
diff --git a/public/assets/images/hero_back.png b/public/assets/images/hero_back.png
new file mode 100644
index 0000000..de870cf
Binary files /dev/null and b/public/assets/images/hero_back.png differ
diff --git a/public/assets/images/hero_back.svg b/public/assets/images/hero_back.svg
new file mode 100644
index 0000000..82cff53
--- /dev/null
+++ b/public/assets/images/hero_back.svg
@@ -0,0 +1,1214 @@
+
diff --git a/public/assets/images/hero_btn_icon.svg b/public/assets/images/hero_btn_icon.svg
new file mode 100644
index 0000000..aa34eac
--- /dev/null
+++ b/public/assets/images/hero_btn_icon.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/assets/images/hero_heading.png b/public/assets/images/hero_heading.png
new file mode 100644
index 0000000..3502238
Binary files /dev/null and b/public/assets/images/hero_heading.png differ
diff --git a/public/assets/images/hero_heading.svg b/public/assets/images/hero_heading.svg
new file mode 100644
index 0000000..f002afe
--- /dev/null
+++ b/public/assets/images/hero_heading.svg
@@ -0,0 +1,467 @@
+
diff --git a/public/assets/images/hero_light_left.svg b/public/assets/images/hero_light_left.svg
new file mode 100644
index 0000000..ca29119
--- /dev/null
+++ b/public/assets/images/hero_light_left.svg
@@ -0,0 +1,47 @@
+
diff --git a/public/assets/images/hero_light_right.svg b/public/assets/images/hero_light_right.svg
new file mode 100644
index 0000000..8b01f4d
--- /dev/null
+++ b/public/assets/images/hero_light_right.svg
@@ -0,0 +1,47 @@
+
diff --git a/public/assets/images/icon_clock.svg b/public/assets/images/icon_clock.svg
new file mode 100644
index 0000000..5e901c5
--- /dev/null
+++ b/public/assets/images/icon_clock.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/icon_cloud.svg b/public/assets/images/icon_cloud.svg
new file mode 100644
index 0000000..f252476
--- /dev/null
+++ b/public/assets/images/icon_cloud.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/images/icon_dashboard.svg b/public/assets/images/icon_dashboard.svg
new file mode 100644
index 0000000..ca88df5
--- /dev/null
+++ b/public/assets/images/icon_dashboard.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/assets/images/icon_dollar.svg b/public/assets/images/icon_dollar.svg
new file mode 100644
index 0000000..fee9a6b
--- /dev/null
+++ b/public/assets/images/icon_dollar.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/icon_mic.svg b/public/assets/images/icon_mic.svg
new file mode 100644
index 0000000..8531e2f
--- /dev/null
+++ b/public/assets/images/icon_mic.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/assets/images/line_divider.svg b/public/assets/images/line_divider.svg
new file mode 100644
index 0000000..ef6d042
--- /dev/null
+++ b/public/assets/images/line_divider.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/images/logo_icon.png b/public/assets/images/logo_icon.png
new file mode 100644
index 0000000..65f62af
Binary files /dev/null and b/public/assets/images/logo_icon.png differ
diff --git a/public/assets/images/logo_icon.svg b/public/assets/images/logo_icon.svg
new file mode 100644
index 0000000..4ebb7c4
--- /dev/null
+++ b/public/assets/images/logo_icon.svg
@@ -0,0 +1,268 @@
+
diff --git a/public/assets/images/luminous_ball.png b/public/assets/images/luminous_ball.png
new file mode 100644
index 0000000..a348252
Binary files /dev/null and b/public/assets/images/luminous_ball.png differ
diff --git a/public/assets/images/luminous_ball.svg b/public/assets/images/luminous_ball.svg
new file mode 100644
index 0000000..4febc24
--- /dev/null
+++ b/public/assets/images/luminous_ball.svg
@@ -0,0 +1,340 @@
+
diff --git a/public/assets/images/object_left.png b/public/assets/images/object_left.png
new file mode 100644
index 0000000..46d0055
Binary files /dev/null and b/public/assets/images/object_left.png differ
diff --git a/public/assets/images/object_left.svg b/public/assets/images/object_left.svg
new file mode 100644
index 0000000..b2cdc17
--- /dev/null
+++ b/public/assets/images/object_left.svg
@@ -0,0 +1,20 @@
+
diff --git a/public/assets/images/object_right.png b/public/assets/images/object_right.png
new file mode 100644
index 0000000..e6280e4
Binary files /dev/null and b/public/assets/images/object_right.png differ
diff --git a/public/assets/images/side_decor_left.png b/public/assets/images/side_decor_left.png
new file mode 100644
index 0000000..bff4f7f
Binary files /dev/null and b/public/assets/images/side_decor_left.png differ
diff --git a/public/assets/images/side_decor_left.svg b/public/assets/images/side_decor_left.svg
new file mode 100644
index 0000000..4708920
--- /dev/null
+++ b/public/assets/images/side_decor_left.svg
@@ -0,0 +1,94 @@
+
diff --git a/public/assets/images/side_decor_right.png b/public/assets/images/side_decor_right.png
new file mode 100644
index 0000000..64285cd
Binary files /dev/null and b/public/assets/images/side_decor_right.png differ
diff --git a/public/assets/images/side_decor_right.svg b/public/assets/images/side_decor_right.svg
new file mode 100644
index 0000000..55a03b5
--- /dev/null
+++ b/public/assets/images/side_decor_right.svg
@@ -0,0 +1,94 @@
+
diff --git a/public/assets/images/step_arrow_btn.png b/public/assets/images/step_arrow_btn.png
new file mode 100644
index 0000000..8f9a967
Binary files /dev/null and b/public/assets/images/step_arrow_btn.png differ
diff --git a/public/assets/images/step_arrow_btn.svg b/public/assets/images/step_arrow_btn.svg
new file mode 100644
index 0000000..55053b0
--- /dev/null
+++ b/public/assets/images/step_arrow_btn.svg
@@ -0,0 +1,43 @@
+
diff --git a/public/assets/images/step_arrow_icon.svg b/public/assets/images/step_arrow_icon.svg
new file mode 100644
index 0000000..ab153a3
--- /dev/null
+++ b/public/assets/images/step_arrow_icon.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/assets/images/step_card_mesh.png b/public/assets/images/step_card_mesh.png
new file mode 100644
index 0000000..faf61d0
Binary files /dev/null and b/public/assets/images/step_card_mesh.png differ
diff --git a/public/assets/images/step_card_mesh.svg b/public/assets/images/step_card_mesh.svg
new file mode 100644
index 0000000..f356932
--- /dev/null
+++ b/public/assets/images/step_card_mesh.svg
@@ -0,0 +1,17 @@
+
diff --git a/public/assets/images/step_card_stars.png b/public/assets/images/step_card_stars.png
new file mode 100644
index 0000000..a36e33b
Binary files /dev/null and b/public/assets/images/step_card_stars.png differ
diff --git a/public/assets/images/step_card_stars.svg b/public/assets/images/step_card_stars.svg
new file mode 100644
index 0000000..4e72ceb
--- /dev/null
+++ b/public/assets/images/step_card_stars.svg
@@ -0,0 +1,44 @@
+
diff --git a/public/assets/images/step_grid_mesh.svg b/public/assets/images/step_grid_mesh.svg
new file mode 100644
index 0000000..f356932
--- /dev/null
+++ b/public/assets/images/step_grid_mesh.svg
@@ -0,0 +1,17 @@
+
diff --git a/public/assets/images/step_stars.svg b/public/assets/images/step_stars.svg
new file mode 100644
index 0000000..4e72ceb
--- /dev/null
+++ b/public/assets/images/step_stars.svg
@@ -0,0 +1,44 @@
+
diff --git a/public/assets/images/steps_badge.png b/public/assets/images/steps_badge.png
new file mode 100644
index 0000000..0bdf089
Binary files /dev/null and b/public/assets/images/steps_badge.png differ
diff --git a/public/assets/images/steps_badge.svg b/public/assets/images/steps_badge.svg
new file mode 100644
index 0000000..d415d60
--- /dev/null
+++ b/public/assets/images/steps_badge.svg
@@ -0,0 +1,47 @@
+
diff --git a/public/assets/images/steps_btn_glow.png b/public/assets/images/steps_btn_glow.png
new file mode 100644
index 0000000..4cd5ec8
Binary files /dev/null and b/public/assets/images/steps_btn_glow.png differ
diff --git a/public/assets/images/steps_btn_glow.svg b/public/assets/images/steps_btn_glow.svg
new file mode 100644
index 0000000..9dabdaa
--- /dev/null
+++ b/public/assets/images/steps_btn_glow.svg
@@ -0,0 +1,21 @@
+
diff --git a/public/assets/images/steps_header_glow.svg b/public/assets/images/steps_header_glow.svg
new file mode 100644
index 0000000..1040be5
--- /dev/null
+++ b/public/assets/images/steps_header_glow.svg
@@ -0,0 +1,21 @@
+
diff --git a/public/assets/images/tab_icon_star.svg b/public/assets/images/tab_icon_star.svg
new file mode 100644
index 0000000..086aa2c
--- /dev/null
+++ b/public/assets/images/tab_icon_star.svg
@@ -0,0 +1,26 @@
+