style(web): convert self-closing div tags to self-closing syntax

Author: skiniks

web/src/app/docs/api-reference/components/page.tsx

@@ -20,7 +20,7 @@ export default async function ComponentsPage() {
               className="relative group h-full overflow-hidden rounded-xl p-px block"
             >
               <div className="relative z-10 h-full bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-xl p-6 transition-all duration-300 group-hover:border-transparent">
-                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl"></div>
+                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl" />
                 <div className="relative z-10">
                   <div className="flex items-start justify-between">
                     <div>
@@ -53,7 +53,7 @@ export default async function ComponentsPage() {
               className="relative group h-full overflow-hidden rounded-xl p-px block"
             >
               <div className="relative z-10 h-full bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-xl p-6 transition-all duration-300 group-hover:border-transparent">
-                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl"></div>
+                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl" />
                 <div className="relative z-10">
                   <div className="flex items-start justify-between">
                     <div>

web/src/app/docs/api-reference/functions/page.tsx

@@ -20,7 +20,7 @@ export default async function FunctionsPage() {
               className="relative group h-full overflow-hidden rounded-xl p-px block"
             >
               <div className="relative z-10 h-full bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-xl p-6 transition-all duration-300 group-hover:border-transparent">
-                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl"></div>
+                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl" />
                 <div className="relative z-10">
                   <div className="flex items-start justify-between">
                     <div>

web/src/app/docs/api-reference/page.tsx

@@ -19,7 +19,7 @@ export default async function ApiReferencePage() {
               className="relative group h-full overflow-hidden rounded-xl p-px block"
             >
               <div className="relative z-10 h-full bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-xl p-6 transition-all duration-300 group-hover:border-transparent">
-                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl"></div>
+                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl" />
                 <div className="relative z-10">
                   <h2 className="text-xl font-semibold mb-2">
                     <span className="text-[#f0f6fc]">Components</span>
@@ -48,7 +48,7 @@ export default async function ApiReferencePage() {
               className="relative group h-full overflow-hidden rounded-xl p-px block"
             >
               <div className="relative z-10 h-full bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-xl p-6 transition-all duration-300 group-hover:border-transparent">
-                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl"></div>
+                <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl" />
                 <div className="relative z-10">
                   <h2 className="text-xl font-semibold mb-2">
                     <span className="text-[#f0f6fc]">Functions</span>

web/src/app/enterprise/page.tsx

@@ -5,8 +5,8 @@ export default async function EnterprisePage() {
   return (
     <div className="min-h-screen bg-[#0d1117] text-white">
       <div className="relative overflow-hidden w-full min-h-[70vh] flex items-center">
-        <div className="absolute inset-0 bg-linear-to-b from-[#161b22]/30 via-transparent to-transparent"></div>
-        <div className="absolute bottom-0 left-0 right-0 h-40 bg-linear-to-t from-[#0d1117] to-transparent pointer-events-none"></div>
+        <div className="absolute inset-0 bg-linear-to-b from-[#161b22]/30 via-transparent to-transparent" />
+        <div className="absolute bottom-0 left-0 right-0 h-40 bg-linear-to-t from-[#0d1117] to-transparent pointer-events-none" />
 
         <div className="relative max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-20 w-full">
           <div className="text-center mb-12">
@@ -62,7 +62,7 @@ export default async function EnterprisePage() {
       <div className="w-full py-16 lg:py-24">
         <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="relative">
-            <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-2xl blur opacity-20"></div>
+            <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-2xl blur opacity-20" />
             <div className="relative bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-2xl p-8 lg:p-12">
               <div className="grid md:grid-cols-3 gap-8">
                 <div className="text-center">
@@ -131,7 +131,7 @@ export default async function EnterprisePage() {
             ].map(feature => (
               <div key={feature.id} className="relative group h-full overflow-hidden rounded-xl p-px">
                 <div className="relative z-10 h-full bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-xl p-6 transition-all duration-300 group-hover:border-transparent">
-                  <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl"></div>
+                  <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl" />
                   <div className="relative z-10">
                     <h3 className="relative text-xl font-semibold mb-3">
                       <span className="text-[#f0f6fc]">{feature.title}</span>
@@ -201,7 +201,7 @@ export default async function EnterprisePage() {
       <div className="w-full py-16 lg:py-24">
         <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="relative">
-            <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-2xl blur opacity-20"></div>
+            <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-2xl blur opacity-20" />
             <div className="relative bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-2xl p-8 lg:p-12 text-center">
               <h2 className="text-3xl lg:text-4xl font-bold text-[#f0f6fc] mb-4">
                 Ready to accelerate your development?

web/src/app/enterprise/sponsors/page.tsx

@@ -202,10 +202,10 @@ function TierCard({ tier }: { tier: Tier }) {
       className={`relative group h-full overflow-hidden rounded-xl p-px block ${tier.highlight ? 'md:scale-105' : ''}`}
     >
       {tier.highlight && (
-        <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-xl blur opacity-30 group-hover:opacity-40 transition-opacity"></div>
+        <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-xl blur opacity-30 group-hover:opacity-40 transition-opacity" />
       )}
       <div className={`relative z-10 h-full bg-linear-to-br from-[#161b22] to-[#0d1117] border ${tier.highlight ? 'border-[#fd7e14]' : 'border-[#30363d]'} rounded-xl p-6 flex flex-col transition-all duration-300 group-hover:border-transparent`}>
-        <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl"></div>
+        <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl" />
         <div className="relative z-10 flex flex-col h-full">
           <div className="mb-4">
             <h3 className="text-2xl font-bold text-[#f0f6fc] mb-2">{tier.name}</h3>
@@ -246,7 +246,7 @@ function OneTimeTierCard({ tier }: { tier: Tier }) {
       className="relative group h-full overflow-hidden rounded-xl p-px block"
     >
       <div className="relative z-10 h-full bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-xl p-6 transition-all duration-300 group-hover:border-transparent">
-        <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl"></div>
+        <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl" />
         <div className="relative z-10 flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4">
           <div className="flex-1">
             <h3 className="text-xl font-bold text-[#f0f6fc] mb-2">{tier.name}</h3>
@@ -276,8 +276,8 @@ export default async function SponsorsPage() {
   return (
     <div className="min-h-screen bg-[#0d1117] text-white">
       <div className="relative overflow-hidden w-full flex items-center">
-        <div className="absolute inset-0 bg-linear-to-b from-[#161b22]/30 via-transparent to-transparent"></div>
-        <div className="absolute bottom-0 left-0 right-0 h-40 bg-linear-to-t from-[#0d1117] to-transparent pointer-events-none"></div>
+        <div className="absolute inset-0 bg-linear-to-b from-[#161b22]/30 via-transparent to-transparent" />
+        <div className="absolute bottom-0 left-0 right-0 h-40 bg-linear-to-t from-[#0d1117] to-transparent pointer-events-none" />
 
         <div className="relative max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-20 w-full">
           <div className="text-center">
@@ -442,7 +442,7 @@ export default async function SponsorsPage() {
             </div>
 
             <div className="relative">
-              <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-2xl blur opacity-20"></div>
+              <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-2xl blur opacity-20" />
               <div className="relative bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-2xl p-8 lg:p-12 text-center">
                 <p className="text-xl text-gray-400 mb-8">
                   Join Neon in supporting rari!

web/src/app/page.tsx

@@ -12,11 +12,11 @@ export default async function HomePage() {
       <div className="w-full py-16 lg:py-24">
         <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="relative">
-            <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-2xl blur opacity-20"></div>
+            <div className="absolute -inset-0.5 bg-linear-to-r from-[#fd7e14] to-[#e8590c] rounded-2xl blur opacity-20" />
 
             <div className="relative bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-2xl p-8 lg:p-12">
               <div className="flex items-center gap-3 mb-8">
-                <div className="w-1 h-8 bg-linear-to-b from-[#fd7e14] to-[#e8590c] rounded-full"></div>
+                <div className="w-1 h-8 bg-linear-to-b from-[#fd7e14] to-[#e8590c] rounded-full" />
                 <h2 className="text-3xl lg:text-4xl font-bold text-[#f0f6fc]">
                   Quick Start
                 </h2>

web/src/components/FeatureCard.tsx

@@ -28,7 +28,7 @@ export default function FeatureCard({ title, description, icon }: FeatureCardPro
   return (
     <div className="relative group h-full overflow-hidden rounded-xl p-px">
       <div className="relative z-10 h-full bg-linear-to-br from-[#161b22] to-[#0d1117] border border-[#30363d] rounded-xl p-6 transition-all duration-300 group-hover:border-transparent">
-        <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl"></div>
+        <div className="absolute inset-0 bg-linear-to-br from-[#fd7e14]/10 via-[#e8590c]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-xl" />
         <div className="relative z-10">
           <div className="text-4xl mb-4 transform group-hover:scale-110 transition-transform duration-300">{renderedIcon}</div>
           <h3 className="relative text-xl font-semibold mb-3">

web/src/components/HeroSection.tsx

@@ -5,8 +5,8 @@ import Terminal from './icons/Terminal'
 export default function HeroSection() {
   return (
     <div className="relative overflow-hidden w-full min-h-screen flex items-center">
-      <div className="absolute inset-0 bg-linear-to-b from-[#161b22]/30 via-transparent to-transparent"></div>
-      <div className="absolute bottom-0 left-0 right-0 h-40 bg-linear-to-t from-[#0d1117] to-transparent pointer-events-none"></div>
+      <div className="absolute inset-0 bg-linear-to-b from-[#161b22]/30 via-transparent to-transparent" />
+      <div className="absolute bottom-0 left-0 right-0 h-40 bg-linear-to-t from-[#0d1117] to-transparent pointer-events-none" />
 
       <div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 w-full">
         <div className="text-center mb-12">

web/src/components/Sidebar.tsx

@@ -512,7 +512,7 @@ export default function Sidebar({ version }: SidebarProps) {
 
         <div className="p-6">
           <div className="flex flex-row items-center lg:justify-between mb-8 pb-4 border-b border-[#30363d]/50 relative gap-3">
-            <div className="absolute inset-x-0 bottom-0 h-px bg-linear-to-r from-transparent via-[#fd7e14]/30 to-transparent"></div>
+            <div className="absolute inset-x-0 bottom-0 h-px bg-linear-to-r from-transparent via-[#fd7e14]/30 to-transparent" />
             <a
               href="/"
               className="hover:opacity-80 transition-opacity"
@@ -547,7 +547,7 @@ export default function Sidebar({ version }: SidebarProps) {
           </ul>
 
           <div className="mt-8 pt-6 border-t border-[#30363d]/50 relative">
-            <div className="absolute inset-x-0 top-0 h-px bg-linear-to-r from-transparent via-[#fd7e14]/30 to-transparent"></div>
+            <div className="absolute inset-x-0 top-0 h-px bg-linear-to-r from-transparent via-[#fd7e14]/30 to-transparent" />
             <ul className="space-y-3">
               <li className="flex items-center justify-center gap-3">
                 <a

web/src/components/SidebarSkeleton.tsx

@@ -2,14 +2,14 @@ export default function SidebarSkeleton() {
   return (
     <nav className="fixed lg:relative -translate-x-full lg:translate-x-0 h-screen bg-[#0d1117] overflow-y-auto w-64 shrink-0">
       <div className="p-6 h-full flex flex-col">
-        <div className="w-12 h-12 bg-[#21262d] rounded-xl animate-pulse mb-8"></div>
+        <div className="w-12 h-12 bg-[#21262d] rounded-xl animate-pulse mb-8" />
         <div className="flex-1 w-full space-y-2">
-          <div className="h-10 bg-[#21262d] rounded-lg animate-pulse"></div>
-          <div className="h-10 bg-[#21262d] rounded-lg animate-pulse"></div>
-          <div className="h-10 bg-[#21262d] rounded-lg animate-pulse"></div>
+          <div className="h-10 bg-[#21262d] rounded-lg animate-pulse" />
+          <div className="h-10 bg-[#21262d] rounded-lg animate-pulse" />
+          <div className="h-10 bg-[#21262d] rounded-lg animate-pulse" />
         </div>
         <div className="w-full mt-8">
-          <div className="h-8 bg-[#21262d] rounded animate-pulse"></div>
+          <div className="h-8 bg-[#21262d] rounded animate-pulse" />
         </div>
       </div>
     </nav>