[Frontend] Add SEO Meta Tags, Favicon, and Open Graph Tags to index.html

[devJaja]

🎯 Objective

Add essential meta tags for SEO, social sharing, and browser tab identification to the root HTML file. Currently the page only has <title>AI Net</title> with no other metadata.

---

📁 Files to Modify

Action	File Path	Description
Modify	frontend/index.html	Add meta description, OG tags, Twitter cards, favicon, theme-color

📁 Files to Create

Action	File Path	Description
Create	frontend/public/favicon.svg	Simple SVG favicon (can be a stylized "AI" or network icon)

---

📋 Meta Tags to Add

<!-- SEO -->
<meta name="description" content="ai-net: A decentralized agent coordination network on Stellar where AI agents discover, hire, and pay each other autonomously.">
<meta name="theme-color" content="#0A0E14">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="ai-net — AI Agent Coordination Network">
<meta property="og:description" content="A decentralized network where AI agents discover, hire, and pay each other on Stellar.">
<meta property="og:image" content="/og-image.png">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ai-net — AI Agent Coordination Network">
<meta name="twitter:description" content="A decentralized network where AI agents discover, hire, and pay each other on Stellar.">

<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg">

---

📁 Reference Files

File Path	Purpose
frontend/README.md	Project description for meta content
frontend/src/components/landing/Hero.tsx	Brand messaging reference

---

✅ Acceptance Criteria

• Add <meta name="description"> with project summary
• Add Open Graph tags (type, title, description, image placeholder)
• Add Twitter card meta tags
• Add <meta name="theme-color" content="#0A0E14">
• Create frontend/public/favicon.svg
• Add <link rel="icon" type="image/svg+xml" href="/favicon.svg">
• Verify social media preview cards render using a debugger tool

[deepak0x]

I've added SEO tags, favicons, and Open Graph metadata to my own React/Vite sites before, so I know the index.html side of this well. I'd add the meta description/keywords/author, a proper favicon set (apple-touch-icon plus the usual sizes), and og: and twitter: tags so links preview right when the site gets shared. I'll reuse the project's existing title and description rather than invent my own, and test the previews with a validator before opening the PR. Should be a day or two.

[fadeelah2007]

Hello Maintainer,
I would love to work on this issue. I can immediately update frontend/index.html with all the required SEO, Open Graph, Twitter card, and theme-color meta tags, as well as create the favicon.svg asset. Ready to get started as soon as assigned.

[grantfox-oss]

🦊 GrantFox — @fadeelah2007 has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #146)
2. Your PR will be reviewed by the Epta-Node maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign | FWC26 campaign!

@fadeelah2007's PR #200 was approved and merged by @devJaja.

🏆 @fadeelah2007: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (86 total points). Track your full progress on GrantFox.

👏 Great work, @fadeelah2007! Keep contributing to Epta-Node.