Merge pull request #7 from Abhishekk24/feature

Add Metadata for Social Sharing

Author: vaibhavvvvv

package-lock.json

@@ -8,6 +8,7 @@
     "framer-motion": "^12.4.10",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-helmet-async": "^2.0.5",
     "react-router-dom": "^6.29.0",
     "react-scripts": "5.0.1"
   },

package.json

@@ -1,11 +1,7 @@
 import React from "react";
-import {
-  BrowserRouter as Router,
-  Routes,
-  Route,
-  useNavigate,
-} from "react-router-dom";
+import { BrowserRouter as Router, Routes, Route, useNavigate } from "react-router-dom";
 import { useEffect } from "react";
+import { Helmet, HelmetProvider } from "react-helmet-async"; 
 import Hero from "./components/Hero";
 import Connectivity from "./components/Connectivity";
 import Cyrene from "./components/Cyrene";
@@ -20,7 +16,7 @@ import Mission from "./pages/Mission";
 import PrivacyPolicy from "./pages/PrivacyPolicy";
 import TermsOfUse from "./pages/TermsofUse";
 import FAQ from "./pages/Faq";
-import "./App.css"
+import "./App.css";
 
 function RedirectHandler() {
   const navigate = useNavigate();
@@ -36,6 +32,34 @@ function RedirectHandler() {
 function Home() {
   return (
     <div>
+      <Helmet>
+        <title>NetSepio - Home</title>
+        <meta
+          name="description"
+          content="NetSepio delivers private, secure, and censorship-free internet with decentralized infrastructure and an AI coordination layer, shaping an empowered, agentic future."
+        />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="https://netsepio.com" />
+        <meta property="og:title" content="NetSepio" />
+        <meta
+          property="og:description"
+          content="NetSepio delivers private, secure, and censorship-free internet with decentralized infrastructure and an AI coordination layer, shaping an empowered, agentic future."
+        />
+        <meta
+          property="og:image"
+          content="/assets/NetSepio_metadata_image.png"
+        />
+        <meta property="twitter:card" content="summary_large_image" />
+        <meta property="twitter:title" content="NetSepio" />
+        <meta
+          property="twitter:description"
+          content="NetSepio delivers private, secure, and censorship-free internet with decentralized infrastructure and an AI coordination layer, shaping an empowered, agentic future."
+        />
+        <meta
+          property="twitter:image"
+          content="/assets/NetSepio_metadata_image.png"
+        />
+      </Helmet>
       <Hero />
       <Connectivity />
       <Cyrene />
@@ -52,17 +76,19 @@ function Home() {
 
 function App() {
   return (
-    <Router>
-      <RedirectHandler />
-      <Routes>
-        <Route path="/" element={<Home />} />
-        <Route path="/mission" element={<Mission />} />
-        <Route path="/privacy-policy" element={<PrivacyPolicy />} />
-        <Route path="/terms-of-use" element={<TermsOfUse />} />
-        <Route path="/faq" element={<FAQ />} />
-      </Routes>
-    </Router>
+    <HelmetProvider>
+      <Router>
+        <RedirectHandler />
+        <Routes>
+          <Route path="/" element={<Home />} />
+          <Route path="/mission" element={<Mission />} />
+          <Route path="/privacy-policy" element={<PrivacyPolicy />} />
+          <Route path="/terms-of-use" element={<TermsOfUse />} />
+          <Route path="/faq" element={<FAQ />} />
+        </Routes>
+      </Router>
+    </HelmetProvider>
   );
 }
 
-export default App;
+export default App;