DoraDAO · ruhilmansi · Feb 15, 2026 · Feb 15, 2026 · Feb 15, 2026 · Feb 15, 2026
diff --git a/index.html b/index.html
@@ -4,10 +4,37 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <!-- Basic Meta Tags (will be updated dynamically by SEO component) -->
     <meta name="description" content="GirlsWhoYap Conference - Where women don't just attend conferences, they shape conversations." />
+    <meta name="keywords" content="women in tech, tech conference, girls who yap, women empowerment, tech community" />
+    <meta name="author" content="GirlsWhoYap" />
+    <meta name="theme-color" content="#000000" />
+
+    <!-- Open Graph Meta Tags -->
+    <meta property="og:title" content="GirlsWhoYap Conference" />
+    <meta property="og:description" content="Where women don't just attend conferences, they shape conversations." />
+    <meta property="og:image" content="/logo.png" />
+    <meta property="og:url" content="https://preconf.vercel.app/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="GirlsWhoYap Conference" />
+
+    <!-- Twitter Card Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@connectdoradao" />
+    <meta name="twitter:creator" content="@connectdoradao" />
+    <meta name="twitter:title" content="GirlsWhoYap Conference" />
+    <meta name="twitter:description" content="Where women don't just attend conferences, they shape conversations." />
+    <meta name="twitter:image" content="/logo.png" />
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://girlswhoyap.com" />
+
+    <!-- Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+
     <title>GirlsWhoYap Conference</title>
   </head>
   <body>

diff --git a/src/components/SEO.jsx b/src/components/SEO.jsx
@@ -0,0 +1,100 @@
+import { useEffect } from 'react';
+import { seoConfig } from '../config/seo.config';
+
+/**
+ * SEO Component - Dynamically updates meta tags
+ * @param {Object} props - SEO properties
+ * @param {string} props.title - Page title
+ * @param {string} props.description - Page description
+ * @param {string} props.image - OG/Twitter image URL
+ * @param {string} props.url - Canonical URL
+ * @param {string} props.type - OG type (website, article, etc.)
+ */
+export default function SEO({ 
+  title, 
+  description, 
+  image, 
+  url,
+  type = seoConfig.ogType 
+}) {
+  const pageTitle = title || seoConfig.title;
+  const pageDescription = description || seoConfig.description;
+  const pageImage = image || seoConfig.ogImage;
+  const pageUrl = url || seoConfig.canonicalUrl;
+
+  // Construct full image URL
+  const fullImageUrl = pageImage.startsWith('http') 
+    ? pageImage 
+    : `${seoConfig.siteUrl}${pageImage}`;
+
+  // Construct full page URL
+  const fullPageUrl = pageUrl.startsWith('http')
+    ? pageUrl
+    : `${seoConfig.siteUrl}${pageUrl}`;
+
+  useEffect(() => {
+    // Update document title
+    document.title = pageTitle;
+
+    // Update or create meta tags
+    updateMetaTag('description', pageDescription);
+    updateMetaTag('keywords', seoConfig.keywords);
+    updateMetaTag('author', seoConfig.author);
+    updateMetaTag('theme-color', seoConfig.themeColor);
+
+    // Open Graph tags
+    updateMetaTag('og:title', pageTitle, 'property');
+    updateMetaTag('og:description', pageDescription, 'property');
+    updateMetaTag('og:image', fullImageUrl, 'property');
+    updateMetaTag('og:url', fullPageUrl, 'property');
+    updateMetaTag('og:type', type, 'property');
+    updateMetaTag('og:site_name', seoConfig.siteName, 'property');
+
+    // Twitter Card tags
+    updateMetaTag('twitter:card', seoConfig.twitterCardType);
+    updateMetaTag('twitter:site', seoConfig.twitterSite);
+    updateMetaTag('twitter:creator', seoConfig.twitterHandle);
+    updateMetaTag('twitter:title', pageTitle);
+    updateMetaTag('twitter:description', pageDescription);
+    updateMetaTag('twitter:image', fullImageUrl);
+
+    // Canonical URL
+    updateCanonicalLink(fullPageUrl);
+  }, [pageTitle, pageDescription, fullImageUrl, fullPageUrl, type]);
+
+  return null; // This component doesn't render anything
+}
+
+/**
+ * Helper function to update or create meta tags
+ */
+function updateMetaTag(name, content, attribute = 'name') {
+  if (!content) return;
+
+  let element = document.querySelector(`meta[${attribute}="${name}"]`);
+
+  if (element) {
+    element.setAttribute('content', content);
+  } else {
+    element = document.createElement('meta');
+    element.setAttribute(attribute, name);
+    element.setAttribute('content', content);
+    document.head.appendChild(element);
+  }
+}
+
+/**
+ * Helper function to update canonical link
+ */
+function updateCanonicalLink(url) {
+  let link = document.querySelector('link[rel="canonical"]');
+
+  if (link) {
+    link.setAttribute('href', url);
+  } else {
+    link = document.createElement('link');
+    link.setAttribute('rel', 'canonical');
+    link.setAttribute('href', url);
+    document.head.appendChild(link);
+  }
+}
diff --git a/src/config/seo.config.js b/src/config/seo.config.js
@@ -0,0 +1,50 @@
+// SEO Configuration for GirlsWhoYap Conference
+// Update these values for future conference editions
+
+export const seoConfig = {
+  // Basic Info
+  siteName: "GirlsWhoYap Conference",
+  title: "GirlsWhoYap Conference",
+  description: "Where women don't just attend conferences, they shape conversations.",
+
+  // URLs
+  siteUrl: "https://preconf.vercel.app/", 
+  canonicalUrl: "https://preconf.vercel.app/",
+
+  // Social Media Images
+  ogImage: "/logo.png", // Update with actual OG image path (1200x630px)
+  twitterImage: "/logo.png", // Update with actual Twitter card image (1200x600px)
+
+  // Social Media Handles
+  twitterHandle: "@connectdoradao",
+  twitterSite: "@connectdoradao",
+
+  // Additional Meta
+  keywords: "women in tech, tech conference, girls who yap, women empowerment, tech community",
+  author: "GirlsWhoYap",
+  themeColor: "#000000", 
+
+  // Conference Specific
+  conferenceDate: "2026",
+  conferenceLocation: "India", 
+
+  // Open Graph Type
+  ogType: "website",
+
+  // Twitter Card Type
+  twitterCardType: "summary_large_image", 
+};
+
+// Page-specific SEO overrides
+export const pageSEO = {
+  home: {
+    title: "GirlsWhoYap Conference - Where Women Shape Conversations",
+    description: "Join us at GirlsWhoYap Conference where women don't just attend conferences, they shape conversations. Connect, learn, and grow with the tech community.",
+    path: "/",
+  },
+  events: {
+    title: "Events - GirlsWhoYap Conference",
+    description: "Explore all the exciting events, workshops, and sessions at GirlsWhoYap Conference.",
+    path: "/events",
+  },
+};