diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 518d6ce..cfacf74 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -19,6 +19,7 @@
         "radix-ui": "^1.4.3",
         "react": "^19.2.4",
         "react-dom": "^19.2.4",
+        "react-helmet-async": "^3.0.0",
         "react-use": "^17.6.0",
         "shadcn": "^4.0.6",
         "tailwind-merge": "^3.5.0",
@@ -6291,6 +6292,15 @@
         "css-in-js-utils": "^3.1.0"
       }
     },
+    "node_modules/invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/ip-address": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
@@ -6991,6 +7001,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -7955,6 +7977,26 @@
         "react": "^19.2.4"
       }
     },
+    "node_modules/react-fast-compare": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-helmet-async": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/react-helmet-async/-/react-helmet-async-3.0.0.tgz",
+      "integrity": "sha512-nA3IEZfXiclgrz4KLxAhqJqIfFDuvzQwlKwpdmzZIuC1KNSghDEIXmyU0TKtbM+NafnkICcwx8CECFrZ/sL/1w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "invariant": "^2.2.4",
+        "react-fast-compare": "^3.2.2",
+        "shallowequal": "^1.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/react-remove-scroll": {
       "version": "2.7.2",
       "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz",
@@ -8489,6 +8531,12 @@
         "url": "https://github.com/sponsors/colinhacks"
       }
     },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==",
+      "license": "MIT"
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 3b99dd0..78ec1af 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,6 +21,7 @@
     "radix-ui": "^1.4.3",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "react-helmet-async": "^3.0.0",
     "react-use": "^17.6.0",
     "shadcn": "^4.0.6",
     "tailwind-merge": "^3.5.0",
