update

src/app/components/SocialLinks.tsx

@@ -44,9 +44,4 @@ const socialMedias: socialMediasProps = [
     url: "https://github.com/bulletdev",
     icon: <FaGithub />,
   },
-  {
-    title: "Bullet",
-    url: "https://github.com/clubedojava",
-    icon: <GiBulletBill />
-  },
 ];

src/app/components/sections/ProfileCard.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { motion } from "framer-motion";
 import Image from "next/image";
 import { FaRegCopy } from "react-icons/fa6";
 import { IoLocationOutline } from "react-icons/io5";
@@ -101,7 +100,7 @@ function PersonalStatement() {
   return (
     <div className="flex flex-col gap-3 px-4">
       <div className="space-y-1.5">
-        <h1 className="text-2xl font-semibold">Michael "Bullet" Douglas</h1>
+        <h1 className="text-2xl font-semibold">Michael  Douglas</h1>
         <p className="text-spotify-gray text-sm">
           Desenvolvedor Backend • Infraestrutura • Cloud
         </p>

src/app/components/ui/infinite-moving-cars.tsx

@@ -113,4 +113,4 @@ export const InfiniteMovingCards = ({
       </ul>
     </div>
   );
-};
+};

src/app/components/ui/sticky-scroll-reveal.tsx

@@ -106,4 +106,4 @@ export const StickyScroll = ({
       </div>
     </motion.div>
   );
-};
+};

src/app/components/ui/type-writer-effect.tsx

@@ -72,7 +72,7 @@ export const TypewriterEffect = ({
   return (
     <div
       className={cn(
-        "text-base sm:text-xl md:text-3xl lg:text-5xl font-bold text-center",
+        "text-base sm:text-xl md:text-3xl lg:text-5xl font-bold text-center flex items-end",
         className
       )}
     >
@@ -90,7 +90,7 @@ export const TypewriterEffect = ({
           repeatType: "reverse",
         }}
         className={cn(
-          "inline-block rounded-sm w-[4px] h-4 md:h-6 lg:h-10 bg-blue-500",
+          "inline-block rounded-sm w-[4px] h-4 md:h-6 lg:h-10 bg-blue-500 mb-2",
           cursorClassName
         )}
       ></motion.span>
@@ -187,4 +187,4 @@ export const TypewriterEffectSmooth = ({
       ></motion.span>
     </div>
   );
-};
+};

tailwind.config.js

@@ -1,60 +1,56 @@
-// tailwind.config.js
-
-const defaultTheme = require("tailwindcss/defaultTheme");
-const colors = require("tailwindcss/colors");
-const {
-  default: flattenColorPalette,
-} = require("tailwindcss/lib/util/flattenColorPalette");
+import defaultTheme from 'tailwindcss/defaultTheme';
+import colors from 'tailwindcss/colors';
+import flattenColorPalette from 'tailwindcss/lib/util/flattenColorPalette';
 
 const config = {
   content: [
-    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   theme: {
     extend: {
       animation: {
-        "meteor-effect": "meteor 5s linear infinite",
-        scroll:
-          "scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite",
+        'meteor-effect': 'meteor 5s lineanr infinite',
+        scroll: 'scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite',
       },
       keyframes: {
         meteor: {
-          "0%": { transform: "rotate(215deg) translateX(0)", opacity: "1" },
-          "70%": { opacity: "1" },
-          "100%": {
-            transform: "rotate(215deg) translateX(-500px)",
-            opacity: "0",
+          '0%': { transform: 'rotate(215deg) translateX(0)', opacity: '1' },
+          '70%': { opacity: '1' },
+          '100%': {
+            transform: 'rotate(215deg) translateX(-500px)',
+            opacity: '0',
           },
         },
         scroll: {
           to: {
-            transform: "translate(calc(-50% - 0.5rem))",
+            transform: 'translate(calc(-50% - 0.5rem))',
           },
         },
       },
       colors: {
         spotify: {
-          green: "#1DB954",
-          black: "#191414",
-          white: "#FFFFFF",
-          grey: "#B3B3B3",
+          green: '#1DB954',
+          black: '#191414',
+          white: '#FFFFFF',
+          grey: '#B3B3B3',
         },
       },
     },
   },
   plugins: [addVariablesForColors],
 };
+
 export default config;
 
 function addVariablesForColors({ addBase, theme }) {
-  let allColors = flattenColorPalette(theme("colors"));
+  let allColors = flattenColorPalette(theme('colors'));
   let newVars = Object.fromEntries(
     Object.entries(allColors).map(([key, val]) => [`--${key}`, val])
   );
 
   addBase({
-    ":root": newVars,
+    ':root': newVars,
   });
 }