Removed tailwind warnings

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 */}

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

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>

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-linear-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-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>

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 */}

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 */}