From 7e0263881945a51aba89f65c562571898952ed90 Mon Sep 17 00:00:00 2001
From: Prabhatyadav60 <trollhunters27@gmail.com>
Date: Thu, 11 Jul 2024 15:22:15 +0530
Subject: [PATCH] updated Nav.tsx

---
 components/Nav.tsx | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/components/Nav.tsx b/components/Nav.tsx
index c65dbb8..77a684d 100644
--- 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>