landing done

src/components/footer.tsx

@@ -1,7 +1,7 @@
 const Footer = () => {
   return (
-    <footer className="sticky bottom-0 flex h-10 items-center gap-4 bg-purple-500/30 backdrop-blur px-4 md:px-6">
-      <small className="text-sm text-white">© ATOM 2024</small>
+    <footer className="sticky bottom-0 flex h-10 items-center gap-4 bg-background/30 backdrop-blur px-4 md:px-6 z-30">
+      <span className="text-sm dark:text-white">© ATOM 2024</span>
     </footer>
   );
 };

src/components/header.tsx

@@ -6,7 +6,7 @@ import { Button } from "./ui/button";
 
 const Header = () => {
   return (
-    <header className="sticky top-0 flex h-16 items-center gap-4 bg-background/30 backdrop-blur px-4 md:px-6 z-30">
+    <header className="sticky top-0 flex h-16 items-center border-b shadow-md gap-4 bg-background/30 backdrop-blur px-4 md:px-6 z-30">
       <Navbar />
       <Sidebar />
       <div className="flex w-full md:w-auto justify-end gap-4 md:ml-auto md:gap-2 lg:gap-4">

src/components/welcome-section.tsx

@@ -8,7 +8,7 @@ import { StarsBackground } from "./ui/stars-background";
 const WelcomeSection = () => {
   const { theme } = useTheme();
   return (
-    <section className="h-screen w-full bg-background dark:bg-black flex flex-col items-center justify-center overflow-hidden rounded-md">
+    <section className="h-screen w-full dark:bg-black flex flex-col items-center justify-center overflow-hidden">
       <h1
         className="md:text-7xl text-3xl lg:text-9xl font-bold text-center text-white relative z-20
           bg-clip-text text-transparent bg-gradient-to-b from-neutral-900 to-neutral-700 dark:from-neutral-600 dark:to-white"
@@ -32,13 +32,11 @@ const WelcomeSection = () => {
           particleColor="#FFFFFF"
         />
 
-        {theme == "dark" && 
-          <h3 className="mt-[-9rem] pb-1 md:text-xl text-sm lg:text-3xl bg-clip-text text-transparent bg-gradient-to-b from-gray-800 to-gray-500 dark:from-neutral-200 dark:to-neutral-600 text-center font-sans font-bold relative z-20">
-            Your one-stop shop
-            <br />
-            for gravity-free design...
-          </h3>
-        }
+        <h3 className="mt-[-9rem] pb-1 md:text-xl text-sm lg:text-3xl bg-clip-text text-transparent bg-gradient-to-b from-gray-800 to-gray-500 dark:from-neutral-200 dark:to-neutral-600 text-center font-sans font-bold relative z-20">
+          Your one-stop shop
+          <br />
+          for gravity-free design...
+        </h3>
 
         {theme === "dark" && (
           /* Radial Gradient to prevent sharp edges */