From 32776684bfcd232f566e887161190cf604f4dcef Mon Sep 17 00:00:00 2001
From: Klesti Selimaj <klesti.selimay@icloud.com>
Date: Sun, 15 Mar 2026 13:54:59 +0100
Subject: [PATCH] Removed tailwind warnings

---
 src/components/AboutSection.tsx    | 2 +-
 src/components/ContactSection.tsx  | 2 +-
 src/components/ErrorBoundary.tsx   | 4 ++--
 src/components/HeroSection.tsx     | 8 ++++----
 src/components/ProjectsSection.tsx | 2 +-
 src/components/SkillsSection.tsx   | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/AboutSection.tsx b/src/components/AboutSection.tsx
index d6acf6f..16e4c67 100644
--- a/src/components/AboutSection.tsx
+++ b/src/components/AboutSection.tsx
@@ -48,7 +48,7 @@ export default function AboutSection() {
       style={{ background: "#080808" }}
     >
       {/* Subtle top border */}
-      <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-white/10 to-transparent" />
+      <div className="absolute top-0 left-0 right-0 h-px bg-linear-to-r from-transparent via-white/10 to-transparent" />
 
       <div className="max-w-6xl mx-auto px-6">
         {/* Section label */}
diff --git a/src/components/ContactSection.tsx b/src/components/ContactSection.tsx
index f028b87..8e5d73b 100644
--- a/src/components/ContactSection.tsx
+++ b/src/components/ContactSection.tsx
@@ -64,7 +64,7 @@ export default function ContactSection() {
 
   return (
     <section id="contact" className="py-32 relative" style={{ background: "#080808" }}>
-      <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-white/10 to-transparent" />
+      <div className="absolute top-0 left-0 right-0 h-px bg-linear-to-r from-transparent via-white/10 to-transparent" />
 
       {/* Subtle radial glow */}
       <div
diff --git a/src/components/ErrorBoundary.tsx b/src/components/ErrorBoundary.tsx
index 1422986..0c01264 100644
--- a/src/components/ErrorBoundary.tsx
+++ b/src/components/ErrorBoundary.tsx
@@ -1,6 +1,6 @@
 import { cn } from "@/lib/utils";
 import { AlertTriangle, RotateCcw } from "lucide-react";
-import { Component, ReactNode } from "react";
+import { Component, type ReactNode } from "react";
 
 interface Props {
   children: ReactNode;
@@ -28,7 +28,7 @@ class ErrorBoundary extends Component<Props, State> {
           <div className="flex flex-col items-center w-full max-w-2xl p-8">
             <AlertTriangle
               size={48}
-              className="text-destructive mb-6 flex-shrink-0"
+              className="text-destructive mb-6 shrink-0"
             />
 
             <h2 className="text-xl mb-4">An unexpected error occurred.</h2>
diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index d36c00d..000f583 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -63,12 +63,12 @@ export default function HeroSection() {
       />
 
       {/* Gradient overlays */}
-      <div className="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-[#080808]" />
-      <div className="absolute inset-0 bg-gradient-to-r from-[#080808]/60 via-transparent to-[#080808]/60" />
+      <div className="absolute inset-0 bg-linear-to-b from-transparent via-transparent to-[#080808]" />
+      <div className="absolute inset-0 bg-linear-to-r from-[#080808]/60 via-transparent to-[#080808]/60" />
 
       {/* Animated glow orb */}
       <div
-        className="absolute top-1/3 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] rounded-full pointer-events-none"
+        className="absolute top-1/3 left-1/2 -translate-x-1/2 -translate-y-1/2 w-150 h-150 rounded-full pointer-events-none"
         style={{
           background: "radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 70%)",
           animation: "float 6s ease-in-out infinite",
@@ -159,7 +159,7 @@ export default function HeroSection() {
 
       {/* Scroll indicator */}
       <div className="absolute bottom-8 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2 opacity-0 fade-in-up delay-800" style={{animationFillMode:'forwards'}}>
-        <div className="w-px h-8 bg-gradient-to-b from-white/30 to-transparent" />
+        <div className="w-px h-8 bg-linear-to-b from-white/30 to-transparent" />
         <span className="terminal-label text-xs">scroll</span>
       </div>
     </section>
diff --git a/src/components/ProjectsSection.tsx b/src/components/ProjectsSection.tsx
index 29fb98c..cb5ca46 100644
--- a/src/components/ProjectsSection.tsx
+++ b/src/components/ProjectsSection.tsx
@@ -245,7 +245,7 @@ export default function ProjectsSection() {
       className="py-32 relative"
       style={{ background: "#080808" }}
     >
-      <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-white/10 to-transparent" />
+      <div className="absolute top-0 left-0 right-0 h-px bg-linear-to-r from-transparent via-white/10 to-transparent" />
 
       <div className="max-w-6xl mx-auto px-6">
         {/* Header */}
diff --git a/src/components/SkillsSection.tsx b/src/components/SkillsSection.tsx
index 202b8be..711cd87 100644
--- a/src/components/SkillsSection.tsx
+++ b/src/components/SkillsSection.tsx
@@ -120,7 +120,7 @@ export default function SkillsSection() {
       className="py-32 relative"
       style={{ background: "#080808" }}
     >
-      <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-white/10 to-transparent" />
+      <div className="absolute top-0 left-0 right-0 h-px bg-linear-to-r from-transparent via-white/10 to-transparent" />
 
       <div className="max-w-6xl mx-auto px-6">
         {/* Header */}