skeleton placeholder for hero section

Author: StackOverflowIsBetterThanAnyAI

src/components/skeleton/SkeletonFeed.tsx

@@ -15,8 +15,15 @@ const SkeletonFeed = () => {
     const skeletonArray = Array.from({ length: 20 }, (_, i) => i)
     return (
         <>
+            <div className="w-full lg:w-4/5 m-auto pt-4">
+                <div
+                    className="bg-zinc-50 rounded-full h-6 animate-pulse my-2"
+                    style={{ width: 'clamp(25vw, 300px, 75vw)' }}
+                ></div>
+                <div className="bg-zinc-50 w-full h-80 my-8 rounded-lg animate-pulse"></div>
+            </div>
             <div
-                className="bg-zinc-50 rounded-full h-4 animate-pulse mt-4 mb-2 mx-4"
+                className="bg-zinc-50 rounded-full h-5 animate-pulse mt-4 mb-2 mx-4"
                 style={{ width: 'clamp(25vw, 300px, 75vw)' }}
             ></div>
             <article