Merge pull request #158 from Prabhatyadav60/main

Resolve issue #152
Abidsyed25 · Jul 11, 2024 · 41bbef3 · 41bbef3
2 parents 3e98600 + 7e02638
commit 41bbef3
Showing 1 changed file with 14 additions and 15 deletions.
diff --git a/components/Nav.tsx b/components/Nav.tsx
@@ -1,46 +1,45 @@
 "use client";
 
-import { FaHome, FaInfoCircle, FaEnvelope, FaGithub, FaQuestionCircle, FaSignInAlt,FaPenSquare } from "react-icons/fa";
+import { FaHome, FaInfoCircle, FaEnvelope, FaGithub, FaQuestionCircle, FaSignInAlt, FaPenSquare } from "react-icons/fa";
 import { Navbar } from "flowbite-react";
 
 export function Nav() {
   return (
-    <Navbar fluid rounded className="bg-blue-500 shadow-md">
+    <Navbar fluid rounded className="bg-white-500">
       <Navbar.Brand href="/">
-        <span className=" whitespace-nowrap text-2xl font-semibold dark:text-white">
+        <span className="whitespace-nowrap text-2xl font-semibold dark:text-white">
           ScrapQuest
         </span>
       </Navbar.Brand>
-      <div className="flex md:order-2 ">
-        <Navbar.Toggle className="text-white " />
+      <div className="flex md:order-2">
+        <Navbar.Toggle className="text-white" />
       </div>
       <Navbar.Collapse>
-        <Navbar.Link href="/" className="text-white text-lg md:text-sm hover:underline flex items-center">
+        <Navbar.Link href="/" className="text-white text-lg md:text-sm flex items-center transform hover:scale-110 transition-transform duration-200 hover:text-white">
           <FaHome className="mr-2" />
           Home
         </Navbar.Link>
-        <Navbar.Link href="/about" className="text-white text-lg md:text-sm hover:underline flex items-center">
+        <Navbar.Link href="/about" className="text-white text-lg md:text-sm flex items-center transform hover:scale-110 transition-transform duration-200 hover:text-white">
           <FaInfoCircle className="mr-2" />
           About us
         </Navbar.Link>
-        <Navbar.Link href="/contact" className="text-white text-lg md:text-sm hover:underline flex items-center">
+        <Navbar.Link href="/contact" className="text-white text-lg md:text-sm flex items-center transform hover:scale-110 transition-transform duration-200 hover:text-white">
           <FaEnvelope className="mr-2" />
           Contact
         </Navbar.Link>
-        <Navbar.Link href="https://github.com/Abidsyed25/ScrapQuest" className="text-white text-lg md:text-sm hover:underline flex items-center">
+        <Navbar.Link href="https://github.com/Abidsyed25/ScrapQuest" className="text-white text-lg md:text-sm flex items-center transform hover:scale-110 transition-transform duration-200 hover:text-white">
           <FaGithub className="mr-2" />
           Star on Github
         </Navbar.Link>
-        <Navbar.Link href="/faq" className="text-white text-lg md:text-sm hover:underline flex items-center">
+        <Navbar.Link href="/faq" className="text-white text-lg md:text-sm flex items-center transform hover:scale-110 transition-transform duration-200 hover:text-white">
           <FaQuestionCircle className="mr-2" />
           FAQ
         </Navbar.Link>
-        <Navbar.Link href="/termsconditions" className="text-white text-lg hover:underline flex items-center">
-        <FaPenSquare className="w-4 h-4 mr-2" />
-        Terms & Conditions
+        <Navbar.Link href="/termsconditions" className="text-white text-sm flex items-center transform hover:scale-110 transition-transform duration-200 hover:text-white">
+          <FaPenSquare className="w-4 h-4 mr-2" />
+          Terms & Conditions
         </Navbar.Link>
-
-        <Navbar.Link href="/login" className="text-white text-lg md:text-sm hover:underline flex items-center">
+        <Navbar.Link href="/login" className="text-white text-lg md:text-sm flex items-center transform hover:scale-110 transition-transform duration-200 hover:text-white">
           <FaSignInAlt className="mr-2" />
           Begin Your Journey
         </Navbar.Link>