added

Yashgupta9330 · Apr 27, 2024 · 2200593 · 2200593
1 parent 379a6c7
commit 2200593
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/src/Components/Footer.jsx b/src/Components/Footer.jsx
@@ -8,8 +8,8 @@ export default function Footer(){
          <div className="w-full flex justify-center md:justify-end mb-8 md:mb-0 "><Love/></div>
          <div className="flex items-center justify-between w-full">
             <Logo classname="sm:h-[208px] sm:w-[208px] h-1/3 w-1/3" foot='1' />
-            <div className="h-full flex flex-col sm:flex-row  items-start justify-between sm:items-center md:w-[60%] border">
-            <div className="text-left flex flex-col gap-2 items-start border">
+            <div className="h-full flex flex-col sm:flex-row  items-start justify-between sm:items-center md:w-[60%]">
+            <div className="text-left flex flex-col gap-2 items-start">
                 <span className="font-bold text-2xl">Legal</span>
                 <span>Privacy</span>
                 <span>Terms and Condition</span>

diff --git a/src/Components/Hamburger.jsx b/src/Components/Hamburger.jsx
@@ -22,10 +22,9 @@ export default function Hamburger() {
       </div>
 
       {/* Navbar component */}
-      <div className={`hidden md:block fixed top-0 left-0 w-full z-50 ${nav ? 'transform translate-y-0 opacity-100 transition-transform duration-500' : 'transform translate-y-[-100px] opacity-0 transition-transform duration-500'}`}>
-        {nav && <Navbar />}
+      <div className={`hidden md:block fixed top-0 left-0 w-full z-50 ${nav ? 'transition-top duration-500 ease-in-out top-[-100%]' : 'transition-top duration-1000 ease-in-out top-0'}`}>
+       {nav && <Navbar />}
       </div>
-
       <ul
         className={
           nav

diff --git a/src/Components/Navbar.jsx b/src/Components/Navbar.jsx
@@ -7,7 +7,7 @@ export default function Navbar() {
   const navItems = ["About us", "Board of Love", "Plugins", "Contact Us"];
 
   return (
-    <div className="z-[150] w-full min-h-[144px]  flex items-center justify-center font-roboto mr-0 md:ml-0 fixed top-0 left-0">
+    <div data-aos="fade-down" data-aos-once="true" className="z-[150] w-full min-h-[144px]  flex items-center justify-center font-roboto mr-0 md:ml-0 fixed top-0 left-0">
       <div className=" w-[95%] lg:w-4/5 min-h-[85px] rounded-lg bg-[#e4dff4] bg-opacity-100 py-[24px] px-[12px] md:px-[24px] box">
         <div className="flex items-center justify-between">
           <div className="flex gap-8">