From d83662eea122fece11a76c1c171af5a083b2eed0 Mon Sep 17 00:00:00 2001
From: Ujjwal Saini <ujjwalsaini1947@gmail.com>
Date: Sat, 22 Jun 2024 09:32:38 +0530
Subject: [PATCH 1/4] Shifting Towards right Logounder

---
 src/components/Navbar.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index f6dc6fa..b548eae 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -18,7 +18,7 @@ const Navbar = () => {
                     <div className="logo relative flex flex-col items-center">
                         <p className="text-2xl font-[Alegreya] m-0 p-0 leading-none">VedicVani</p>
                         <img
-                            className="w-28 h-5.5 mt-0 ml-8 mr-8"
+                            className="w-28 h-6 mt-0 ml-9 mr-9"
                             src={logounder}
                             alt="logo"
                         />

From e20e283ade06b42f11240f7cbd61c498a2b4897c Mon Sep 17 00:00:00 2001
From: Ujjwal Saini <ujjwalsaini1947@gmail.com>
Date: Sat, 22 Jun 2024 09:43:49 +0530
Subject: [PATCH 2/4] Temporary Changes in Logounder and para

---
 src/components/Navbar.js | 129 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 125 insertions(+), 4 deletions(-)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index b548eae..ccc9ee5 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -1,4 +1,123 @@
-// Todo: Best Change Done in Navbar Ready To Push
+// // Todo: Best Change Done in Navbar Ready To Push
+// import React, { useState } from 'react';
+// import logounder from './LogoUnder.png';
+// import { Link, useNavigate } from 'react-router-dom';
+
+// const Navbar = () => {
+//     const navigate = useNavigate();
+//     const [menuOpen, setMenuOpen] = useState(false);
+
+//     function handleRedirect() {
+//         navigate('/');
+//     }
+
+//     return (
+//         <section className='bg-orange-500 shadow-xl h-[4rem] top-0 w-full z-[2] fixed flex justify-between items-center'>
+//             <div className='container mx-auto flex justify-between items-center h-full px-30'>
+//                 <a href="/" className="flex items-center">
+//                     <div className="logo relative flex flex-col items-center">
+//                         <p className="text-2xl font-[Alegreya] m-0 p-0 leading-none">VedicVani</p>
+//                         <img
+//                             className="w-28 h-6 mt-0 ml-9 mr-9"
+//                             src={logounder}
+//                             alt="logo"
+//                         />
+//                     </div>
+//                 </a>
+//                 <ul className="hidden md:flex space-x-6" style={{ marginRight: '50px' }}>
+//                     <li>
+//                         <Link
+//                             to="/"
+//                             className="text-[1rem] text-gray-900 font-bold text-decoration-none hover:text-blue-400"
+//                         >
+//                             Home
+//                         </Link>
+//                     </li>
+//                     <li>
+//                         <Link
+//                             to="/api/resources"
+//                             className="text-[1rem] text-gray-900 font-bold text-decoration-none hover:text-blue-400"
+//                         >
+//                             Resources
+//                         </Link>
+//                     </li>
+//                     <li>
+//                         <Link
+//                             to="/api/aboutus"
+//                             className="text-[1rem] text-gray-900 font-bold text-decoration-none hover:text-blue-400"
+//                         >
+//                             About Us
+//                         </Link>
+//                     </li>
+//                     <li>
+//                         <Link
+//                             to="/contact"
+//                             className="text-[1rem] text-gray-900 font-bold text-decoration-none hover:text-blue-400"
+//                         >
+//                             Contact Us
+//                         </Link>
+//                     </li>
+//                 </ul>
+//                 <div className="md:hidden flex items-center">
+//                     <button
+//                         onClick={() => setMenuOpen(!menuOpen)}
+//                         className="text-white hover:text-yellow-300 transition duration-300"
+//                         aria-label="Open Menu"
+//                         aria-controls="mobile-menu"
+//                         aria-expanded={menuOpen}
+//                     >
+//                         <div className={`hamburger ${menuOpen ? 'open' : ''}`}>
+//                             <span className="block w-6 h-0.5 bg-current transform transition duration-300 ease-in-out"></span>
+//                             <span className="block w-6 h-0.5 bg-current transform transition duration-300 ease-in-out mt-1.5"></span>
+//                             <span className="block w-6 h-0.5 bg-current transform transition duration-300 ease-in-out mt-1.5"></span>
+//                         </div>
+//                     </button>
+//                 </div>
+//             </div>
+//             {menuOpen && (
+//                 <div
+//                     id="mobile-menu"
+//                     className="md:hidden bg-orange-500 w-full absolute top-[4rem] left-0 flex flex-col items-center space-y-4 py-4 shadow-lg z-20 transition duration-300 ease-in-out"
+//                 >
+//                     <Link
+//                         to="/"
+//                         className="text-[1.5rem] text-white font-bold hover:text-yellow-300 transition duration-300"
+//                         onClick={() => setMenuOpen(false)}
+//                     >
+//                         Home
+//                     </Link>
+//                     <Link
+//                         to="/api/resources"
+//                         className="text-[1.5rem] text-white font-bold hover:text-yellow-300 transition duration-300"
+//                         onClick={() => setMenuOpen(false)}
+//                     >
+//                         Resources
+//                     </Link>
+//                     <Link
+//                         to="/api/aboutus"
+//                         className="text-[1.5rem] text-white font-bold hover:text-yellow-300 transition duration-300"
+//                         onClick={() => setMenuOpen(false)}
+//                     >
+//                         About Us
+//                     </Link>
+//                     <Link
+//                         to="/contact"
+//                         className="text-[1.5rem] text-white font-bold hover:text-yellow-300 transition duration-300"
+//                         onClick={() => setMenuOpen(false)}
+//                     >
+//                         Contact Us
+//                     </Link>
+//                 </div>
+//             )}
+//         </section>
+//     );
+// };
+
+// export default Navbar;
+
+
+// Todo: Temp Change
+
 import React, { useState } from 'react';
 import logounder from './LogoUnder.png';
 import { Link, useNavigate } from 'react-router-dom';
@@ -15,10 +134,12 @@ const Navbar = () => {
         <section className='bg-orange-500 shadow-xl h-[4rem] top-0 w-full z-[2] fixed flex justify-between items-center'>
             <div className='container mx-auto flex justify-between items-center h-full px-30'>
                 <a href="/" className="flex items-center">
-                    <div className="logo relative flex flex-col items-center">
-                        <p className="text-2xl font-[Alegreya] m-0 p-0 leading-none">VedicVani</p>
+                    <div className="logo relative flex flex-col items-center mt-2.5"> {/* Adjusted margin-top */}
+                        <p className="text-2xl font-[Alegreya] m-0 p-0 leading-none mb-[-4rem]"> {/* Adjusted margin-bottom */}
+                            VedicVani
+                        </p>
                         <img
-                            className="w-28 h-6 mt-0 ml-9 mr-9"
+                            className="w-28 h-6" // Removed margin-top
                             src={logounder}
                             alt="logo"
                         />

From 6b1c0239a8fc10a94509305db4877401dc538a80 Mon Sep 17 00:00:00 2001
From: Ujjwal Saini <ujjwalsaini1947@gmail.com>
Date: Sat, 22 Jun 2024 09:45:53 +0530
Subject: [PATCH 3/4] Pushing towards Right

---
 src/components/Navbar.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index ccc9ee5..0e18748 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -139,7 +139,7 @@ const Navbar = () => {
                             VedicVani
                         </p>
                         <img
-                            className="w-28 h-6" // Removed margin-top
+                            className="w-28 h-6 ml-9 mr-9" // Removed margin-top
                             src={logounder}
                             alt="logo"
                         />

From 83817514f0c38f2f7f048ce24ea7fea9743dbfd1 Mon Sep 17 00:00:00 2001
From: Ujjwal Saini <ujjwalsaini1947@gmail.com>
Date: Sat, 22 Jun 2024 09:48:53 +0530
Subject: [PATCH 4/4] Final Change In Navbar

---
 src/components/Navbar.js | 123 +--------------------------------------
 1 file changed, 2 insertions(+), 121 deletions(-)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 0e18748..3851490 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -1,123 +1,4 @@
-// // Todo: Best Change Done in Navbar Ready To Push
-// import React, { useState } from 'react';
-// import logounder from './LogoUnder.png';
-// import { Link, useNavigate } from 'react-router-dom';
-
-// const Navbar = () => {
-//     const navigate = useNavigate();
-//     const [menuOpen, setMenuOpen] = useState(false);
-
-//     function handleRedirect() {
-//         navigate('/');
-//     }
-
-//     return (
-//         <section className='bg-orange-500 shadow-xl h-[4rem] top-0 w-full z-[2] fixed flex justify-between items-center'>
-//             <div className='container mx-auto flex justify-between items-center h-full px-30'>
-//                 <a href="/" className="flex items-center">
-//                     <div className="logo relative flex flex-col items-center">
-//                         <p className="text-2xl font-[Alegreya] m-0 p-0 leading-none">VedicVani</p>
-//                         <img
-//                             className="w-28 h-6 mt-0 ml-9 mr-9"
-//                             src={logounder}
-//                             alt="logo"
-//                         />
-//                     </div>
-//                 </a>
-//                 <ul className="hidden md:flex space-x-6" style={{ marginRight: '50px' }}>
-//                     <li>
-//                         <Link
-//                             to="/"
-//                             className="text-[1rem] text-gray-900 font-bold text-decoration-none hover:text-blue-400"
-//                         >
-//                             Home
-//                         </Link>
-//                     </li>
-//                     <li>
-//                         <Link
-//                             to="/api/resources"
-//                             className="text-[1rem] text-gray-900 font-bold text-decoration-none hover:text-blue-400"
-//                         >
-//                             Resources
-//                         </Link>
-//                     </li>
-//                     <li>
-//                         <Link
-//                             to="/api/aboutus"
-//                             className="text-[1rem] text-gray-900 font-bold text-decoration-none hover:text-blue-400"
-//                         >
-//                             About Us
-//                         </Link>
-//                     </li>
-//                     <li>
-//                         <Link
-//                             to="/contact"
-//                             className="text-[1rem] text-gray-900 font-bold text-decoration-none hover:text-blue-400"
-//                         >
-//                             Contact Us
-//                         </Link>
-//                     </li>
-//                 </ul>
-//                 <div className="md:hidden flex items-center">
-//                     <button
-//                         onClick={() => setMenuOpen(!menuOpen)}
-//                         className="text-white hover:text-yellow-300 transition duration-300"
-//                         aria-label="Open Menu"
-//                         aria-controls="mobile-menu"
-//                         aria-expanded={menuOpen}
-//                     >
-//                         <div className={`hamburger ${menuOpen ? 'open' : ''}`}>
-//                             <span className="block w-6 h-0.5 bg-current transform transition duration-300 ease-in-out"></span>
-//                             <span className="block w-6 h-0.5 bg-current transform transition duration-300 ease-in-out mt-1.5"></span>
-//                             <span className="block w-6 h-0.5 bg-current transform transition duration-300 ease-in-out mt-1.5"></span>
-//                         </div>
-//                     </button>
-//                 </div>
-//             </div>
-//             {menuOpen && (
-//                 <div
-//                     id="mobile-menu"
-//                     className="md:hidden bg-orange-500 w-full absolute top-[4rem] left-0 flex flex-col items-center space-y-4 py-4 shadow-lg z-20 transition duration-300 ease-in-out"
-//                 >
-//                     <Link
-//                         to="/"
-//                         className="text-[1.5rem] text-white font-bold hover:text-yellow-300 transition duration-300"
-//                         onClick={() => setMenuOpen(false)}
-//                     >
-//                         Home
-//                     </Link>
-//                     <Link
-//                         to="/api/resources"
-//                         className="text-[1.5rem] text-white font-bold hover:text-yellow-300 transition duration-300"
-//                         onClick={() => setMenuOpen(false)}
-//                     >
-//                         Resources
-//                     </Link>
-//                     <Link
-//                         to="/api/aboutus"
-//                         className="text-[1.5rem] text-white font-bold hover:text-yellow-300 transition duration-300"
-//                         onClick={() => setMenuOpen(false)}
-//                     >
-//                         About Us
-//                     </Link>
-//                     <Link
-//                         to="/contact"
-//                         className="text-[1.5rem] text-white font-bold hover:text-yellow-300 transition duration-300"
-//                         onClick={() => setMenuOpen(false)}
-//                     >
-//                         Contact Us
-//                     </Link>
-//                 </div>
-//             )}
-//         </section>
-//     );
-// };
-
-// export default Navbar;
-
-
-// Todo: Temp Change
-
+// Todo: Best Change Done in Navbar Ready To Push
 import React, { useState } from 'react';
 import logounder from './LogoUnder.png';
 import { Link, useNavigate } from 'react-router-dom';
@@ -139,7 +20,7 @@ const Navbar = () => {
                             VedicVani
                         </p>
                         <img
-                            className="w-28 h-6 ml-9 mr-9" // Removed margin-top
+                            className="w-28 h-6 ml-9 mr-9"
                             src={logounder}
                             alt="logo"
                         />