Skip to content

Commit 42bdf3f

Browse files
authored
Merge pull request #7 from Abhishekk24/feature
Add Metadata for Social Sharing
2 parents 7d3ebce + 6f3cc66 commit 42bdf3f

4 files changed

Lines changed: 81 additions & 32 deletions

File tree

package-lock.json

Lines changed: 36 additions & 14 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
"framer-motion": "^12.4.10",
99
"react": "^19.0.0",
1010
"react-dom": "^19.0.0",
11+
"react-helmet-async": "^2.0.5",
1112
"react-router-dom": "^6.29.0",
1213
"react-scripts": "5.0.1"
1314
},
496 KB
Loading

src/App.js

Lines changed: 44 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,7 @@
11
import React from "react";
2-
import {
3-
BrowserRouter as Router,
4-
Routes,
5-
Route,
6-
useNavigate,
7-
} from "react-router-dom";
2+
import { BrowserRouter as Router, Routes, Route, useNavigate } from "react-router-dom";
83
import { useEffect } from "react";
4+
import { Helmet, HelmetProvider } from "react-helmet-async";
95
import Hero from "./components/Hero";
106
import Connectivity from "./components/Connectivity";
117
import Cyrene from "./components/Cyrene";
@@ -20,7 +16,7 @@ import Mission from "./pages/Mission";
2016
import PrivacyPolicy from "./pages/PrivacyPolicy";
2117
import TermsOfUse from "./pages/TermsofUse";
2218
import FAQ from "./pages/Faq";
23-
import "./App.css"
19+
import "./App.css";
2420

2521
function RedirectHandler() {
2622
const navigate = useNavigate();
@@ -36,6 +32,34 @@ function RedirectHandler() {
3632
function Home() {
3733
return (
3834
<div>
35+
<Helmet>
36+
<title>NetSepio - Home</title>
37+
<meta
38+
name="description"
39+
content="NetSepio delivers private, secure, and censorship-free internet with decentralized infrastructure and an AI coordination layer, shaping an empowered, agentic future."
40+
/>
41+
<meta property="og:type" content="website" />
42+
<meta property="og:url" content="https://netsepio.com" />
43+
<meta property="og:title" content="NetSepio" />
44+
<meta
45+
property="og:description"
46+
content="NetSepio delivers private, secure, and censorship-free internet with decentralized infrastructure and an AI coordination layer, shaping an empowered, agentic future."
47+
/>
48+
<meta
49+
property="og:image"
50+
content="/assets/NetSepio_metadata_image.png"
51+
/>
52+
<meta property="twitter:card" content="summary_large_image" />
53+
<meta property="twitter:title" content="NetSepio" />
54+
<meta
55+
property="twitter:description"
56+
content="NetSepio delivers private, secure, and censorship-free internet with decentralized infrastructure and an AI coordination layer, shaping an empowered, agentic future."
57+
/>
58+
<meta
59+
property="twitter:image"
60+
content="/assets/NetSepio_metadata_image.png"
61+
/>
62+
</Helmet>
3963
<Hero />
4064
<Connectivity />
4165
<Cyrene />
@@ -52,17 +76,19 @@ function Home() {
5276

5377
function App() {
5478
return (
55-
<Router>
56-
<RedirectHandler />
57-
<Routes>
58-
<Route path="/" element={<Home />} />
59-
<Route path="/mission" element={<Mission />} />
60-
<Route path="/privacy-policy" element={<PrivacyPolicy />} />
61-
<Route path="/terms-of-use" element={<TermsOfUse />} />
62-
<Route path="/faq" element={<FAQ />} />
63-
</Routes>
64-
</Router>
79+
<HelmetProvider>
80+
<Router>
81+
<RedirectHandler />
82+
<Routes>
83+
<Route path="/" element={<Home />} />
84+
<Route path="/mission" element={<Mission />} />
85+
<Route path="/privacy-policy" element={<PrivacyPolicy />} />
86+
<Route path="/terms-of-use" element={<TermsOfUse />} />
87+
<Route path="/faq" element={<FAQ />} />
88+
</Routes>
89+
</Router>
90+
</HelmetProvider>
6591
);
6692
}
6793

68-
export default App;
94+
export default App;

0 commit comments

Comments
 (0)