diff --git a/examples/kendo-react-freemium/index.html b/examples/kendo-react-freemium/index.html
index c535438f..91ce0a00 100644
--- a/examples/kendo-react-freemium/index.html
+++ b/examples/kendo-react-freemium/index.html
@@ -6,7 +6,7 @@
Vite + KendoReact
-
+
diff --git a/examples/kendo-react-freemium/src/pages/Home.tsx b/examples/kendo-react-freemium/src/pages/Home.tsx
index 3ea1a2d8..1bcd06ef 100644
--- a/examples/kendo-react-freemium/src/pages/Home.tsx
+++ b/examples/kendo-react-freemium/src/pages/Home.tsx
@@ -1,7 +1,191 @@
+import { Button } from "@progress/kendo-react-buttons";
+import { Grid, GridColumn, GridCustomCellProps } from "@progress/kendo-react-grid";
+import { Badge } from "@progress/kendo-react-indicators";
+import { Checkbox } from "@progress/kendo-react-inputs";
+import { Avatar, Card, CardBody, CardFooter, CardHeader, CardSubtitle, CardTitle } from "@progress/kendo-react-layout";
+import { Calendar } from "@progress/kendo-react-dateinputs";
+import { ListView, ListViewItemWrapper } from "@progress/kendo-react-listview";
+import { pencilIcon, plusIcon, trashIcon } from "@progress/kendo-svg-icons";
+
+const listData = [
+ { text: "Review LMS project timelines and milestones." },
+ { text: "Research new investment possibilities for your portfolio." },
+ { text: "Communicate with stakeholders on project X updates." },
+ { text: "Analyze costs and make recommendations for cost-saving initiatives." },
+ { text: "Attend today’s client meeting to discuss the project X requirements." },
+ { text: "Review current workflows for project X and identify areas for improvement." },
+ { text: "Review LMS project timelines and milestones." },
+ { text: "Research new investment possibilities for your portfolio." },
+ { text: "Communicate with stakeholders on project X updates." },
+ { text: "Analyze costs and make recommendations for cost-saving initiatives." },
+ { text: "Attend today’s client meeting to discuss the project X requirements." },
+ { text: "Review current workflows for project X and identify areas for improvement." }
+];
+
+const ListItemRender = (props: any) => {
+ let item = props.dataItem;
+ return
+
+ {item.text}
+
+
+
+
+ ;
+};
+
+const gridData = [
+ { taskName: "#2213 Define project scope and objectives.", status: "🕒 Postponed" },
+ { taskName: "#2214 Conduct market research to assess existing LMS solutions.", status: "✅ Completed" },
+ { taskName: "#5342 Identify target audience and their specific needs.", status: "⚠ Delayed" },
+ { taskName: "#7211 Create a project timeline with milestones and deliverables.", status: "⏳ In Progress" },
+ { taskName: "#2811 Gather requirements from stakeholders through interviews or surveys.", status: "❌ Cancelled" },
+ { taskName: "#2213 Define project scope and objectives.", status: "🕒 Postponed" },
+ { taskName: "#2214 Conduct market research to assess existing LMS solutions.", status: "✅ Completed" },
+ { taskName: "#5342 Identify target audience and their specific needs.", status: "⚠ Delayed" },
+ { taskName: "#7211 Create a project timeline with milestones and deliverables.", status: "⏳ In Progress" },
+ { taskName: "#2811 Gather requirements from stakeholders through interviews or surveys.", status: "❌ Cancelled" },
+];
+
+const TaskNameCells = (props: GridCustomCellProps) => {
+ return
+ {props.dataItem.taskName}
+ | ;
+}
+
export default function Home() {
return (
<>
- Home
+
+
Welcome John Doe 👋
+
+
+
+
+ Projects
+
+
+
+
+
+ AI-Powered Bug Tracking and Resolution System
+ Medium priority
+
+
+
+
+ Virtual Reality Training Module for Employee Onboarding
+ Low priority
+
+
+
+
+ Online Learning Management System (LMS)
+ Urgent
+
+
+
+
+ Telehealth and Health Tracking Application
+ Low priority
+
+
+
+
+ Market Research and Analytics Tool
+ Low priority
+
+
+
+
+
+
+
+
+
+
+ Teams
+
+
+
+
+ FE
+
+ Frontend
+ 10 members
+
+
+
+
+
+ BE
+
+ Backend
+ 10 members
+
+
+
+
+
+ DO
+
+ DevOps
+ 10 members
+
+
+
+
+
+ QA
+
+ QA
+ 10 members
+
+
+
+
+
+
+
+
+
+
+
+
+ To-Do List
+
+
+
+
+
+
+
+
+
+
+ Tasks
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Copyright © 2025 Progress Software. All rights reserved.
+
)
}