From 4241afab8525f9200c33b211ce1f109de508a888 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Thu, 23 Oct 2025 16:42:59 +0200
Subject: [PATCH] Fixed stuff and added motion

---
 src/app/Shine.tsx | 40 +++++++++++++++++++---------------------
 src/app/page.tsx  | 11 ++++++++---
 2 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/src/app/Shine.tsx b/src/app/Shine.tsx
index b11700f..bf086b6 100644
--- a/src/app/Shine.tsx
+++ b/src/app/Shine.tsx
@@ -1,61 +1,59 @@
 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="
+    <div className="w-full h-[2px] mx-auto lg:w-5xl relative z-10">
+      <div
+        className="
           absolute left-1/2 -translate-x-1/2
           w-[99%] h-[29px] rounded-full
           filter blur-[24.5px] mix-blend-lighten opacity-30
           bg-[radial-gradient(50%_50%,_#7d7d7d_0%,_#ff961f66_100%)]
           "
-        ></div>
+      ></div>
 
-        <div
-          className="
+      <div
+        className="
           absolute left-1/2 -translate-x-1/2
           w-[64%] h-[17px] rounded-full
           filter blur-[40.5px] mix-blend-lighten opacity-80
           bg-[radial-gradient(50%_50%,_#7d7d7d_0%,_#ff961f66_100%)]
         "
-        ></div>
+      ></div>
 
-        <div
-          className="
+      <div
+        className="
           absolute left-1/2 -translate-x-1/2
           w-[60.8%] h-[17px] rounded-full
           filter blur-[7px] mix-blend-lighten opacity-20
           bg-[radial-gradient(50%_50%,_#fff_0%,_#fff6_100%)]
         "
-        ></div>
+      ></div>
 
-        <div
-          className="
+      <div
+        className="
           absolute left-1/2 -translate-x-1/2
           w-[43.5%] h-[5px] rounded-full
           filter blur-md mix-blend-lighten opacity-80
           bg-[radial-gradient(50%_50%,_#fff_0%,_#fff6_100%)]
         "
-        ></div>
+      ></div>
 
-        <div
-          className="
+      <div
+        className="
           absolute left-1/2 -translate-x-1/2
           w-[99%] h-[2px] rounded-full
           filter
           bg-[radial-gradient(50%_50%,_#fff_0%,_#c7ffee00_100%)]
         "
-        ></div>
+      ></div>
 
-        <div
-          className="
+      <div
+        className="
           absolute left-1/2 -translate-x-1/2
           w-full h-[398px] rounded-full
           filter blur-[135px] mix-blend-lighten opacity-10
           bg-[#b8b8b8]
         "
-        ></div>
-      </div>
+      ></div>
     </div>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d6d3f22..48c2359 100644
--- a/src/app/page.tsx
+++ b/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">