Sohan-Rout
diff --git a/‎app/components/features.jsx‎
Lines changed: 34 additions & 3 deletions b/‎app/components/features.jsx‎
Lines changed: 34 additions & 3 deletions
diff --git a/‎app/favicon.ico‎
-25.3 KB b/‎app/favicon.ico‎
-25.3 KB
diff --git a/‎app/layout.jsx‎
Lines changed: 4 additions & 1 deletion b/‎app/layout.jsx‎
Lines changed: 4 additions & 1 deletion
diff --git a/‎public/favicon.png‎
27.2 KB b/‎public/favicon.png‎
27.2 KB
diff --git a/‎public/file.svg‎
Lines changed: 0 additions & 1 deletion b/‎public/file.svg‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎public/globe.svg‎
Lines changed: 0 additions & 1 deletion b/‎public/globe.svg‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎public/next.svg‎
Lines changed: 0 additions & 1 deletion b/‎public/next.svg‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎public/vercel.svg‎
Lines changed: 0 additions & 1 deletion b/‎public/vercel.svg‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎public/window.svg‎
Lines changed: 0 additions & 1 deletion b/‎public/window.svg‎
Lines changed: 0 additions & 1 deletion
@@ -27,17 +27,14 @@ const features = [
     title: "Copy Paste simplicity",
     description:
       "No installation needed, just copy and paste directly into your project.",
-    icon: "FaCopy",
   },
   {
     title: "Dark Mode Compatible",
     description: "Seamless support for dark mode across all components.",
-    icon: "FaPencilRuler",
   },
   {
     title: "Animation Ready",
     description: "Components with GSAP/Framer Motion for subtle animations.",
-    icon: "FaFile",
   },
 ];
 
@@ -60,6 +57,27 @@ export default function Hero() {
         )
         .add(() => setCopyText("Copy"), "+=0.5");
     }
+
+    if (typeof window !== "undefined") {
+      // Animate loading bar
+      gsap.to(".loading-bar", {
+        width: "100%",
+        duration: 2,
+        ease: "power1.inOut",
+        repeat: -1,
+        yoyo: true,
+      });
+
+      // Animate "Loading" letters with wave
+      gsap.to(".loading-letter", {
+        y: -5,
+        stagger: 0.1,
+        duration: 0.5,
+        ease: "power1.inOut",
+        yoyo: true,
+        repeat: -1,
+      });
+    }
   }, []);
 
   return (
@@ -242,6 +260,19 @@ export default function Hero() {
                           </p>
                         )}
                       </>
+                    ) : idx === 4 ? (
+                      <div className="flex flex-col items-center justify-center mb-4">
+                        {/* Loading Text */}
+                        <div className="flex space-x-1 text-lg font-medium">
+                          {"Loading".split("").map((letter, index) => (
+                            <span key={index} className="loading-letter">{letter}</span>
+                          ))}
+                        </div>
+                        {/* Loading Bar */}
+                        <div className="relative mt-2 w-40 h-2 bg-neutral-300 rounded-full overflow-hidden">
+                          <div className="loading-bar absolute left-0 top-0 h-full bg-black rounded-full"></div>
+                        </div>
+                      </div>
                     ) : (
                       iconMap[item.icon] &&
                       React.createElement(iconMap[item.icon], {
 
@@ -1,13 +1,16 @@
 import "./globals.css";
 
 export const metadata = {
-  title: "StreamUi",
+  title: "StreamUi || Copy Paste Components",
   description: "Generated by create next app",
 };
 
 export default function RootLayout({ children }) {
   return (
     <html lang="en">
+      <head>
+        <link rel="icon" href="/favicon.png" />
+      </head>
       <body className="font-poppins bg-gray-100">
         {children}
       </body>