diff --git a/frontend/src/components/SEO.tsx b/frontend/src/components/SEO.tsx
new file mode 100644
index 0000000..f2ac0cf
--- /dev/null
+++ b/frontend/src/components/SEO.tsx
@@ -0,0 +1,64 @@
+import { Helmet } from 'react-helmet-async';
+import { useLocation } from 'react-router-dom';
+
+interface SEOProps {
+  title: string;
+  description: string;
+  canonical?: string;
+  image?: string;
+  type?: string;
+  robots?: string;
+  keywords?: string;
+  twitterCard?: string;
+}
+
+export default function SEO({
+  title,
+  description,
+  canonical,
+  image,
+  type = 'website',
+  robots = 'index,follow',
+  keywords,
+  twitterCard = 'summary_large_image',
+}: SEOProps) {
+  const location = useLocation();
+  const siteUrl = 'https://codex-iter.in';
+  const url = canonical || `${siteUrl}${location.pathname}`;
+  
+  // Fallback to a global default social preview image if none provided
+  const defaultImage = `${siteUrl}/codex_dark.png`; // Using the existing icon as default
+  const ogImage = image || defaultImage;
+
+  return (
+    <Helmet>
+      {/* Basic Metadata */}
+      <title>{title}</title>
+      <meta name="description" content={description} />
+      <meta name="robots" content={robots} />
+      {keywords && <meta name="keywords" content={keywords} />}
+      
+      {/* Canonical URL */}
+      <link rel="canonical" href={url} />
+
+      {/* Open Graph / Facebook */}
+      <meta property="og:type" content={type} />
+      <meta property="og:url" content={url} />
+      <meta property="og:title" content={title} />
+      <meta property="og:description" content={description} />
+      <meta property="og:image" content={ogImage} />
+      <meta property="og:site_name" content="CODEX ITER" />
+      <meta property="og:locale" content="en_US" />
+
+      {/* Twitter */}
+      <meta name="twitter:card" content={twitterCard} />
+      <meta name="twitter:url" content={url} />
+      <meta name="twitter:title" content={title} />
+      <meta name="twitter:description" content={description} />
+      <meta name="twitter:image" content={ogImage} />
+      
+      {/* Viewport & Language (usually in index.html, but safe to reinforce if needed) */}
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    </Helmet>
+  );
+}
diff --git a/frontend/src/components/layout/Footer.tsx b/frontend/src/components/layout/Footer.tsx
index 5c72d8c..d209cea 100644
--- a/frontend/src/components/layout/Footer.tsx
+++ b/frontend/src/components/layout/Footer.tsx
@@ -78,13 +78,15 @@ export default function Footer() {
           <motion.h5 variants={itemAnim} className="font-black text-xl mb-6 uppercase tracking-widest text-primary">Connect</motion.h5>
           <div className="flex gap-4">
             {[
-              { icon: <Linkedin size={24} />, href: settings?.linkedin || "#", id: "linkedin" },
-              { icon: <Mail size={24} />, href: settings?.email ? `mailto:${settings.email}` : "#", id: "email" },
-              { icon: <Instagram size={24} />, href: settings?.instagram || "#", id: "instagram" },
+              { icon: <Linkedin size={24} />, href: settings?.linkedin || "https://www.linkedin.com/company/codex-iter", id: "linkedin" },
+              { icon: <Mail size={24} />, href: settings?.email ? `mailto:${settings.email}` : "mailto:codexiter@gmail.com", id: "email" },
+              { icon: <Instagram size={24} />, href: settings?.instagram || "https://www.instagram.com/codexiter", id: "instagram" },
             ].map(({ icon, href, id }) => (
               <motion.a
                 key={id}
                 href={href}
+                target="_blank"
+                rel="noopener noreferrer"
                 variants={itemAnim}
                 whileHover={{ rotate: 15, scale: 1.15 }}
                 whileTap={{ scale: 0.9 }}
diff --git a/frontend/src/components/layout/Navbar.tsx b/frontend/src/components/layout/Navbar.tsx
index e242902..cf62f54 100644
--- a/frontend/src/components/layout/Navbar.tsx
+++ b/frontend/src/components/layout/Navbar.tsx
@@ -47,7 +47,7 @@ export default function Navbar() {
       <div className="max-w-7xl mx-auto flex items-center justify-between">
         <Link to="/" className="flex items-center gap-2">
           <div className="p-1">
-            {scrolled ? <img src={codex_light} alt="" className="h-10 w-9" /> : <img src={codex} alt="" className="h-10 w-9" />}
+            {scrolled ? <img src={codex_light} alt="CODEX ITER Logo" className="h-10 w-9" /> : <img src={codex} alt="CODEX ITER Logo" className="h-10 w-9" />}
           </div>
           <span className={`text-2xl font-black tracking-tighter transition-colors ${scrolled ? "text-white" : "text-slate-900"}`}>
             CODEX ITER
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index bef5202..0a361e5 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -1,10 +1,13 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import { HelmetProvider } from 'react-helmet-async'
 import './index.css'
 import App from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+    <HelmetProvider>
+      <App />
+    </HelmetProvider>
   </StrictMode>,
 )
diff --git a/frontend/src/pages/BlogDetail.tsx b/frontend/src/pages/BlogDetail.tsx
index 853ec3e..c00a10a 100644
--- a/frontend/src/pages/BlogDetail.tsx
+++ b/frontend/src/pages/BlogDetail.tsx
@@ -4,6 +4,7 @@ import { client } from "../sanity/client";
 import { urlFor } from "../sanity/image";
 import { PortableText } from "@portabletext/react";
 import { ScrollReveal } from "../components/animations/ScrollReveal";
+import SEO from "../components/SEO";
 
 export default function BlogDetail() {
   const { slug } = useParams<{ slug: string }>();
@@ -58,6 +59,13 @@ export default function BlogDetail() {
 
   return (
     <div className="bg-background-light min-h-screen font-display text-slate-900 pb-20">
+      <SEO 
+        title={`${post.title} | CODEX ITER`}
+        description={post.desc}
+        image={post.image ? urlFor(post.image).url() : undefined}
+        canonical={`https://codex-iter.in/blogs/${slug}`}
+        type="article"
+      />
       <div className="max-w-4xl mx-auto px-6 pt-32">
         <ScrollReveal>
           <Link to="/blogs" className="inline-flex items-center gap-2 text-primary font-bold uppercase text-sm mb-8 hover:underline">
diff --git a/frontend/src/pages/Blogs.tsx b/frontend/src/pages/Blogs.tsx
index a9e788b..3577e68 100644
--- a/frontend/src/pages/Blogs.tsx
+++ b/frontend/src/pages/Blogs.tsx
@@ -5,6 +5,7 @@ import { ScrollReveal, StaggerContainer, StaggerItem } from "../components/anima
 import { useEffect, useState } from "react";
 import { client } from "../sanity/client";
 import { urlFor } from "../sanity/image";
+import SEO from "../components/SEO";
 
 export default function Blogs() {
   const { hero } = mockData.blogs;
@@ -68,6 +69,10 @@ export default function Blogs() {
 
   return (
     <div className="bg-white min-h-screen">
+      <SEO 
+        title="Blogs | CODEX ITER" 
+        description="Read our latest technical blogs, insights, and updates from the Codex community." 
+      />
       <main className="px-6 md:px-20 py-12 max-w-7xl mx-auto w-full">
 
         {/* Header Section */}
diff --git a/frontend/src/pages/Events.tsx b/frontend/src/pages/Events.tsx
index 55e8800..6117ddf 100644
--- a/frontend/src/pages/Events.tsx
+++ b/frontend/src/pages/Events.tsx
@@ -6,6 +6,7 @@ import TiltCard from "../components/animations/TiltCard";
 import { useEffect, useState } from "react";
 import { client } from "../sanity/client";
 import { urlFor } from "../sanity/image";
+import SEO from "../components/SEO";
 
 const prefersReduced =
   typeof window !== "undefined" &&
@@ -194,6 +195,10 @@ export default function Events() {
 
   return (
     <div className="bg-background-light text-primary min-h-screen">
+      <SEO 
+        title="Events | CODEX ITER" 
+        description="Discover upcoming, ongoing, and past events at Codex ITER." 
+      />
       <main className="flex-1 px-6 py-12 md:px-20 max-w-7xl mx-auto w-full">
 
         {/* Header */}
@@ -201,9 +206,9 @@ export default function Events() {
           <div className="inline-block px-4 py-1 text-white text-xs font-black uppercase tracking-[0.3em] mb-4" style={{ backgroundColor: '#00B4D8' }}>
             {hero.label}
           </div>
-          <h2 className="text-6xl md:text-8xl font-black uppercase leading-none tracking-tighter mb-6 font-display">
+          <h1 className="text-6xl md:text-8xl font-black uppercase leading-none tracking-tighter mb-6 font-display">
             {hero.titlePart1}<br /><span className="text-white bg-primary px-2">{hero.titlePart2}</span>
-          </h2>
+          </h1>
           <p className="max-w-xl text-lg font-bold leading-tight border-l-4 border-primary pl-4 uppercase">
             {hero.description}
           </p>
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 0c7feae..e2531d0 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -6,6 +6,7 @@ import { ScrollReveal, StaggerContainer, StaggerItem } from "../components/anima
 import main_logo from "../assets/main_logo.png"
 import { client } from "../sanity/client";
 import { urlFor } from "../sanity/image";
+import SEO from "../components/SEO";
 
 const prefersReduced =
   typeof window !== "undefined" &&
@@ -134,6 +135,10 @@ export default function Home() {
 
   return (
     <div>
+      <SEO 
+        title="CODEX ITER | A Decade of Technical Culture" 
+        description="Join the league of exceptional developers and help us build the next decade of engineering culture." 
+      />
       {/* ── HERO ────────────────────────────────────────────────── */}
       <section className="relative min-h-[90vh] flex items-center overflow-hidden border-b-4 border-slate-900 grid-pattern bg-background-light">
         <div className="max-w-6xl mx-auto px-6 grid lg:grid-cols-2 gap-12 items-center w-full py-20">
@@ -147,7 +152,7 @@ export default function Home() {
               {hero.established}
             </motion.div>
 
-            <p className="text-5xl md:text-[5.5rem] font-black leading-[0.9] text-slate-900 mb-6 font-display">
+            <h1 className="text-5xl md:text-[5.5rem] font-black leading-[0.9] text-slate-900 mb-6 font-display">
               <AnimatedHeading text={hero.title} />{" "}
               <br />
               <span className="text-primary italic">
@@ -155,7 +160,7 @@ export default function Home() {
               </span>{" "}
               <br />
               <AnimatedHeading text={hero.subtitle2} />
-            </p>
+            </h1>
 
             {/* Typing subheading */}
             <p className="text-xl md:text-xl font-medium text-slate-800 mb-10 max-w-lg border-l-4 border-primary pl-6 min-h-16">
@@ -199,7 +204,7 @@ export default function Home() {
             <div className="absolute inset-0 bg-white border-4 border-slate-900 brutalist-shadow -rotate-2 flex items-center justify-center overflow-hidden">
               <div className="absolute inset-0 opacity-20 grid-pattern" />
               <div className="relative z-10 text-center">
-                <img src={main_logo} alt="" className="h-60 w-60" />
+                <img src={main_logo} alt="CODEX ITER Main Logo" className="h-60 w-60" />
                 <div className="mt-4 font-mono text-slate-900 font-bold bg-background-light p-2 tracking-widest text-sm">
                   {hero.loadingText}
                 </div>
diff --git a/frontend/src/pages/Team.tsx b/frontend/src/pages/Team.tsx
index 89ee295..c3c3666 100644
--- a/frontend/src/pages/Team.tsx
+++ b/frontend/src/pages/Team.tsx
@@ -5,6 +5,7 @@ import TiltCard from "../components/animations/TiltCard";
 import { useEffect, useState, useRef } from "react";
 import { client } from "../sanity/client";
 import { urlFor } from "../sanity/image";
+import SEO from "../components/SEO";
 
 const prefersReduced =
   typeof window !== "undefined" &&
@@ -152,6 +153,10 @@ export default function Team() {
 
   return (
     <div className="bg-background-light min-h-screen font-display text-slate-900">
+      <SEO 
+        title="Team | CODEX ITER" 
+        description="Meet the force behind Codex ITER. The coordinators, members, and alumni." 
+      />
       <main className="max-w-7xl mx-auto px-6 md:px-20 py-16">
 
         {/* Hero */}
@@ -159,9 +164,9 @@ export default function Team() {
           <div className="inline-block bg-primary text-white px-4 py-1 mb-4 font-bold uppercase tracking-widest text-xs border-2 border-slate-900">
             {hero.label}
           </div>
-          <h2 className="text-6xl md:text-8xl font-black text-slate-900 uppercase leading-none tracking-tighter mb-6 font-display">
+          <h1 className="text-6xl md:text-8xl font-black text-slate-900 uppercase leading-none tracking-tighter mb-6 font-display">
             {hero.titlePart1}<br /><span className="text-primary italic">{hero.titlePart2}</span>
-          </h2>
+          </h1>
           <p className="text-xl md:text-2xl font-medium max-w-2xl text-slate-700 border-l-8 border-primary pl-6">
             {hero.description}
           </p>
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 1efc49a..4d70c58 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -9,8 +9,6 @@ export default defineConfig({
     sitemap({
       hostname: 'https://codex-iter.in',
       dynamicRoutes: [
-        '/',
-        '/about',
         '/blogs',
         '/events',
         '/team'