refactor: clean up styles and layout on landing page

- Removed unnecessary background color from the landing page container for a cleaner look.
- Simplified the NocturneHero section by eliminating redundant styles, enhancing responsiveness.
- Updated global styles to apply background color alongside text color for improved readability.

Signed-off-by: Innei <[email protected]>

Author: Innei

apps/landing/src/app/[locale]/page.tsx

@@ -8,7 +8,7 @@ import {
 
 export default function Home() {
   return (
-    <div className="relative min-h-screen overflow-hidden bg-[#020202] text-white">
+    <div className="relative min-h-screen overflow-hidden text-white">
       <main className="relative z-10 mx-auto flex w-full max-w-6xl flex-col gap-20 px-4 py-16 sm:px-6 lg:px-0">
         <NocturneHero />
         <CreateSpaceCTA />

apps/landing/src/components/landing/NocturneSections.tsx

@@ -10,7 +10,7 @@ export const NocturneHero = () => {
   const t = useTranslations('Hero')
 
   return (
-    <section className="relative overflow-hidden rounded-[40px] border border-white/5 bg-linear-to-b from-[#050505] via-[#030303] to-black px-6 py-12 shadow-[0_30px_120px_rgba(0,0,0,0.6)] sm:px-10 sm:py-16">
+    <section className="relative overflow-hidden sm:px-10 sm:py-16">
       <div className="pointer-events-none absolute inset-0 opacity-60">
         <div className="absolute inset-x-12 inset-y-10 rounded-4xl bg-[radial-gradient(circle_at_top,#1a1a1a,transparent_60%)] blur-3xl" />
         <div className="absolute top-6 left-1/2 h-48 w-48 -translate-x-1/2 rounded-full bg-linear-to-br from-white/10 via-white/5 to-transparent blur-[90px]" />

apps/landing/src/styles/globals.css

@@ -44,7 +44,7 @@
 
 :root,
 body {
-  @apply text-text;
+  @apply text-text bg-background;
   @apply font-sans;
   @apply text-base leading-normal;
   @apply antialiased;