Fixed stuff and added motion

src/app/Shine.tsx

@@ -1,7 +1,6 @@
 export default function Shine() {
   return (
-    <div className="px-10 md:px-0">
-      <div className="w-full h-[2px] mx-auto lg:w-3xl relative">
+    <div className="w-full h-[2px] mx-auto lg:w-5xl relative z-10">
       <div
         className="
           absolute left-1/2 -translate-x-1/2
@@ -56,6 +55,5 @@ export default function Shine() {
         "
       ></div>
     </div>
-    </div>
   );
 }

src/app/page.tsx

@@ -79,15 +79,20 @@ export default function LandingPage() {
       </section> */}
 
       {/* Showcase */}
-      <section className="w-full lg:w-6xl mx-auto px-8 pb-10">
+      <motion.section
+        className="w-full lg:w-6xl mx-auto px-8 pb-10"
+        initial={{ opacity: 0, y: -20 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.6 }}
+      >
         <Shine />
 
         <img
           src="/ss.png"
           alt="Showcase"
-          className="w-full mx-auto relative z-10 border border-accent rounded-lg"
+          className="w-full mx-auto relative border border-accent rounded-lg"
         />
-      </section>
+      </motion.section>
 
       {/* Footer */}
       <footer className="px-6 py-8 border-t text-center text-sm text-muted-foreground">