feat: implement light theme hero section with cloud background and updated header

src/components/Layout.tsx

@@ -1,10 +1,10 @@
 import { Footer } from '@/components/Footer'
-import { Header } from '@/components/Header'
+import { HeaderLight } from '@/components/HeaderLight'
 
 export function Layout({ children }: { children: React.ReactNode }) {
   return (
     <>
-      <Header />
+      <HeaderLight />
       <main className="flex-auto">{children}</main>
       <Footer />
     </>