updated project

Author: anitaparmar26

README.md

@@ -1,2 +1,56 @@
 # learnhub
-learnhub Educaiton Website
+
+**Master New Skills Online — Anytime, Anywhere.**  
+Join over 50,000+ students learning from world-class mentors. Transform your career with industry-leading courses.
+
+## ✅ What is LearnHub
+
+LearnHub is a static website template for an online learning platform — showcasing courses, mentors, community features, pricing plans and more.  
+It’s designed to help learners explore courses, join communities, and pursue new skills through web-development, design, data science, marketing, and more.
+
+## Getting Started
+
+1. Clone or download the repository
+2. Install dependencies: `npm install`
+3. Run the development server: `npm dev`
+4. Open your browser and navigate to `http://localhost:3000`
+
+## Features
+
+- Showcases a variety of courses (Web Development, UI/UX Design, Data Science, Digital Marketing, etc.) with course details,    duration, price, and enrollment call-to-action.  
+- Display of mentors / instructors with their expertise and ratings.  
+- Community section: allows students to connect, form study-groups, participate in discussions, join live sessions, collaborate on projects, and get peer support.  
+- Testimonials section to highlight user success stories.  
+- Transparent pricing plans: free tier, pro subscription, and enterprise/team plans.  
+- Modern responsive design, clean UI — ready to deploy as a static website (e.g. via GitHub Pages).
+
+## Folder Structure
+
+```
+inapp/
+├── src/
+│   ├── assest/         # Static assets
+│   │   ├── images/     # Images
+│   │   ├── js/         # JS
+│   │   ├── scss/       # CSS and styling
+│   └── Homepage        # Index.html
+├── vite.config.js/     # Config Files
+├── package.json        # Project dependencies
+├── README.md           # Documentation
+└── .gitignore          # Git ignore file
+```
+
+## Requirements
+
+- Node.js 14+
+- npm or yarn
+- Modern web browser
+
+
+## Support Contact
+
+For support, please reach out to:
+
+- Contact us: [Codescandy](https://codescandy.com/contact-us/)
+
+We are here to help you with any questions or issues you may have!

src/assets/images/favicon_io/android-chrome-192x192.png

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

src/assets/images/favicon_io/android-chrome-512x512.png

@@ -1,4 +1,40 @@
 
 
 
-import "./glight.js"
+import "./glight.js"
+
+
+
+  // Smooth Scroll
+  document.querySelectorAll('.nav-link[href^="#"]').forEach(link => {
+    link.addEventListener('click', function (e) {
+      e.preventDefault();
+
+      const target = document.querySelector(this.getAttribute('href'));
+      if (target) {
+        window.scrollTo({
+          top: target.offsetTop - 80, // adjust for sticky navbar height
+          behavior: "smooth"
+        });
+      }
+    });
+  });
+
+  // Active link on scroll
+  const sections = document.querySelectorAll("section[id]");
+  const navLinks = document.querySelectorAll(".nav-link");
+
+  window.addEventListener("scroll", () => {
+    let scrollPos = window.scrollY + 100; // offset
+
+    sections.forEach(sec => {
+      if (scrollPos >= sec.offsetTop && scrollPos < sec.offsetTop + sec.offsetHeight) {
+        navLinks.forEach(link => {
+          link.classList.remove("active");
+          if (link.getAttribute("href") === `#${sec.id}`) {
+            link.classList.add("active");
+          }
+        });
+      }
+    });
+  });