+ )
+}
+
+export default Profileinfro
diff --git a/src/Components/TopicCard/TopicCard.jsx b/src/Components/TopicCard/TopicCard.jsx
new file mode 100644
index 0000000..38d45c5
--- /dev/null
+++ b/src/Components/TopicCard/TopicCard.jsx
@@ -0,0 +1,39 @@
+import React from 'react'
+import Orange from "../../imgs/Orangedot.svg"
+import Image from 'next/image'
+
+const TopicCard = ({tite,number,subtitle1,subtitle2,subtitle3,subtitle4}) => {
+ return (
+
+
+
{number}
+
+
{tite}
+
+
+
+
+
+
{subtitle1}
+
+
+
+
+
{subtitle2}
+
+
+
+
+
{subtitle3}
+
+
+
+
+
{subtitle4}
+
+
+
+ )
+}
+
+export default TopicCard
diff --git a/src/app/Courses/page.jsx b/src/app/Courses/page.jsx
index 502cf37..c172091 100644
--- a/src/app/Courses/page.jsx
+++ b/src/app/Courses/page.jsx
@@ -1,10 +1,178 @@
-import React from 'react'
-export default function Courses() {
+"use client"
+import React from "react";
+import {Box,Center ,Spacer,Stack,Flex ,Text,Heading,useColorModeValue , extendTheme, Button} from "@chakra-ui/react"
+import { MdOutlineArrowOutward } from "react-icons/md";
+import Link from "next/link";
+import Image from "next/image";
+import Aero from "../../imgs/areo.svg"
+import Star from "../../imgs/star.svg"
+import lineright from "../../imgs/lineright.svg"
+import lineleft from "../../imgs/lineleft.svg"
+import Pencil from "../../imgs/pencil.svg"
+import Book from "../../imgs/book.svg"
+import emojystar from "../../imgs/emojystar.svg"
+import gridleft from "../../imgs/Grid1.png"
+import gridright from "../../imgs/Grid2.png"
+import TopicCard from "@/Components/TopicCard/TopicCard";
+import star from "../../imgs/Staremojy.svg"
+
+import { Icon } from "@chakra-ui/react";
+
+
+const Home = () => {
return (
-
+ <>
+
-
Cooming Soon
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{/* Container for icons */}
+
+
+
+
+
+
+
+
+
+
+ This vaccation transform yourself with Leadlly’s ultimate
+
+
+
Personal Development
+
+ Workshop
+
+
+
+
+
-
- )
-}
+
+
+
+
+
+
List of the Topics
+
This Workshop is a 6 session program for 1 month
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Why you should choose us :
+
Over 1,000 Students Trusted this Future oriented course
+
+
+
+
+
+
+
Develop effective habits and time management strategies.
+
+
+
+
Acquire decision-making frameworks to evaluate career options.
+
+
+
+
+
Gain insights into emerging industries and future trends.
+
+
+
+
+
+
+
+
+
Develop effective habits and time management strategies.
+
+
+
+
+
Acquire decision-making frameworks to evaluate career options.
+
+
+
+
+
Gain insights into emerging industries and future trends.