From dab382141ecefb37f5b5ead47d3050d47369fc55 Mon Sep 17 00:00:00 2001
From: HAPPY YADAV <happy.hy0017@gmail.com>
Date: Wed, 19 Jun 2024 20:30:04 +0530
Subject: [PATCH 1/3] addded my contributors

---
 package-lock.json          |   1 +
 src/components/AboutUs.css |  19 +++++++
 src/components/AboutUs.jsx | 100 ++++++++++++++++++++++++++++++-------
 3 files changed, 103 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b5a0a2a..65fcaaa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3509,6 +3509,7 @@
       "version": "1.7.2",
       "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
       "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
+      "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
diff --git a/src/components/AboutUs.css b/src/components/AboutUs.css
index c659652..93a4168 100644
--- a/src/components/AboutUs.css
+++ b/src/components/AboutUs.css
@@ -224,3 +224,22 @@ h1::before {
 }
 
 
+.marquee {
+    overflow: hidden;
+    white-space: nowrap;
+  }
+  
+  .marquee-content {
+    display: flex;
+    animation: marquee 15s linear infinite;
+  }
+  
+  @keyframes marquee {
+    from {
+      transform: translateX(100%);
+    }
+    to {
+      transform: translateX(-100%);
+    }
+  }
+  
\ No newline at end of file
diff --git a/src/components/AboutUs.jsx b/src/components/AboutUs.jsx
index 61301c3..4808538 100644
--- a/src/components/AboutUs.jsx
+++ b/src/components/AboutUs.jsx
@@ -1,4 +1,5 @@
-import React, { useEffect, useMemo } from "react";
+import React, { useEffect, useState, useMemo } from "react";
+import axios from "axios";
 import Particles, { initParticlesEngine } from "@tsparticles/react";
 import { loadFull } from "tsparticles";
 import Tilty from "react-tilty";
@@ -9,12 +10,12 @@ import Himank from "../assets/Himank.jpg";
 import Akshat from "../assets/Akshat.jpg";
 import Shreya from "../assets/Shreya.jpg";
 import Naman from "../assets/Naman.jpg";
