added

Yashgupta9330 · May 1, 2024 · 87d7b82 · 87d7b82
1 parent bf72f17
commit 87d7b82
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/src/Components/AI.jsx b/src/Components/AI.jsx
@@ -4,7 +4,7 @@ import Button from "./Button";
 
 export default function AI() {
   return (
-    <div className="p-[10px] md:w-[80%] lg:w-[70%] xl:w-[80%] flex flex-col items-center justify-center gap-4">
+    <div className="p-[10px] md:w-[80%] lg:w-[70%] xl:w-[80%] flex flex-col items-center justify-center gap-4 mb-8">
       <span className="font-bold text-5xl md:text-[80px] leading-[110%] tracking-[-3px] text-[#20294C] text-center ">
         Unravel the “Why?” with Nikaru
       </span>

diff --git a/src/Components/Caraursel.jsx b/src/Components/Caraursel.jsx
@@ -5,7 +5,7 @@ export default function Carausel() {
         <div className="flex flex-col md:flex-row items-center justify-center w-full bg-[#7C3AED] gap-12 lg:gap-16 xl:gap-20 p-12 lg:p-16 xl:p-20 rounded-lg">
             <span className="font-bold text-center md:text-left text-5xl lg:text-6xl font-roboto leading-30 lg:leading-60 tracking-[-1.92px] text-[#FFFFFF]">EXPLORE THE POWER OF NIKARU AI</span>  
             <div className="">
-            <img src={QuestioningMind} alt="carausel" className="w-64 md:w-64 lg:w-64 xl:w-72 rounded-lg" />
+            <img src={QuestioningMind} alt="carausel" className="w-64 md:w-64 lg:w-72 xl:w-84 rounded-lg" />
             </div>
         </div>
     );

diff --git a/src/Components/Hamburger.jsx b/src/Components/Hamburger.jsx
@@ -12,7 +12,7 @@ export default function Hamburger() {
   };
 
   return (
-    <div className="z-[150] w-[90%] md:w-[95%] h-[120px] lg:h-[144px] flex items-center justify-end font-roboto mr-0 md:ml-4 md:ml-0 fixed top-0 left-0"  data-aos="zoom-in" data-aos-duration="700">
+    <div className="z-[150] w-[90%] md:w-[95%] h-[120px] lg:h-[144px] flex items-center justify-end font-roboto mr-0 mr-4 ml-0 lg:ml-4 fixed top-0 left-0"  data-aos="zoom-in" data-aos-duration="700">
       <div onClick={toggleNav} className="rounded-full bg-black text-[#FFFFFF] flex items-center justify-center px-4 py-4">
         {!nav ? (
           <AiOutlineMenu size={20}  className="z-[100]" />
@@ -22,18 +22,17 @@ export default function Hamburger() {
       </div>
 
       {/* Navbar component */}
-      <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'}`}>
+      <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
-            ? "fixed md:hidden left-0 top-0 w-[60%] md:w-[30%] h-full border-r text-white border-r-gray-900 bg-[#28143a] ease-in-out duration-500 z-50"
+            ? "fixed md:hidden left-0 top-0 w-[60%] md:w-[30%] h-screen border-r text-white border-r-gray-900 bg-[#28143a] ease-in-out duration-500 z-50"
             : "ease-in-out w-[60%] duration-500 fixed top-0 bottom-0 left-[-100%]"
         }
       >
         <li className="p-4">
-          {/* You haven't defined Love component, assuming it's already imported */}
           <Love />
         </li>
         {/* Mobile Navigation Items */}

diff --git a/src/Components/Navbar.jsx b/src/Components/Navbar.jsx
@@ -30,7 +30,7 @@ export default function Navbar() {
             <ul
               className={
                 nav
-                  ? "fixed md:hidden left-0 top-0 w-[60%] h-full border-r text-white border-r-gray-900 bg-[#28143a]  ease-in-out duration-500 z-50"
+                  ? "fixed md:hidden left-0 top-0 w-[60%] h-screen border-r text-white border-r-gray-900 bg-[#28143a]  ease-in-out duration-500 z-50"
                   : "ease-in-out w-[60%] duration-500 fixed top-0 bottom-0 left-[-100%]"
               }
             >