🚀 Prajna AI

Prajna AI is an intelligent AI-based search and assistance platform designed to provide seamless user experience with a dark/light mode, interactive animations, and a professional UI.

🎨 Features

✅ Dark & Light Mode Toggle
✅ Smooth Gradient Backgrounds
✅ Dynamic Icon Switching (Based on Theme)
✅ Animated Click Effects
✅ Search Functionality with Redirect
✅ Local Storage Theme Persistence

🔧 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/Techy-Play/Project-Prajna.git
cd Project-Prajna

2️⃣ Open in Browser

Simply open index.html in your favorite browser.

📜 Usage

• Click the theme toggle button to switch between light and dark mode.
• Enter a search query and press Enter (or click send) to navigate to the search results.
• Click on brand/logo elements to see a smooth click animation.

📄 File Structure

📁 prajna-ai
 ├── 📜 index.html         # Main HTML structure
 ├── 📜 script.js          # JavaScript for theme, search, and animations
 ├── 📜 styles.css         # Core styling
 ├── 📁 assets/            # Images & icons
 ├── 📁 icon/              # Icons for light/dark mode
 └── 📜 README.md          # Project documentation

🛠 Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)

🚀 Contributing

We welcome contributions!
Feel free to fork the repository, create a new branch, and submit a pull request.

🔥 Why is this README Great?

✅ Professional & Well-Formatted
✅ Includes Installation Steps
✅ Has a File Structure Overview
✅ Uses Markdown Styling for clarity
✅ Contains Previews & Links

Navigation Bar with Theme Toggle

This project features a responsive navigation bar with a theme toggle functionality. The navigation bar includes links to various sections, such as Research Papers, YouTube, Blogs, and more, with icons that change based on the selected theme (light or dark).

Features

• Responsive Design: The navigation bar adapts to different screen sizes, ensuring a seamless user experience on both desktop and mobile devices.
• Theme Toggle: Users can switch between light and dark themes, which changes the icons and colors of the navigation links.
• Icon Integration: Each navigation link includes an icon that changes based on the selected theme.
• Hover Effects: Interactive elements have hover effects for better user engagement.
• Accessibility: Alt text is provided for all icons to enhance accessibility.

Technologies Used

• HTML
• CSS
• JavaScript

Installation

1. Clone the repository:

   git clone https://github.com/Techy-Play/Project-Prajna.git

2. Navigate to the project directory:

   cd Project-Prajna

3. Open index.html in your web browser to view the project.

Usage

• Click on the theme toggle button to switch between light and dark modes.
• Hover over the navigation links to see the hover effects.
• The icons for Research Papers, YouTube, and Blogs will change according to the selected theme.