-import Footer from './Footer';
-// import Tilty from "react-tilty";
+import Footer from "./Footer";
 import { particles } from "./Particles.jsx";
 import BackToTop from "./BottomToTop";
 
 const AboutUs = () => {
+  const [contributors, setContributors] = useState([]);
 
   useEffect(() => {
     initParticlesEngine(async (engine) => {
@@ -22,6 +23,19 @@ const AboutUs = () => {
     });
   }, []);
 
+  useEffect(() => {
+    const fetchContributors = async () => {
+      try {
+        const response = await axios.get('https://api.github.com/repos/Akshatchaube01/TimeWarp/contributors');
+        setContributors(response.data);
+      } catch (error) {
+        console.error("Error fetching contributors:", error);
+      }
+    };
+
+    fetchContributors();
+  }, []);
+
   const teamMembers = [
     {
       memberName: "Akshat Chaube",
@@ -76,25 +90,28 @@ const AboutUs = () => {
           </p>
         </div>
         <div className="image-container image-container-one mr-8">
-          <Tilty> <img
-            src={aboutImage}
-            alt="About us"
-            className="ml-8 shadow-sm shadow-sky-600 about-image w-[500px] rounded-full hover:scale-[1.1] transition"
-          />
+          <Tilty>
+            <img
+              src={aboutImage}
+              alt="About us"
+              className="ml-8 shadow-sm shadow-sky-600 about-image w-[500px] rounded-full hover:scale-[1.1] transition"
+            />
           </Tilty>
         </div>
       </div>
 
       <div className="our-vision flex mb-28">
         <div className="image-container image-container-two">
-          <Tilty><img
-            src={carImage}
-            alt="About us"
-            className=" shadow-sm shadow-sky-600 about-image w-[500px] rounded-full hover:scale-[1.1] transition"
-          /></Tilty>
+          <Tilty>
+            <img
+              src={carImage}
+              alt="About us"
+              className="shadow-sm shadow-sky-600 about-image w-[500px] rounded-full hover:scale-[1.1] transition"
+            />
+          </Tilty>
         </div>
         <div className="text-container mx-auto flex-1 text-left">
-          <h1 className="about-title rounded-md text-4xl text-center italic font-bold p-2  mb-8 bg-gradient-to-l from-sky-500">
+          <h1 className="about-title rounded-md text-4xl text-center italic font-bold p-2 mb-8 bg-gradient-to-l from-sky-500">
             Our Vision
           </h1>
           <p className="about-text italic text-lg font-light text-justify">
@@ -115,12 +132,24 @@ const AboutUs = () => {
           </div>
           <div className="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3 ">
             {teamMembers.map((member, index) => (
-              <Tilty key={index} className="w-full bg-sky-900/50 backdrop-blur-sm shadow-sky-100 rounded-lg shadow-lg p-12 flex flex-col justify-center items-center" glare scale={1.05} maxGlare={0.5}>
+              <Tilty
+                key={index}
+                className="w-full bg-sky-900/50 backdrop-blur-sm shadow-sky-100 rounded-lg shadow-lg p-12 flex flex-col justify-center items-center"
+                glare
+                scale={1.05}
+                maxGlare={0.5}
+              >
                 <div className="mb-8">
-                  <img className="object-center object-cover rounded-full h-36 w-36" src={member.imgSrc} alt={member.alt} />
+                  <img
+                    className="object-center object-cover rounded-full h-36 w-36"
+                    src={member.imgSrc}
+                    alt={member.alt}
+                  />
                 </div>
                 <div className="text-center">
-                  <p className="text-xl text-white font-bold mb-2">{member.memberName}</p>
+                  <p className="text-xl text-white font-bold mb-2">
+                    {member.memberName}
+                  </p>
                 </div>
               </Tilty>
             ))}
@@ -128,6 +157,43 @@ const AboutUs = () => {
         </section>
       </div>
 
+      {/* OUR CONTRIBUTORS */}
+      <div className="w-full">
+        <section className="our-team-section max-w-6xl mx-auto px-4 sm:px-6 lg:px-4 py-12">
+          <div className="rounded-md about-title text-4xl text-center italic font-bold p-2 mb-[5%] mt-[100px] bg-gradient-to-r from-sky-500 ">
+            <h1 className="our-team-heading font-bold text-3xl md:text-4xl lg:text-5xl font-heading text-white">
+              Our Contributors
+            </h1>
+          </div>
+          <div className="marquee">
+            <div className="marquee-content">
+              {contributors.map((contributor, index) => (
+                <Tilty
+                  key={index}
+                  className="inline-block bg-sky-900/50 backdrop-blur-sm shadow-sky-100 rounded-lg shadow-lg p-12 flex flex-col justify-center items-center m-2"
+                  glare
+                  scale={1.05}
+                  maxGlare={0.5}
+                >
+                  <div className="mb-8">
+                    <img
+                      className="object-center object-cover rounded-full h-36 w-36"
+                      src={contributor.avatar_url}
+                      alt={contributor.login}
+                    />
+                  </div>
+                  <div className="text-center">
+                    <p className="text-xl text-white font-bold mb-2">
+                      {contributor.login}
+                    </p>
+                  </div>
+                </Tilty>
+              ))}
+            </div>
+          </div>
+        </section>
+      </div>
+
       <Footer />
     </div>
   );

From c671af04da25b58a8b134ef491f2167fd1070517 Mon Sep 17 00:00:00 2001
From: HAPPY YADAV <happy.hy0017@gmail.com>
Date: Fri, 21 Jun 2024 22:19:10 +0530
Subject: [PATCH 2/3] fixed about us and contact us ui

---
 src/components/AboutUs.jsx   | 30 ++++++++++++++++--------------
 src/components/ContactUs.jsx |  2 +-
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/components/AboutUs.jsx b/src/components/AboutUs.jsx
index 4808538..5049a26 100644
--- a/src/components/AboutUs.jsx
+++ b/src/components/AboutUs.jsx
@@ -74,14 +74,24 @@ const AboutUs = () => {
   };
 
   return (
-    <div className="about-container md:m-16 mt-8 p-8">
+    <div className="about-container md:m-16 mt-8 p-25 ">
       <Particles id="tsparticles" options={useMemo(() => particles, [])} />
       <BackToTop />
-      <div className="about-content flex items-center mb-24 gap-x-12">
+      <div className="about-content  items-center mb-24 ">
+      <span className="image-container image-container-one grid justify-center">
+          <Tilty>
+            <img
+              src={aboutImage}
+              alt="About us"
+              className="ml-10 shadow-sm shadow-sky-600 about-image w-[350px] rounded-full hover:scale-[0.9] transition"
+            />
+          </Tilty>
+        </span>
         <div className="text-container flex-1">
           <h1 className="rounded-md about-title text-4xl text-center italic font-bold p-2 mb-8 mt-[100px] bg-gradient-to-r from-sky-500">
             About Us
           </h1>
+          
           <p className="about-text italic text-lg font-light text-justify mb-4">
             {about.topTxt}
           </p>
@@ -89,24 +99,16 @@ const AboutUs = () => {
             {about.bottomTxt}
           </p>
         </div>
-        <div className="image-container image-container-one mr-8">
-          <Tilty>
-            <img
-              src={aboutImage}
-              alt="About us"
-              className="ml-8 shadow-sm shadow-sky-600 about-image w-[500px] rounded-full hover:scale-[1.1] transition"
-            />
-          </Tilty>
-        </div>
+       
       </div>
 
-      <div className="our-vision flex mb-28">
-        <div className="image-container image-container-two">
+      <div className="our-vision  mb-28 ">
+        <div className="image-container image-container-two grid justify-center ml-25">
           <Tilty>
             <img
               src={carImage}
               alt="About us"
-              className="shadow-sm shadow-sky-600 about-image w-[500px] rounded-full hover:scale-[1.1] transition"
+              className="shadow-sm shadow-sky-600 about-image w-[350px] rounded-full hover:scale-[0.9] transition mb-10"
             />
           </Tilty>
         </div>
diff --git a/src/components/ContactUs.jsx b/src/components/ContactUs.jsx
index 09a2c19..a9366c9 100644
--- a/src/components/ContactUs.jsx
+++ b/src/components/ContactUs.jsx
@@ -93,7 +93,7 @@ const Contact = () => {
 
         <motion.div
           variants={slideIn("left", "tween", 0.2, 1)}
-          className="flex-[0.75] bg-black-100 p-8 rounded-2xl"
+          className=" bg-black-100 p-8 rounded-2xl"
         >
           <p
             className={

From c47dc6e96eeecec7df28f17e23062b3b684b6190 Mon Sep 17 00:00:00 2001
From: HAPPY YADAV <happy.hy0017@gmail.com>
Date: Fri, 21 Jun 2024 22:57:25 +0530
Subject: [PATCH 3/3] added tilty effect to privacy policy page & terms and
 conditions

---
 src/components/Privacy.jsx | 11 ++++++++++-
 src/components/Terms.jsx   | 12 +++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/Privacy.jsx b/src/components/Privacy.jsx
index bd108fe..4778302 100644
--- a/src/components/Privacy.jsx
+++ b/src/components/Privacy.jsx
@@ -1,5 +1,6 @@
 import React from "react";
 import "./privacy.css";
+import Tilty from "react-tilty";
 
 const Privacy = () => {
   return (
@@ -32,20 +33,24 @@ const Privacy = () => {
           </ul>
         </div>
         <div className="flex flex-col justify-center">
+          <Tilty>
           <img
             src="https://termshub.io/v3/assets/images/products/privacy_policy_hero.svg"
             alt="Privacy"
             className="rounded-lg"
           />
+          </Tilty>
         </div>
       </div>
       <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
         <div className="flex flex-col justify-center">
+        <Tilty>
           <img
             src="https://static.vecteezy.com/system/resources/previews/005/843/413/original/abstract-cyber-security-privacy-information-network-concept-padlock-protection-digital-network-personal-data-cyber-data-or-information-privacy-idea-internet-link-on-hi-tech-blue-future-background-vector.jpg"
             alt="Data Protection"
             className="rounded-lg shadow-lg"
-          />
+          /> 
+          </Tilty>
         </div>
         <div>
           <h2 className="rounded-md about-title text-2xl text-center italic font-semibold bg-gradient-to-r from-sky-500 ">
@@ -121,20 +126,24 @@ const Privacy = () => {
         </div>
 
         <div className="flex flex-col justify-center">
+        <Tilty>
           <img
             src="https://www.nojitter.com/sites/default/files/ribkhan___0.jpg"
             alt="Information Sharing"
             className="rounded-lg shadow-lg"
           />
+          </Tilty>
         </div>
       </div>
       <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
         <div className="flex flex-col justify-center">
+          <Tilty>
           <img
             src="https://media.gettyimages.com/id/1345282963/photo/education-and-light-bulb-concept.jpg?s=2048x2048&w=gi&k=20&c=RcmHc2qcf_k_HHq0Qbl0a1_GlDdfKK05rsLf8LYw2Z4="
             alt="User Rights"
             className="rounded-lg shadow-lg"
           />
+          </Tilty>
         </div>
         <div>
           <h2 className="rounded-md about-title text-2xl text-center italic font-semibold bg-gradient-to-r from-sky-500  mb-8">
diff --git a/src/components/Terms.jsx b/src/components/Terms.jsx
index fd4adf7..0f630dc 100644
--- a/src/components/Terms.jsx
+++ b/src/components/Terms.jsx
@@ -1,5 +1,6 @@
 import React from "react";
 import './terms.css';
+import Tilty from "react-tilty";
 
 import termsImage from '../assets/terms.png'
 
@@ -22,20 +23,25 @@ const Terms = () => {
                     </ul>
                 </div>
                 <div className="flex flex-col justify-center">
-                    <img
+                    <Tilty>                    <img
                         src={termsImage}
                         alt="Terms"
                         className="rounded-lg"
                     />
+                    </Tilty>
+
+
                 </div>
             </div>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-4">
                 <div className="flex flex-col justify-center">
+                <Tilty>
                     <img
                         src="https://d1n03xfl93cx9q.cloudfront.net/wp-content/uploads/2022/09/what-is-the-future-of-IT-managed-services.jpg"
                         alt="Usage"
                         className="rounded-lg shadow-lg"
                     />
+                    </Tilty>
                 </div>
                 <div>
                     <h2 className="rounded-md about-title text-2xl text-center italic font-semibold bg-gradient-to-r from-green-500">Usage of Service</h2>
@@ -67,20 +73,24 @@ const Terms = () => {
                     </ul>
                 </div>
                 <div className="flex flex-col justify-center">
+                <Tilty>
                     <img
                         src="https://img.freepik.com/premium-photo/business-team-collaboration-showing-unity-with-their-hands-stacked-together_49071-4483.jpg?w=1380"
                         alt="User Responsibilities"
                         className="rounded-lg shadow-lg"
                     />
+                    </Tilty>
                 </div>
             </div>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
                 <div className="flex flex-col justify-center">
+                <Tilty>
                     <img
                         src="https://termshub.io/v3/assets/images/products/privacy_policy_hero.svg"
                         alt="Changes to Policy"
                         className="rounded-lg"
                     />
+                    </Tilty>
                 </div>
                 <div>
                     <h2 className="rounded-md about-title text-2xl text-center italic font-semibold bg-gradient-to-r from-green-500 mb-8">Changes to Terms</h2>