Merge pull request #51 from Aadarsh805/images

made things pink and some small fixes

Author: Aadarsh805

app/components/Footer.tsx

@@ -7,7 +7,7 @@ type FooterProps = {};
 
 const Footer: FC<FooterProps> = () => {
   return (
-    <div className="flex items-center justify-between w-full p-4 px-10 bg-[#EFEFEF] rounded-lg">
+    <div className="flex items-center justify-between w-full p-4 px-10 bg-[#EAF3FE] rounded-lg">
       <p className="text-lg tracking-wide uppercase text-ourBlue font-semibold cursor-pointer">
         FAQ
       </p>
@@ -27,11 +27,16 @@ const Footer: FC<FooterProps> = () => {
         <Link
           href="https://github.com/Aadarsh805/100daysofcode-tracker"
           target="_blank"
+          className="w-fit hover:bg-white hover:shadow-md rounded-full group transition-all duration-300 ease-linear"
         >
-          <AiFillGithub className="text-3xl text-ourBlue" />
+          <AiFillGithub className="text-3xl text-ourBlue group-hover:p-1" />
         </Link>
-        <Link href="https://twitter.com/Aadarsh805" target="_blank">
-          <AiOutlineTwitter className="text-3xl text-ourBlue" />
+        <Link
+          href="https://twitter.com/Aadarsh805"
+          target="_blank"
+          className="w-fit hover:bg-white hover:shadow-md rounded-full group transition-all duration-300 ease-linear"
+        >
+          <AiOutlineTwitter className="text-3xl text-ourBlue group-hover:p-1" />
         </Link>
       </div>
     </div>

app/components/Logo.tsx

@@ -1,6 +1,6 @@
 import Image from "next/image";
 import Link from "next/link";
-import logo from "public/assets/logo.png";
+import logo from "public/assets/logo2.png";
 import type { FC } from "react";
 
 type LogoProps = {};

app/components/StarUs.tsx

@@ -1,6 +1,8 @@
 import Link from "next/link";
 import type { FC } from "react";
 import { AiFillGithub } from "react-icons/ai";
+import mdiGithub from "public/assets/mdi_github.png";
+import Image from "next/image";
 
 type StarUsProps = {};
 
@@ -9,11 +11,13 @@ const StarUs: FC<StarUsProps> = () => {
     <Link
       href="https://github.com/Aadarsh805/100daysofcode-tracker"
       target="_blank"
-      className="flex items-center gap-2 border border-ourBlue py-[.35rem] px-2 rounded"
+      className="flex items-center gap-1 border-[2px] border-ourBlack py-2 px-3 rounded-md"
     >
-      <AiFillGithub className="text-2xl text-ourBlue" />
-      <span className="w-[1px] h-4 bg-ourBlue opacity-60"></span>
-      <p className="font-semibold text-ourBlue">Star Us</p>
+      <div className="w-fit bg-white shadow-md rounded-full">
+        <AiFillGithub className="text-2xl text-ourBlack p-[3px]" />
+      </div>
+      <span className="w-[1px] h-4 bg-ourBlack opacity-70"></span>
+      <p className="font-semibold text-ourBlack">Star Us</p>
     </Link>
   );
 };

app/globals.css

@@ -14,7 +14,7 @@
   top: -.25rem;
   width: 20rem;
   height: 20rem;
-  background-image: url("../public/assets/github.svg");
+  background-image: url("../public/assets/github-pink.svg");
   background-repeat: no-repeat;
   z-index: 10;
 }

app/page.tsx

@@ -1,14 +1,10 @@
 "use client";
 
 import Image from "next/image";
-import Page from "./dashboard/page";
-import Search from "./search/page";
-import graphImage from "public/assets/graph-snake2.svg";
+import graphImage from "public/assets/graph-snake3.svg";
 import useTweetStore from "./store/tweetStore";
 import { FormEvent } from "react";
 import { useRouter } from "next/navigation";
-import { Button } from "@mui/material";
-import Loading from "./components/Loading";
 import Navbar from "./components/Navbar";
 import Form from "./Form";
 import Footer from "./components/Footer";
@@ -68,13 +64,13 @@ export default function Home() {
   };
 
   return (
-    <div className="flex flex-col items-center px-16 pb-8 h-screen gap-2 bg-hero bg-no-repeat w-full bg-cover">
+    <div className="flex flex-col items-center px-16 pb-8 h-screen gap-2 bg-hero2 bg-no-repeat w-full bg-cover">
       <Navbar />
       <div className="flex-1 flex flex-col justify-center items-center w-full md:mt-24">
         <div className="flex flex-col items-center w-full justify-center gap-8 ">
           <div className="flex flex-col items-center justify-center text-center gap-3 ">
             <h3 className="icon-group relative uppercase tracking-[.2em] font-semibold text-ourBlack">
-              <span className="text-ourBlue">100</span> days of coding,{" "}
+              <span className="text-[#F43984]">100</span> days of coding,{" "}
               <span className="text-ourBlue">0</span> days of sleep
             </h3>
             <h1 className="text-5xl md:text-5xl text-ourBlack font-semibold capitalize">