diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 160539f..ffa908c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,13 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import "./styles/variables.css";
+import "./styles/base.css";
 
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Sentinel | OSINT Search Platform",  description: "Enter any identifier—name, email, phone—and our AI instantly surfaces publicly available intelligence. Privacy-first, results-fast."};
+  title: "Sentinel OSINT - Powerful Intelligence Search Platform",  description: "Advanced OSINT search platform for security professionals. Enter any identifier and instantly surface publicly available intelligence. Privacy-first, results-fast."};
 
 export default function RootLayout({
   children,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9df3925..96aeb67 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,16 +15,16 @@ import { Zap, CheckCircle, Search, Brain, Shield, Lock, FileCheck, TrendingUp, S
 export default function SentinelPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
+      defaultButtonVariant="directional-hover"
       defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
+      borderRadius="pill"
       contentWidth="medium"
-      sizing="mediumLargeSizeMediumTitles"
-      background="none"
-      cardStyle="solid"
-      primaryButtonStyle="shadow"
-      secondaryButtonStyle="solid"
-      headingFontWeight="semibold"
+      sizing="largeSmallSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -272,16 +272,18 @@ export default function SentinelPage() {
             },
             {
               title: "Company",              items: [
-                { label: "Blog", href: "#contact" },
-                { label: "Careers", href: "#contact" },
+                { label: "About", href: "#about" },
+                { label: "Blog", href: "#blog" },
+                { label: "Careers", href: "#careers" },
                 { label: "Contact", href: "#contact" }
               ]
             },
             {
               title: "Legal",              items: [
-                { label: "Privacy Policy", href: "#contact" },
-                { label: "Terms of Service", href: "#contact" },
-                { label: "Compliance", href: "#contact" }
+                { label: "Privacy Policy", href: "#privacy" },
+                { label: "Terms of Service", href: "#terms" },
+                { label: "Security", href: "#security" },
+                { label: "Compliance", href: "#compliance" }
               ]
             }
           ]}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index dd3fcf6..3f7196e 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -4,16 +4,16 @@
 
   /* --background: #ffffff;;
   --card: #f9f9f9;;
-  --foreground: #000000;;
-  --primary-cta: #000000;;
+  --foreground: #000612e6;;
+  --primary-cta: #15479c;;
   --secondary-cta: #f9f9f9;;
   --accent: #e2e2e2;;
   --background-accent: #c4c4c4;; */
 
   --background: #ffffff;;
   --card: #f9f9f9;;
-  --foreground: #000000;;
-  --primary-cta: #000000;;
+  --foreground: #000612e6;;
+  --primary-cta: #15479c;;
   --primary-cta-text: #f6f0e9;;
   --secondary-cta: #f9f9f9;;
   --secondary-cta-text: #2b180a;;