minor fixes

Ridhima10 · Aug 17, 2024 · 57572d4 · 57572d4
1 parent 81050ca
commit 57572d4
Show file tree

Hide file tree

Showing 9 changed files with 44 additions and 32 deletions.
diff --git a/app/components/helper/scroll-to-top.jsx b/app/components/helper/scroll-to-top.jsx
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 import { FaArrowUp } from "react-icons/fa6";
 
 const DEFAULT_BTN_CLS =
-  "fixed bottom-8 right-6 z-50 flex items-center rounded-full bg-gradient-to-r from-pink-500 to-violet-600 p-4 hover:text-xl transition-all duration-300 ease-out";
+  "fixed bottom-8 right-6 z-50 flex items-center rounded-full bg-gradient-to-r text-white from-pink-500 to-violet-600 p-4 hover:text-xl transition-all duration-300 ease-out";
 const SCROLL_THRESHOLD = 50;
 
 const ScrollToTop = () => {

diff --git a/app/components/homepage/about/index.jsx b/app/components/homepage/about/index.jsx
@@ -2,7 +2,9 @@
 
 import { personalData } from "@/utils/data/personal-data";
 import Image from "next/image";
-
+import Link from "next/link";
+import { MdDownload } from "react-icons/md";
+import { RiContactsFill } from "react-icons/ri";
 
 function AboutSection() {
   return (
@@ -21,12 +23,18 @@ function AboutSection() {
           <p className="text-gray-200 text-sm lg:text-lg">
             {personalData.description}
           </p>
+          <Link className="flex items-center gap-1 hover:gap-3 rounded-full bg-gradient-to-r from-pink-500 to-violet-600 px-3 md:px-8 py-3 md:py-4 text-center text-xs md:text-sm font-medium uppercase tracking-wider text-white no-underline transition-all duration-200 ease-out hover:text-white hover:no-underline md:font-semibold w-fit mt-5" role="button" target="_blank" href={personalData.resume}
+            >
+              <span>Get Resume</span>
+              <MdDownload size={16} />
+            </Link>
         </div>
+
         <div className="flex justify-center order-1 lg:order-2">
           <Image
             src={personalData.profile}
-            width={180}
-            height={180}
+            width={240}
+            height={150}
             alt="Ridhima Jain"
             className="rounded-lg transition-all duration-1000 grayscale hover:grayscale-0 hover:scale-110 cursor-pointer"
           />

diff --git a/app/components/homepage/experience/index.jsx b/app/components/homepage/experience/index.jsx
@@ -51,9 +51,9 @@ function Experience() {
                         className="absolute bottom-0 opacity-80"
                       /> */}
                   <div className="flex justify-center">
-                    {/* <p className="text-xs sm:text-sm text-[#16f2b3]">
+                    <p className="text-xs sm:text-sm text-[#16f2b3]">
                           {experience.duration}
-                        </p> */}
+                        </p>
                   </div>
                   <div className="flex lg:items-center gap-x-8 px-3 py-5  flex-start flex-col md:flex md:flex-row">
                     <div className="text-violet-500   transition-all pb-2 duration-300 hover:scale-125">
@@ -76,7 +76,7 @@ function Experience() {
                             key={index}
                             href={link}
                             target="_blank"
-                            className="transition-all sm:text-center md:text-start text-white hover:scale-125 rounded-full duration-300 bg-gradient-to-r from-violet-600 to-pink-600 ms-2"
+                            className="transition-all sm:text-center md:text-start text-white  hover:scale-125 rounded-full duration-300  bg-pink-5 bg-[#101123] hover:bg-pink-500 ms-2"
                           >
                             <BsGithub size={30} />
                           </Link>

diff --git a/app/components/homepage/hero-section/index.jsx b/app/components/homepage/hero-section/index.jsx
@@ -3,6 +3,9 @@
 import { personalData } from "@/utils/data/personal-data";
 import Image from "next/image";
 import Link from "next/link";
+import { IoLogoGithub, IoMdCall } from "react-icons/io";
+import { BiLogoLinkedin } from "react-icons/bi";
+
 import { BsGithub, BsLinkedin } from "react-icons/bs";
 // import { FaFacebook, FaTwitterSquare } from "react-icons/fa";
 import { MdDownload } from "react-icons/md";
@@ -32,42 +35,40 @@ function HeroSection() {
           </h1>
 
           <div className="my-12 flex items-center gap-5">
-            {/* <span className="text-2xl text-white font-bold border-b-2 capitalize">connect with me 
+            <h2 className="lg:text-3xl text-2xl text-white font-bold border-b-2 capitalize ">Socials 
 
-              : </span> */}
-            <Link
-              href={personalData.github}
-              target="_blank"
-              className="transition-all text-white hover:scale-125 rounded-full duration-300 bg-gradient-to-r from-violet-600 to-pink-600"
-            >
-              <BsGithub size={30} />
+              : </h2>
+            <Link target="_blank" href={personalData.github}>
+              <IoLogoGithub
+                className=" bg-pink-500 text-white p-3 rounded-full hover:bg-pink-500 hover:scale-110 transition-all duration-300  cursor-pointer"
+                size={48}
+              />
             </Link>
-            <Link
-              href={personalData.linkedIn}
-              target="_blank"
-              className="transition-all text-white hover:scale-125 duration-300 rounded-full bg-gradient-to-r from-violet-600 to-pink-600"
-            >
-              <BsLinkedin size={30} />
+            <Link target="_blank" href={personalData.linkedIn}>
+              <BiLogoLinkedin
+                className=" bg-pink-500  p-3 rounded-full hover:bg-pink-500  hover:scale-110 transition-all duration-300 text-white cursor-pointer"
+                size={48}
+              />
             </Link>
           </div>
 
-          <div className="flex items-center gap-3">
-            {/* <Link
+          {/* <div className="flex items-center gap-3">
+            <Link
               href="#contact"
-              className="bg-gradient-to-r to-pink-500 from-violet-600 p-[1px] rounded-full transition-all duration-300 hover:from-pink-500 hover:to-violet-600"
+              className="bg-gradient-to-r to-pink-500 from-violet-600 p-[1px] rounded-full transition-all duration-300  hover:from-pink-500 hover:to-violet-600"
             >
               <button className="px-3 text-xs md:px-8 py-3 md:py-4 bg-[#0d1224] rounded-full border-none text-center md:text-sm font-medium uppercase tracking-wider text-[#ffff] no-underline transition-all duration-200 ease-out  md:font-semibold flex items-center gap-1 hover:gap-3">
                 <span>Contact me</span>
                 <RiContactsFill size={16} />
               </button>
-            </Link> */}
+            </Link>
 
             <Link className="flex items-center gap-1 hover:gap-3 rounded-full bg-gradient-to-r from-pink-500 to-violet-600 px-3 md:px-8 py-3 md:py-4 text-center text-xs md:text-sm font-medium uppercase tracking-wider text-white no-underline transition-all duration-200 ease-out hover:text-white hover:no-underline md:font-semibold" role="button" target="_blank" href={personalData.resume}
             >
               <span>Get Resume</span>
               <MdDownload size={16} />
             </Link>
-          </div>
+          </div> */}
         </div>
         <div className="order-1 lg:order-2  rounded-lg ">
           <div className="relative lg:top-[-3.3rem] z-0">

diff --git a/app/components/navbar.jsx b/app/components/navbar.jsx
@@ -6,7 +6,7 @@ const navbar = () => {
       <nav className="bg-transparent z-10">
         <div className="flex items-center justify-between py-5">
           <div className="flex flex-shrink-0 items-center">
-            <Link href="/" className=" font-bold text-white text-2xl rounded-full border-pink-600 p-2 bg-pink-600">
+            <Link href="/" className="px-3 font-bold text-pink-500 text-3xl ">
               RJ
             </Link>
           </div>

diff --git a/app/page.js b/app/page.js
@@ -31,7 +31,7 @@ export default async function Home() {
       <AboutSection />
       <Experience />
       <Skills />
-      <Projects />
+      {/* <Projects /> */}
       <Education />
       {/* <Blog blogs={blogs} /> */}
       <ContactSection />

diff --git a/utils/data/experience.js b/utils/data/experience.js
@@ -1,13 +1,15 @@
 export const experiences = [
   {
     id: 1,
+    duration: '(May 2024- August 2024)',
     title: 'Open source contributor',
-    company: "Girlscript summer of Code.",
-    desc:`Contributed in 8 projects with 40+ Pull Requests and rank 18 right now. Top Contribution is in project Chrome Gaming.`,
+    company: "Girlscript summer of Code (GSSoC'24). ",
+    desc:`Top Contributer with rank 28th out of 2500+ contributers with 56+ Merged Pull Requests in 10+ projects. Top Contribution is in project Chrome Gaming.`,
     github:['https://github.com/ChromeGaming/Community-Page'],
   },
   {
     id: 2,
+    duration: '(April 2022 - March 2024)',
     title: "Frontend Developer",
     company: "freelance",
     desc:"I have freelanced on various projects including The Pull, Ginie Digital, and Jeevan Dairy. Each of these projects helped me build a strong foundation in HTML, CSS and Basic JS.",

diff --git a/utils/data/personal-data.js b/utils/data/personal-data.js
@@ -10,5 +10,5 @@ export const personalData = {
   discord: 'https://discord.com/channels/@me',
   linkedIn: 'https://www.linkedin.com/in/ridhima-jain-96829a212/',
   devUsername: "Ridhima10",
-  resume: "https://drive.google.com/file/d/15u-rZW18ctAxngE5TJ1O3DAyHzX2kn4K/view?usp=sharing"
+  resume: "https://drive.google.com/file/d/1VqBv5fZHjAEpubPQwIg4HF-Dib7I7p6S/view?usp=sharing"
 }
diff --git a/utils/data/skills.js b/utils/data/skills.js
@@ -16,7 +16,8 @@ export const skillsData = [
   // 'Express.js',
   'Wordpress',
   'Canva',
-  'Vue',
+  // 'Vue',
+  'ViteJS',
 
 ]