diff --git a/src/pages/student/StudentDashboardContent.tsx b/src/pages/student/StudentDashboardContent.tsx index 0ecd5ac..366f7b7 100644 --- a/src/pages/student/StudentDashboardContent.tsx +++ b/src/pages/student/StudentDashboardContent.tsx @@ -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 (
-
{/* Added mb-8 for the gap */} +
+ {/* Added mb-8 for the gap */}
Subscribed Courses - - +
diff --git a/src/redux/features/Landing page/Banner.tsx b/src/redux/features/Landing page/Banner.tsx new file mode 100644 index 0000000..e92ce4b --- /dev/null +++ b/src/redux/features/Landing page/Banner.tsx @@ -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 ( +
+ + ); +}; + +export default Banner; diff --git a/src/redux/features/Landing page/CounsellorDetails.tsx b/src/redux/features/Landing page/CounsellorDetails.tsx new file mode 100644 index 0000000..3473067 --- /dev/null +++ b/src/redux/features/Landing page/CounsellorDetails.tsx @@ -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 ( +
+
+
+

New Counselors

+

+ Learn how to grow your skill with our expert advice. +

+
+
+ {posts.map((post) => ( + + ))} +
+
+
+); +} diff --git a/src/redux/features/Landing page/Footer.tsx b/src/redux/features/Landing page/Footer.tsx new file mode 100644 index 0000000..40f65fd --- /dev/null +++ b/src/redux/features/Landing page/Footer.tsx @@ -0,0 +1,113 @@ +import { IconProps } from "../../Types/IconProps"; + +const navigation = { + main: [ + { name: "About", href: "#" }, + { name: "Blog", href: "#" }, + { name: "Jobs", href: "#" }, + { name: "Press", href: "#" }, + { name: "Accessibility", href: "#" }, + { name: "Partners", href: "#" }, + ], + social: [ + { + name: "Facebook", + href: "#", + icon: (props: IconProps) => ( + + + + ), + }, + { + name: "Instagram", + href: "#", + icon: (props: IconProps) => ( + + + + ), + }, + { + name: "Twitter", + href: "#", + icon: (props: IconProps) => ( + + + + ), + }, + { + name: "GitHub", + href: "#", + icon: (props: IconProps) => ( + + + + ), + }, + { + name: "YouTube", + href: "#", + icon: (props: IconProps) => ( + + + + ), + }, + ], +}; + +export default function Footer() { + + + return ( +
+
+ +
+ {navigation.social.map((item) => ( + + {item.name} + + ))} +
+

+ © 2024 universe Hub, Inc. All rights reserved. +

+
+
+ ); +} diff --git a/src/redux/features/Landing page/LandingPage.tsx b/src/redux/features/Landing page/LandingPage.tsx new file mode 100644 index 0000000..a1d4bb5 --- /dev/null +++ b/src/redux/features/Landing page/LandingPage.tsx @@ -0,0 +1,41 @@ +import Banner from "./Banner"; +import Navbar from "./Navbar"; +import CounsellorDetails from "./CounsellorDetails"; +import Footer from "./Footer"; + +import AOS from "aos"; +import "aos/dist/aos.css"; // You can also use for styles +import WhatSayStudent from "./WhatSayStudent"; +import WhatWeOffer from "./WhatWeOffer"; + +AOS.init(); + +const LandingPage = () => { + return ( + <> +
+ + +
+ + +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +}; + +export default LandingPage; diff --git a/src/redux/features/Landing page/Navbar.tsx b/src/redux/features/Landing page/Navbar.tsx new file mode 100644 index 0000000..dc6d184 --- /dev/null +++ b/src/redux/features/Landing page/Navbar.tsx @@ -0,0 +1,142 @@ +import { Dialog, DialogPanel } from "@headlessui/react"; +import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline"; +import { useEffect, useState } from "react"; +import { Link } from "react-router-dom"; + +const navigation = [ + { name: "Home", href: "#Home" }, + { name: "About us", href: "#Footer" }, + { name: "Our Service", href: "#WhatWeOffer" }, + { name: "Counselors", href: "#Counsellors" }, + { name: "Company", href: "#WhatSayStudent" }, +]; + +export default function Navbar() { + const [mobileMenuOpen, setMobileMenuOpen] = useState(false); + const [scrolled, setScrolled] = useState(false); + + useEffect(() => { + const handleScroll = () => { + if (window.scrollY > 50) { + setScrolled(true); + } else { + setScrolled(false); + } + }; + + window.addEventListener("scroll", handleScroll); + return () => { + window.removeEventListener("scroll", handleScroll); + }; + }, []); + + return ( +
+
+ + + +
+
+ ); +} diff --git a/src/redux/features/Landing page/Nofound.tsx b/src/redux/features/Landing page/Nofound.tsx new file mode 100644 index 0000000..27e0a48 --- /dev/null +++ b/src/redux/features/Landing page/Nofound.tsx @@ -0,0 +1,37 @@ +import { Link } from "react-router-dom"; + +export default function Nofound() { + return ( + <> + {/* + This example requires updating your template: + + ``` + + + ``` + */} +
+
+

404

+

+ Page not found +

+

+ Sorry, we couldn’t find the page you’re looking for. +

+
+ + Go back home + + + Contact support + +
+
+
+ + ); +} diff --git a/src/redux/features/Landing page/WhatSayStudent.tsx b/src/redux/features/Landing page/WhatSayStudent.tsx new file mode 100644 index 0000000..3bd3f07 --- /dev/null +++ b/src/redux/features/Landing page/WhatSayStudent.tsx @@ -0,0 +1,170 @@ +const featuredTestimonial = { + body: "A Lifesaver for Exams! UniverseHub has been a game-changer for me. The ability to access and share resources with other students has made exam preparation so much easier. The study sessions feature is great for staying focused and connected with classmates.", + author: { + name: "Farhan", + handle: "farhan_cse", + imageUrl: + "https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=1024&h=1024&q=80", + logoUrl: "https://tailwindui.com/img/logos/savvycal-logo-gray-900.svg", + }, +}; + +const testimonials = [ + [ + [ + { + body: "Perfect for Group Projects! I love using UniverseHub for group projects. The chat and collaboration tools make it easy to stay in sync with my team, and having all the resources in one place saves us so much time. It's like having a virtual study group anytime we need it!", + author: { + name: "Nusrat", + handle: "nusrat_business", + imageUrl: + "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", + }, + }, + ], + [ + { + body: "Everything a Student Needs! UniverseHub is like a one-stop-shop for all my academic needs. Whether I need lecture notes, past papers, or just want to join a study session, it has everything. Plus, the community is super helpful and supportive.", + author: { + name: "Imran", + handle: "imran_eee", + imageUrl: + "https://images.unsplash.com/photo-1519345182560-3f2917c472ef?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", + }, + }, + ], + ], + [ + [ + { + body: "A Great Way to Stay Connected! During online classes, UniverseHub helped me feel less isolated. The chat feature and study sessions allowed me to connect with classmates, share notes, and discuss topics as if we were in the same room. It's been an essential part of my study routine.", + author: { + name: "Tania", + handle: "tania_pharmacy", + imageUrl: + "https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", + }, + }, + ], + [ + { + body: "Highly Recommend for New Students! As a freshman, UniverseHub made my transition to university life so much smoother. I found all the resources I needed to keep up with my courses, and the ability to chat with seniors and peers has been incredibly valuable. I highly recommend it to any new student!", + author: { + name: "Ahmed", + handle: "ahmed_economics", + imageUrl: + "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", + }, + }, + ], + ], +]; + +function classNames(...classes: string[]) { + return classes.filter(Boolean).join(" "); +} + +export default function WhatSayStudent() { + return ( +
+