added

Yashgupta9330 · May 1, 2024 · 3dcd3af · 3dcd3af
2 parents 8a84445 + be65de0
commit 3dcd3af
Show file tree

Hide file tree

Showing 22 changed files with 393 additions and 203 deletions.
diff --git a/src/App.css b/src/App.css
@@ -110,9 +110,9 @@
 	}
   }
 
-.box{
-  box-shadow: #E3FEF7 0px 4px 4px 0px;
-}
+  .box {
+	box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
+  }
 
 .typewriter{
 	overflow: hidden; 
@@ -185,4 +185,54 @@
 
 .bg{
  background-image: radial-gradient(closest-side,#FFFFFF,#FFFFFF);
-}
+}
+
+
+
+@keyframes slide-from-left {
+	from {
+	  transform: translateX(-50%);
+	  opacity: 0;
+	}
+	to {
+	  transform: translateX(0);
+	  opacity: 1;
+	}
+  }
+
+  @keyframes slide-from-bottom {
+	from {
+	  transform: translateY(50%);
+	  opacity: 0;
+	}
+	to {
+	  transform: translateY(0);
+	  opacity: 1;
+	}
+  }
+
+
+  @keyframes slide-from-right {
+	from {
+	  transform: translateX(50%);
+	  opacity: 0;
+	}
+	to {
+	  transform: translateX(0);
+	  opacity: 1;
+	}
+  }
+
+
+  .animation-left-to-right {
+	animation: slide-from-left 1s ease-in-out forwards;
+  }
+
+  .animation-bottom-to-top {
+	animation: slide-from-bottom 1s ease-in-out forwards;
+  }
+
+  .animation-right-to-left {
+	animation: slide-from-right 1s ease-in-out forwards;
+  }
+
diff --git a/src/App.jsx b/src/App.jsx
@@ -2,6 +2,7 @@ import { Route, Routes } from 'react-router-dom'
 import './App.css'
 import Home from './Components/Home'
 import Board from './pages/Board'
+import Privacy from './Components/Privacy'
 
 
 
@@ -12,6 +13,7 @@ function App() {
     <Routes>
       <Route path="/" element={<Home/>}/>
       <Route path="/Board" element={<Board/>}/>
+      <Route path='/privacy' element={<Privacy/>}/>
     </Routes>
     </div>
   </>

diff --git a/src/Components/AI.jsx b/src/Components/AI.jsx
@@ -2,16 +2,23 @@ import Button from "./Button";
 
 
 
-export default function AI(){
-    return(
-    <div className="p-[10px] md:w-[80%] lg:w-[70%] xl:w-[50%] flex flex-col items-center justify-center gap-4">
-     <span className="font-bold text-5xl md:text-[86px] leading-[110%] tracking-[-3px] text-[#20294C] text-center ">YOUR 24x7 AI</span>
-     <div className=" text-center">
-     <p className=" text-lg md:text-[20px] font-regular flex items-center justify-center leading-9 text-[#20294C]">Score more marks in exams with ZuAI. Create unlimited Sample</p>
-     <p className="text-lg md:text-[20px] font-regular flex items-center justify-center leading-9 text-[#20294C]">Papers, ask infinite doubts and boost your self study.</p>
+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">
+      <span className="font-bold text-5xl md:text-[80px] leading-[110%] tracking-[-3px] text-[#20294C] text-center ">
+        Unravel the “Why?” with Nikaru
+      </span>
+      <div className=" text-center">
+        <p className=" text-lg md:text-[20px] font-regular flex items-center justify-center leading-9 text-[#20294C]">
+          Nikaru revolutionizes problem-solving with its image recognition
+          capabilities.
+        </p>
+        <p className="text-lg md:text-[20px] font-regular flex items-center justify-center leading-9 text-[#20294C]">
+          From handwritten notes to complex diagrams, Nikaru delivers answers in
+          seconds, sparking your curiosity and fueling your quest for knowledge.
+        </p>
+      </div>
+      <Button />
     </div>
-    <Button/>
-
-    </div>
-    );
-}
+  );
+}
diff --git a/src/Components/Caraursel.jsx b/src/Components/Caraursel.jsx
@@ -1,17 +1,11 @@
-import car2 from "../assets/car2.png";
+import QuestioningMind from "../assets/QuestioningMind.png";
 
 export default function Carausel() {
     return (
-        <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">
-            <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="hidden md:block ">
-            <img src={car2} alt="carausel" className="md:w-64 lg:w-72 xl:w-80" />
-            </div>
-            <div className="hidden md:block">
-            <img src={car2} alt="carausel" className="md:w-64 lg:w-72 xl:w-80" />
-            </div>
-            <div className="block md:hidden">
-            <img src={car2} alt="carausel" className="w-48" />
+        <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" />
             </div>
         </div>
     );