Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

I added the Faq bot #13

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

I added the Faq bot #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9189609
I added the Faq bot
Sep 10, 2024
0e8a55e
Merge branch 'main' into Sumafront
LaylaKader Sep 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 24 additions & 3 deletions src/pages/student/StudentDashboardContent.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,38 @@
import { useEffect } from "react";
import EnrolCourse from "./EnrolCourse";
import StudentDashboardProfile from "./StudentDashboardProfile";

const StudentDashboardContent = () => {
useEffect(() => {
// Inject Botpress chatbot script
const script1 = document.createElement("script");
script1.src = "https://cdn.botpress.cloud/webchat/v2.1/inject.js";
script1.async = true;

const script2 = document.createElement("script");
script2.src = "https://mediafiles.botpress.cloud/48256a3c-04c9-44dc-bfa3-af660f1609fb/webchat/v2.1/config.js";
script2.async = true;

document.body.appendChild(script1);
document.body.appendChild(script2);

// Cleanup function to remove scripts when component unmounts
return () => {
document.body.removeChild(script1);
document.body.removeChild(script2);
};
}, []);

return (
<div>
<StudentDashboardProfile />

<div className="flex justify-center mt-11 mb-8"> {/* Added mb-8 for the gap */}
<div className="flex justify-center mt-11 mb-8">
{/* Added mb-8 for the gap */}
<div className="bg-white rounded-lg shadow-lg w-full max-w-8xl p-4">
<div className="text-center text-2xl text-blue-500 font-bold">
Subscribed Courses



</div>
</div>
</div>
Expand Down
68 changes: 68 additions & 0 deletions src/redux/features/Landing page/Banner.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
import { TypeAnimation } from "react-type-animation";
import Lottie from "lottie-react";
import HomeAnimation from "../../assets/Landing Page/home.json";
import { Link } from "react-router-dom";

const Banner = () => {
return (
<div className="relative isolate overflow-hidden bg-gradient-to-b from-indigo-100/20 pt-14 bg-[#eeac3b]">
<div
className="absolute inset-y-0 right-1/2 -z-10 -mr-96 w-[200%] origin-top-right skew-x-[-30deg] bg-[#4e9ca9] shadow-xl shadow-indigo-600/10 ring-1 ring- sm:-mr-80 lg:-mr-96"
aria-hidden="true"
/>
<div className="mx-auto max-w-7xl px-6 sm:py-32 lg:px-8">
<div className="mx-auto max-w-2xl lg:mx-0 lg:grid lg:max-w-none lg:grid-cols-2 lg:gap-x-16 lg:gap-y-6 xl:grid-cols-1 xl:grid-rows-1 xl:gap-x-8">
<h1 className="max-w-2xl text-4xl font-bold tracking-tight text-gray-800 sm:text-5xl lg:col-span-2 xl:col-auto">
We’re revolutionizing education for students.
</h1>
<div className="mt-6 text-yellow-300 text-lg font-semibold max-w-xl lg:mt-0 xl:col-end-1 xl:row-start-1">
<TypeAnimation
sequence={[
"We provide Innovative Community-Based Learning",
1000,
"We provide AI-Powered Educational Tools",
1000,
"We provide Personalized Support for Student",
1000,
"We provide Collaborative Study Sessions",
1000,
"We provide Centralized Resource Sharing",
1000,
"We provide Boosting Student Engagement",
1000,
"We provide Fostering Peer Connections",
1000,
]}
wrapper="span"
speed={80}
style={{
fontSize: "30 em",
display: "inline-block",

}}
repeat={Infinity}
/>

<div className="mt-10 flex items-center gap-x-6">
<Link to="/login"

className="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
Get started
</Link>
<a
href="#"
className="text-sm font-semibold leading-6 text-gray-900">
Learn more <span aria-hidden="true">→</span>
</a>
</div>
</div>
<div className=" mt-10 aspect-[6/5] w-full max-w-lg rounded-2xl object-cover sm:mt-16 lg:mt-0 lg:max-w-none xl:row-span-2 xl:row-end-2 xl:mt-0">
<Lottie animationData={HomeAnimation} loop={true} />
</div>
</div>
</div>
</div>
);
};

export default Banner;
175 changes: 175 additions & 0 deletions src/redux/features/Landing page/CounsellorDetails.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
const posts = [

{
id: 1,
title: "Abir Hossain",
href: "#",
imageUrl:
"https://ichef.bbci.co.uk/news/976/cpsprodpb/574E/production/_90805322_image_00006.jpg",
date: "Feb 15, 2022",
datetime: "2022-02-15",
category: { title: "Programmer", href: "#" },
author: {
name: "Abir Hossain",
role: "Computer Science and Engineering",
href: "#",
imageUrl:
"https://ichef.bbci.co.uk/news/976/cpsprodpb/574E/production/_90805322_image_00006.jpg",
},
description:
"Abir Hossain specializes in Node.js and React.js, making him an expert in modern web development. He has a talent for breaking down complex concepts into simple, understandable lessons, making him highly approachable for beginners. Whether you're just starting out or looking to deepen your understanding of JavaScript frameworks, Abir's teaching style is designed to help you build a strong foundation in web development. His patient and clear explanations make him an ideal mentor for anyone new to coding.",
},
{
id: 2,
title: "Kotha Isams",
href: "#",
imageUrl:
"https://ichef.bbci.co.uk/ace/ws/640/cpsprodpb/62A2/production/_90805252_image_00001.jpg.webp",
date: "Mar 20, 2022",
datetime: "2022-03-20",
category: { title: "Bioinformatics", href: "#" },
author: {
name: "Kotha Islam",
role: "Bioinformatics Educator",
href: "#",
imageUrl:
"https://ichef.bbci.co.uk/ace/ws/640/cpsprodpb/62A2/production/_90805252_image_00001.jpg.webp",
},
description:
"Kotha Islam is passionate about teaching Bioinformatics and is dedicated to making the subject accessible to all students. She offers well-structured, easy-to-understand notes that simplify even the most complex topics in Bioinformatics. Her approach to teaching emphasizes clarity and comprehension, ensuring that students can grasp difficult concepts with ease.",
},
{
id: 3,
title: "Rafsan Karim",
href: "#",
imageUrl:
"https://www.newagebd.com/files/records/news/202009/116708_161.jpg",
date: "May 05, 2022",
datetime: "2022-05-05",
category: { title: "Python Programming", href: "#" },
author: {
name: "Rafsan Karim",
role: "Python Programming Instructor",
href: "#",
imageUrl:
"https://www.newagebd.com/files/records/news/202009/116708_161.jpg",
},
description:
"Rafsan Karim is a seasoned professional in Python programming and data analysis. With years of experience in the industry, he excels at teaching Python to students of all levels. His approach focuses on practical, hands-on learning, allowing students to apply what they learn in real-world scenarios.",
},
{
id: 4,
title: "Maya Rahman",
href: "#",
imageUrl:
"https://ichef.bbci.co.uk/ace/ws/640/cpsprodpb/14D02/production/_90805258_image_00004.jpg.webp",
date: "Jul 10, 2022",
datetime: "2022-07-10",
category: { title: "Cloud Computing", href: "#" },
author: {
name: "Maya Rahman",
role: "Cloud Computing and DevOps Expert",
href: "#",
imageUrl:
"https://ichef.bbci.co.uk/ace/ws/640/cpsprodpb/14D02/production/_90805258_image_00004.jpg.webp",
},
description:
"Maya Rahman is an expert in Cloud Computing and DevOps, with a deep understanding of modern IT infrastructure and software deployment. She simplifies the intricacies of cloud platforms like AWS and Azure, making them comprehensible for learners at any stage. Her teaching style is focused on real-world applications, providing students with practical knowledge that they can immediately put to use.",
},
{
id: 5,
title: "Tahsin Ahmed",
href: "#",
imageUrl:
"https://thumbs.dreamstime.com/b/young-indian-student-man-red-checkered-shirt-jeans-posed-city-229834070.jpg",
date: "Sep 25, 2022",
datetime: "2022-09-25",
category: { title: "Artificial Intelligence", href: "#" },
author: {
name: "Tahsin Ahmed",
role: "AI and Machine Learning Specialist",
href: "#",
imageUrl:
"https://thumbs.dreamstime.com/b/young-indian-student-man-red-checkered-shirt-jeans-posed-city-229834070.jpg",
},
description:
"Tahsin Ahmed is a specialist in Artificial Intelligence and Machine Learning, with extensive experience in developing and deploying intelligent systems. His teaching approach emphasizes understanding the core concepts and algorithms that power AI technologies. Tahsin is known for his ability to break down complex theories into digestible lessons, making Machine Learning accessible to both beginners and advanced students.",
},
{
id: 6,
title: "Shaila Haque",
href: "#",
imageUrl:
"https://st2.depositphotos.com/37996792/42271/i/450/depositphotos_422718976-stock-photo-pretty-young-indian-woman-using.jpg",
date: "Nov 12, 2022",
datetime: "2022-11-12",
category: { title: "Cybersecurity", href: "#" },
author: {
name: "Shaila Haque",
role: "Cybersecurity and Ethical Hacking Educator",
href: "#",
imageUrl:
"https://st2.depositphotos.com/37996792/42271/i/450/depositphotos_422718976-stock-photo-pretty-young-indian-woman-using.jpg",
},
description:
"Shaila Haque is an accomplished educator in Cybersecurity and Ethical Hacking, with a deep passion for protecting digital assets. With her vast knowledge of network security, encryption, and ethical hacking practices, she guides students through the complexities of cybersecurity with ease. Shaila's teaching is highly interactive, involving simulations and practical exercises that equip students with the skills needed to identify and mitigate security threats.",
}

];

export default function Counselors() {
return (
<div className="bg-gradient-to-tr from-[#6ec0ff] to-[#fffdba] py-12">
<div className="mx-auto max-w-7xl px-4 lg:px-6">
<div className="text-center">
<h2 className="text-4xl font-bold text-gray-900">New Counselors</h2>
<p className="mt-2 text-lg text-gray-600">
Learn how to grow your skill with our expert advice.
</p>
</div>
<div className="mt-12 grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
{posts.map((post) => (
<article
key={post.id}
className="flex flex-col items-start justify-between bg-white rounded-lg p-4 shadow-lg transition-transform transform hover:scale-105">
<div className="relative w-full overflow-hidden rounded-lg">
<img
src={post.imageUrl}
alt={post.title}
className="w-full h-60 object-cover rounded-lg"
/>
<div className="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10" />
</div>
<div className="mt-4 flex flex-col">
<div className="flex items-center gap-x-3 text-xs">
<a
href={post.category.href}
className="rounded-full bg-gray-50 px-3 py-1.5 text-gray-600 hover:bg-gray-100">
{post.category.title}
</a>
</div>
<h3 className="mt-3 text-xl font-semibold text-gray-900">
<a href={post.href}>{post.title}</a>
</h3>
<p className="mt-2 text-sm text-gray-600">{post.description}</p>
<div className="mt-4 flex items-center gap-x-4">
<img
src={post.author.imageUrl}
alt={post.author.name}
className="h-10 w-10 rounded-full bg-gray-100"
/>
<div className="text-sm text-gray-600">
<p className="font-semibold text-gray-900">
<a href={post.author.href}>{post.author.name}</a>
</p>
<p>{post.author.role}</p>
</div>
</div>
</div>
</article>
))}
</div>
</div>
</div>
);
}
Loading