AxiomChat/axiom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fixed stuff and added motion

Browse Source
This commit is contained in:
selimaj-dev
2025-10-23 16:42:59 +02:00
parent 68c748e9bc
commit 4241afab85
2 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/Shine.tsx
+19 -21
View File
@@ -1,61 +1,59 @@
export default function Shine() { export default function Shine() {
return ( return (
<div className="px-10 md:px-0"> <div className="w-full h-[2px] mx-auto lg:w-5xl relative z-10">
<div className="w-full h-[2px] mx-auto lg:w-3xl relative"> <div
<div className="
className="
absolute left-1/2 -translate-x-1/2 absolute left-1/2 -translate-x-1/2
w-[99%] h-[29px] rounded-full w-[99%] h-[29px] rounded-full
filter blur-[24.5px] mix-blend-lighten opacity-30 filter blur-[24.5px] mix-blend-lighten opacity-30
bg-[radial-gradient(50%_50%,_#7d7d7d_0%,_#ff961f66_100%)] bg-[radial-gradient(50%_50%,_#7d7d7d_0%,_#ff961f66_100%)]
" "
></div> ></div>
<div <div
className=" className="
absolute left-1/2 -translate-x-1/2 absolute left-1/2 -translate-x-1/2
w-[64%] h-[17px] rounded-full w-[64%] h-[17px] rounded-full
filter blur-[40.5px] mix-blend-lighten opacity-80 filter blur-[40.5px] mix-blend-lighten opacity-80
bg-[radial-gradient(50%_50%,_#7d7d7d_0%,_#ff961f66_100%)] bg-[radial-gradient(50%_50%,_#7d7d7d_0%,_#ff961f66_100%)]
" "
></div> ></div>
<div <div
className=" className="
absolute left-1/2 -translate-x-1/2 absolute left-1/2 -translate-x-1/2
w-[60.8%] h-[17px] rounded-full w-[60.8%] h-[17px] rounded-full
filter blur-[7px] mix-blend-lighten opacity-20 filter blur-[7px] mix-blend-lighten opacity-20
bg-[radial-gradient(50%_50%,_#fff_0%,_#fff6_100%)] bg-[radial-gradient(50%_50%,_#fff_0%,_#fff6_100%)]
" "
></div> ></div>
<div <div
className=" className="
absolute left-1/2 -translate-x-1/2 absolute left-1/2 -translate-x-1/2
w-[43.5%] h-[5px] rounded-full w-[43.5%] h-[5px] rounded-full
filter blur-md mix-blend-lighten opacity-80 filter blur-md mix-blend-lighten opacity-80
bg-[radial-gradient(50%_50%,_#fff_0%,_#fff6_100%)] bg-[radial-gradient(50%_50%,_#fff_0%,_#fff6_100%)]
" "
></div> ></div>
<div <div
className=" className="
absolute left-1/2 -translate-x-1/2 absolute left-1/2 -translate-x-1/2
w-[99%] h-[2px] rounded-full w-[99%] h-[2px] rounded-full
filter filter
bg-[radial-gradient(50%_50%,_#fff_0%,_#c7ffee00_100%)] bg-[radial-gradient(50%_50%,_#fff_0%,_#c7ffee00_100%)]
" "
></div> ></div>
<div <div
className=" className="
absolute left-1/2 -translate-x-1/2 absolute left-1/2 -translate-x-1/2
w-full h-[398px] rounded-full w-full h-[398px] rounded-full
filter blur-[135px] mix-blend-lighten opacity-10 filter blur-[135px] mix-blend-lighten opacity-10
bg-[#b8b8b8] bg-[#b8b8b8]
" "
></div> ></div>
</div>
</div> </div>
); );
} }
src/app/page.tsx
+8 -3
View File
@@ -79,15 +79,20 @@ export default function LandingPage() {
</section> */} </section> */}
{/* Showcase */} {/* 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 /> <Shine />
<img <img
src="/ss.png" src="/ss.png"
alt="Showcase" 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 */}
<footer className="px-6 py-8 border-t text-center text-sm text-muted-foreground"> <footer className="px-6 py-8 border-t text-center text-sm text-muted-foreground">