From cd7cb997a1b930bd6c659db54190b2cb86e2dc34 Mon Sep 17 00:00:00 2001
From: Nikhil Rajput <nkr.nikhil.nkr@gmail.com>
Date: Mon, 28 Oct 2024 00:58:45 +0530
Subject: [PATCH] UI Updates and Fixes

---
 bun.lockb                                     | Bin 300868 -> 300868 bytes
 package.json                                  |   2 +-
 .../home/ui/AnimatedServiceCard.tsx           |  12 +--
 src/components/navbar/FloatingNavbar.tsx      |   2 +-
 src/components/projects/Section1.tsx          |  72 ------------------
 src/components/projects/Section2.tsx          |  21 -----
 .../projects/components/ScreenshotGallery.tsx |  48 ------------
 7 files changed, 8 insertions(+), 149 deletions(-)
 delete mode 100644 src/components/projects/Section1.tsx
 delete mode 100644 src/components/projects/Section2.tsx
 delete mode 100644 src/components/projects/components/ScreenshotGallery.tsx

diff --git a/bun.lockb b/bun.lockb
index aec467c2d6fe71e7a4766c1123d76d261c2e4eab..83b7c67a9665300199a1e3cc9cb0bfc976cb0881 100755
GIT binary patch
delta 345
zcmX@IPUy%wp@tU5ElltJGMng`PyhIrNs`fcI`=;&V@A{I_Wzh9>P_@4A{ZDLco-NO
zq(oH(8<m64a4^OhTId<;88f6nWxnZdXb5<Aw;Uv6pl70IXqj4^lbKh-z_2r<p?bZ*
ziXT83OFdIP0|tfypdKNhY42@v$}|^0O$O;P(KFIBVJOHiE=evfW{62Vcj}D~M<Y<i
zf)!|*vBmV;|CkJ!&GpQt^Z#d(U@~EtuKAzIz}!^Nh=E~0&^$$;dB0w+dgOm;!!#zw
zI5VJ4K$!<X86}|1g0Lx3yY(aUVKUPv{AUuE1uIcyglPVdz`9}9Rdq(Vk|Y0_3|S0~
z^bDpqaxjZAnoJd7HU^R|%zi9JdWJ?*r!o5goiX(Zb276rP*DL3vq*a!BlGq+MwVw&
E0nQ?0Q2+n{

delta 343
zcmX@IPUy%wp@tU5ElltJGMnldP5=0pNs`fYI`=;&V@AvA_Wzh9>do{lBN!MMco-NO
zq(oH(8<m64a4^OhTId<;Su&(RWxnZdXb5<Aw;Uv6pl70IWRO~%lbKh-z_2r<p?bZ*
ziXT83OFctFJwt{9pdKNhY42@v$}|^0O$O-!>d-SZF32w~NiHsCh)Fzm>WvRaBT&YI
z6=<4?`SjcWm<*XM^^B+U|7Vh5GBlp9`Jc(a+)U4ifnh(;JVl^+zh16-<bP?yG$zJ4
zGd(js0|tf%Kp7>V%!05fQM>gc^I<a6C;Vp;mjx?PWrS${kifcO)>U;zxRN9PnG9Ks
zjr0trH*zpbPZeR-XEdGa!tBRl0W^8)G-e;5Bc?uKP6h{C0SmK8dmJP4_BckCXHx-%
Ckz=?3

diff --git a/package.json b/package.json
index ebdd158..36aeebc 100644
--- a/package.json
+++ b/package.json
@@ -47,4 +47,4 @@
     "tailwindcss-debug-screens": "^2.2.1",
     "typescript": "^5.6.3"
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/home/ui/AnimatedServiceCard.tsx b/src/components/home/ui/AnimatedServiceCard.tsx
index 08d5c27..c5e8489 100644
--- a/src/components/home/ui/AnimatedServiceCard.tsx
+++ b/src/components/home/ui/AnimatedServiceCard.tsx
@@ -66,12 +66,12 @@ const IconSkeleton = ({ item }: Readonly<{ item: IServiceItem }>) => {
     ],
   ];
 
-  useEffect(() => {
-    animate(sequence, {
-      repeat: Infinity,
-      repeatDelay: 1,
-    });
-  }, []);
+  // useEffect(() => {
+  //   animate(sequence, {
+  //     repeat: Infinity,
+  //     repeatDelay: 1,
+  //   });
+  // }, []);
 
   return (
     <div className="overflow-hidden h-full relative flex items-center justify-center">
diff --git a/src/components/navbar/FloatingNavbar.tsx b/src/components/navbar/FloatingNavbar.tsx
index 1882650..ffaeaf3 100644
--- a/src/components/navbar/FloatingNavbar.tsx
+++ b/src/components/navbar/FloatingNavbar.tsx
@@ -52,7 +52,7 @@ const FloatingNavbar = ({
                 </span>
                 <span className="hidden sm:block text-sm/6 lg:text-base relative overflow-hidden">
                   <span className="relative z-10">{navItem.name}</span>
-                  <span className="absolute inset-0 text-[var(--primaryColor)] transition-transform transform translate-y-full group-hover:translate-y-0 duration-500 ease-in-out z-10">
+                  <span className="absolute inset-0 text-[var(--primaryColor)] transition-transform transform translate-y-full group-hover:translate-y-0 duration-300 ease-in-out z-10">
                     {navItem.name}
                   </span>
                 </span>
diff --git a/src/components/projects/Section1.tsx b/src/components/projects/Section1.tsx
deleted file mode 100644
index 7843491..0000000
--- a/src/components/projects/Section1.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-"use client";
-
-import { useSearchParams } from "next/navigation";
-import Image from "next/image";
-import ResponsiveBox from "@/components/core/ResponsiveBox";
-import ConstraintedBox from "@/components/core/ConstraintedBox";
-import Row from "@/components/core/Row";
-import Column from "@/components/core/Column";
-import AppBar from "@/components/common/AppBar";
-import ScreenshotGallery from "./components/ScreenshotGallery";
-import { getProjectDetails } from "@/data/projects";
-import { ProjectType } from "@/types";
-
-const ProjectsSection1 = ({ id }: Readonly<{ id?: string }>) => {
-  const searchParams = useSearchParams();
-  const project = getProjectDetails(searchParams.get("id")!);
-
-  const renderProjectType = (type?: ProjectType) => {
-    switch (type) {
-      case ProjectType.Personal:
-        return "Personal Project";
-
-      case ProjectType.JobWork:
-        return "Job Work";
-
-      case ProjectType.Freelance:
-        return "Freelance Project";
-
-      default:
-        return null;
-    }
-  };
-
-  return (
-    <ResponsiveBox classNames="bg-[var(--dialogColor)]" id={id}>
-      <ConstraintedBox classNames="p-4">
-        <AppBar>
-          {project ? (
-            <Row classNames="items-center gap-2">
-              <Row classNames="w-[3rem] md:w-[3.5rem] p-2 aspect-square items-center justify-center border border-[var(--textColor30)] rounded-full overflow-hidden">
-                <Image
-                  src={project.icon}
-                  alt={`project-${project.title}`}
-                  width={100}
-                  height={100}
-                  sizes="100%"
-                  loading="lazy"
-                  placeholder="blur"
-                  blurDataURL="/images/placeholder.png"
-                  className="w-full h-full object-cover aspect-square"
-                />
-              </Row>
-
-              <Column>
-                <p className="text-lg/6 font-semibold">{project?.title}</p>
-                <p className="text-base/6 text-[var(--textColorLight)]">
-                  {renderProjectType(project.projectType)}
-                </p>
-              </Column>
-            </Row>
-          ) : null}
-        </AppBar>
-
-        {project && project.screenshots && project.screenshots.length > 0 ? (
-          <ScreenshotGallery imageList={project.screenshots} />
-        ) : null}
-      </ConstraintedBox>
-    </ResponsiveBox>
-  );
-};
-
-export default ProjectsSection1;
diff --git a/src/components/projects/Section2.tsx b/src/components/projects/Section2.tsx
deleted file mode 100644
index 9d438f0..0000000
--- a/src/components/projects/Section2.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-"use client";
-
-import { useSearchParams } from "next/navigation";
-import ResponsiveBox from "@/components/core/ResponsiveBox";
-import ConstraintedBox from "@/components/core/ConstraintedBox";
-import { getProjectDetails } from "@/data/projects";
-
-const ProjectsSection2 = ({ id }: Readonly<{ id?: string }>) => {
-  const searchParams = useSearchParams();
-  const description = getProjectDetails(searchParams.get("id")!)?.description;
-
-  return (
-    <ResponsiveBox id={id}>
-      <ConstraintedBox classNames="p-4">
-        <p>{description}</p>
-      </ConstraintedBox>
-    </ResponsiveBox>
-  );
-};
-
-export default ProjectsSection2;
diff --git a/src/components/projects/components/ScreenshotGallery.tsx b/src/components/projects/components/ScreenshotGallery.tsx
deleted file mode 100644
index 359edb5..0000000
--- a/src/components/projects/components/ScreenshotGallery.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-"use client";
-
-import { usePathname, useSearchParams } from "next/navigation";
-import Link from "next/link";
-import Image from "next/image";
-import Row from "@/components/core/Row";
-import Column from "@/components/core/Column";
-
-const ScreenshotGallery = ({
-  imageList,
-}: Readonly<{ imageList: string[] }>) => {
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-
-  return (
-    <Column classNames="w-full mt-4">
-      <Row classNames="w-full gap-4 overflow-y-hidden overflow-x-auto no-scrollbar items-center">
-        {imageList.map((img, index) => {
-          return (
-            <Link
-              key={`screenshot-${index}`}
-              className="relative min-w-[10rem] lg:min-w-[12rem] max-w-[10rem] lg:max-w-[12rem] aspect-[9/16] border border-[var(--textColor30)] rounded-[var(--defaultRadius)] overflow-hidden drop_in"
-              href={{
-                pathname: pathname,
-                query: { id: searchParams.get("id"), imgSrc: img },
-              }}
-              scroll={false}
-            >
-              <Image
-                src={img}
-                alt={`screenshot-${index}`}
-                fill
-                sizes="100%"
-                priority={false}
-                loading="lazy"
-                placeholder="blur"
-                blurDataURL="/images/placeholder.png"
-                className="w-full h-full object-contain py-4 px-2"
-              />
-            </Link>
-          );
-        })}
-      </Row>
-    </Column>
-  );
-};
-
-export default ScreenshotGallery;