clean

app/[locale]/HomeClient.tsx

@@ -25,7 +25,6 @@ export default function HomeClient() {
         <Status />
         <Spacing size="md" />
       </div>
-      {/* bg-grid-pattern bg-grid-size */}
       <div className="bg-secondary pt-28 pb-28 max-sm:pt-16 max-sm:pb-16 border-b">
         <Spacing size="md" />
         <BestSkills />

app/[locale]/layout.tsx

@@ -78,14 +78,12 @@ export default async function RootLayout({
                 disableTransitionOnChange
               >
                 <ColorProvider>
-                  {/* <LoaderProvider> */}
                   <GlobalStatus />
                   <Header />
                   <LoaderProvider>
                     {children}
                     <Footer />
                   </LoaderProvider>
-                  {/* </LoaderProvider> */}
                 </ColorProvider>
               </ThemeProvider>
             </UserProvider>

components/AboutNav.tsx

@@ -56,7 +56,6 @@ export const AboutNav = () => {
                     className="flex gap-2 max-xl:rounded-full max-xl:h-8 max-xl:bg-accent-foreground max-xl:text-background"
                   >
                     <Download size={16} /> {t("heroSection.downloadCV")}{" "}
-                    {/* Traduction du texte "Download CV" */}
                   </Button>
                 </Link>
               </div>

components/Bio.tsx

@@ -24,7 +24,7 @@ const calculateAge = (birthDate: string): number => {
 
 export const Bio = () => {
   const { user } = useUser();
-  const t = useTranslations(); // Utilisation de la fonction de traduction
+  const t = useTranslations();
 
   if (!user || !user.birth) {
     return <div>Loading...</div>;
@@ -51,15 +51,15 @@ export const Bio = () => {
                   className="w-32 m-auto max-w-lg rounded-full max-md:w-32"
                   width={128}
                   height={128}
-                  alt={t("bio.profilePictureAlt")} // Traduction pour l'ALT de l'image
+                  alt={t("bio.profilePictureAlt")}
                 />
               </div>
               <div className="flex flex-col items-center text-center justify-center">
                 <h2 className="font-medium title-font mt-4 text-lg">
                   {user?.firstName} {user?.lastName}
                 </h2>
                 <span className="text-xs text-accent-foreground/70">
-                  {age} {t("bio.yearsOld")} {/* Traduction pour "years old" */}
+                  {age} {t("bio.yearsOld")}
                 </span>
                 <div className="w-12 h-1 bg-primary rounded mt-4 mb-4"></div>
                 <p className="text-base text-accent-foreground/60">
@@ -69,17 +69,16 @@ export const Bio = () => {
             </div>
             <div className="sm:w-2/3 sm:pl-8 sm:py-8 sm:border-l border-accent sm:border-t-0 border-t mt-4 pt-4 sm:mt-0 text-center sm:text-left">
               <h2 className="font-caption text-2xl font-bold leading-relaxed max-md:text-lg">
-                {t("bio.whoAmI")} {/* Traduction pour "Who am I?" */}
+                {t("bio.whoAmI")}
               </h2>
               <p className="leading-relaxed text-lg mb-4">
-                {t("bio.introduction")} {/* Traduction de l'introduction */}
+                {t("bio.introduction")}
                 <br />
                 <br />
-                {t("bio.skills")} {/* Traduction des compétences */}
+                {t("bio.skills")}
                 <br />
                 <br />
                 {t("bio.keyPlayer")}{" "}
-                {/* Traduction de "I strive to become a key player..." */}
               </p>
             </div>
           </div>

components/ContactCard.tsx

@@ -65,8 +65,8 @@ export const ContactCard = (props: ContactProps) => {
           <Image
             src={
               props.name === "GitHub"
-                ? githubUserData?.avatar_url || "/default-avatar.jpg" // Valeur par défaut
-                : props.image || "/default-image.jpg" // Valeur par défaut
+                ? githubUserData?.avatar_url || "/default-avatar.jpg"
+                : props.image || "/default-image.jpg"
             }
             alt={props.name}
             width={40}
@@ -76,12 +76,11 @@ export const ContactCard = (props: ContactProps) => {
           />
           <div className="absolute -bottom-1 -right-1 w-4 h-4">
             {" "}
-            {/* 16px / 4 = 4px (taille relative) */}
             <Image
               src={props.mediumImage}
               alt={props.name}
-              fill // Permet à l'image de remplir son conteneur
-              sizes="16" // Spécifie la taille de l'image
+              fill
+              sizes="16"
               priority
               className="rounded-full object-contain"
             />

components/Footer.tsx

@@ -9,12 +9,10 @@ import { ScrollAnimation } from "./ScrollAnimation";
 import { usePathname } from "next/navigation";
 import VersionStatus from "./VersionStatus";
 import { useTranslations } from "next-intl";
-// import currentLocation from "@/utils/currentLocation";
 
 export const Footer = () => {
   const pathname = usePathname();
   const t = useTranslations();
-  // const basePath = currentLocation();
 
   return (
     <footer className="relative">

components/Header.tsx

@@ -24,20 +24,6 @@ export const Header = () => {
     setMenuOpen(false);
   };
 
-  // useEffect(() => {
-  //   const handleClickOutside = (event: MouseEvent) => {
-  //     const target = event.target as HTMLElement;
-  //     if (menuOpen && !target.closest("header")) {
-  //       setMenuOpen(false);
-  //     }
-  //   };
-
-  //   document.addEventListener("mousedown", handleClickOutside);
-  //   return () => {
-  //     document.removeEventListener("mousedown", handleClickOutside);
-  //   };
-  // }, [menuOpen]);
-
   return (
     <header className="sticky top-0 border-b bg-background/80 backdrop-blur z-40">
       <Section className="flex items-center justify-between p-0 max-sm:pt-2 max-sm:pb-2">

components/Hero.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @next/next/no-img-element */
 "use client";
 import { Section } from "./Section";
 import { Spacing } from "./Spacing";
@@ -48,9 +47,6 @@ function Hero() {
             className="max-sm:object-right object-cover max-md:opacity-40"
           />
           <div className="w-full h-full relative group">
-            {/* <div className="absolute z-0 w-full h-full flex-[2] ml-auto max-lg:m-auto content-end">
-            <ThreeDModel />
-          </div> */}
             <Section className="z-10 flex max-lg:flex-col items-center justify-between gap-6 min-h-[calc(100vh-400px)] max-lg:pt-8 max-lg:pb-8 max-md:pt-4 max-md:mx-auto">
               <div className="flex-[3] flex flex-col gap-2">
                 <h1 className="drop-shadow-lg font-caption text-7xl font-bold text-primary max-md:text-4xl max-sm:text-3xl max-xl:text-6xl max-lg:text-5xl">

components/LangSwitcher.tsx

@@ -35,7 +35,6 @@ const languages: Record<Language, LanguageInfo> = {
 const LangSwitcher: React.FC = () => {
   const locale = useLocale() as Language;
   const router = useRouter();
-  // const pathname = usePathname();
 
   const handleLocaleChange = (newLocale: Language) => {
     document.cookie = `NEXT_LOCALE=${newLocale}; path=/`;

components/ModeToggle.tsx

@@ -1,5 +1,4 @@
 "use client";
-
 import * as React from "react";
 import { Moon, Sun } from "lucide-react";
 import { useTheme } from "next-themes";

components/SkillCard.tsx

@@ -9,12 +9,11 @@ interface SkillCardProps {
 
 export const SkillCard = (props: SkillCardProps) => {
   return (
-      <div className="flex flex-col items-center gap-2 p-4">
-        {props.image}
-          <div className="flex items-center w-full flex-col gap-2">
-            <h3 className="text-md whitespace-nowrap">{props.name}</h3>
-            {/* <p className="text-xs">{props.description}</p> */}
-          </div>
+    <div className="flex flex-col items-center gap-2 p-4">
+      {props.image}
+      <div className="flex items-center w-full flex-col gap-2">
+        <h3 className="text-md whitespace-nowrap">{props.name}</h3>
       </div>
+    </div>
   );
 };

components/SkillsContainer.tsx

@@ -13,8 +13,7 @@ import {
 import { Badge } from "@/components/ui/badge";
 import { fetchDataFromBucket } from "@/utils/getBucket";
 import { useLocale, useTranslations } from "next-intl";
-// import currentLocation from "@/utils/currentLocation";
-// .sort((a, b) => a.name.localeCompare(b.name));
+
 interface Skill {
   name: string;
   icon: JSX.Element | ReactNode;

components/WorkCarouselItem.tsx

@@ -83,21 +83,6 @@ export const WorkCarouselItem = (props: CarouselItem) => {
             </div>
           </div>
         </CardContent>
-        {/* <div
-      className={`absolute shadow-md bg-primary-foreground flex rounded-b-sm justify-between z-50 w-full p-2 transition-opacity duration-300 ease-in-out transform ${
-        expandedItem === props.id
-          ? "opacity-100 delay-500"
-          : "opacity-0 duration-75"
-      } group-hover:flex group-hover:opacity-100 group-hover:delay-500`}
-    >
-      <div className="">
-        <h3 className="text-lg font-semibold">{props.title}</h3>
-        <p className="text-sm text-accent-foreground/50">
-          {props.description}
-        </p>
-      </div>
-      
-    </div> */}
       </Card>
     </CarouselItem>
   );