feat(frontend): pin footer to bottom

Author: tranhoangpich

apps/frontend/src/app/globals.css

@@ -33,7 +33,9 @@ body {
   position: relative;
   min-height: 100vh;
   overflow: hidden;
-  padding: 28px 20px 80px;
+  padding: 28px 20px 0;
+  display: flex;
+  flex-direction: column;
 }
 
 .page-glow {
@@ -157,6 +159,8 @@ body {
   display: flex;
   flex-direction: column;
   gap: 40px;
+  flex: 1;
+  width: 100%;
 }
 
 .hero {
@@ -539,12 +543,14 @@ body {
   align-items: center;
   justify-content: space-between;
   gap: 20px;
-  margin-top: 40px;
-  padding: 22px 28px;
-  border-radius: 20px;
-  border: 1px solid rgba(92, 225, 230, 0.35);
-  background: linear-gradient(140deg, rgba(255, 255, 255, 0.95), rgba(236, 242, 255, 0.9));
-  box-shadow: 0 20px 50px rgba(30, 40, 80, 0.12);
+  margin-top: auto;
+  padding: 24px 28px 28px;
+  border-radius: 18px 18px 0 0;
+  border: 1px solid rgba(92, 225, 230, 0.25);
+  border-bottom: none;
+  background: linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(236, 247, 255, 0.9));
+  box-shadow: 0 -12px 30px rgba(30, 40, 80, 0.08);
+  width: 100%;
 }
 
 .footer-label {

apps/frontend/src/app/page.tsx

@@ -239,9 +239,6 @@ export default function Home() {
           >
             Docs
           </a>
-          <a className="primary-button" href="#quick-scan">
-            New Scan
-          </a>
         </div>
       </header>