feat: redesign hero section with card-based layout

- Updated hero to use bordered card container with subtle shadow for visual hierarchy
- Reduced font sizes and adjusted spacing for better readability and modern aesthetic
- Enhanced button styling with larger padding and improved outline variant hover state

src/components/Layout.tsx

@@ -8,7 +8,7 @@ export function Layout() {
   const isHomePage = location.pathname === '/'
 
   return (
-    <div className="bg-transparent antialiased relative" style={{ fontFamily: 'var(--font-inter)' }}>
+    <div className="bg-[#FAFAFA] antialiased relative" style={{ fontFamily: 'var(--font-inter)' }}>
       {isHomePage && <HomeAurora />}
       <div className="relative z-10">
         <Header />