make the landing page look beautiful 😍😍😍

src/routes/layout.tsx

@@ -1,9 +1,25 @@
-import { component$, Slot } from '@builder.io/qwik';
- 
+import { $, component$, Slot, useOnDocument } from '@builder.io/qwik';
+import AOS from 'aos';
+import 'aos/dist/aos.css';
+
 export default component$(() => {
-  return (
-    <div class="flex flex-col min-h-screen bg-neutral-950 text-white scrollbar-thin overflow-scroll">
-        <Slot />
-    </div>
-  );
+	useOnDocument("DOMContentLoaded", $(() => {
+		AOS.init({
+			once: true,
+			duration: 1000,
+			offset: 100,
+			easing: 'ease-in-out',
+		});
+	}))
+
+	return (
+		<div
+		class="
+			flex flex-col
+			min-h-screen w-full overflow-x-clip
+			bg-neutral-950 text-white
+		">
+			<Slot />
+		</div>
+	);
 });