add privacy policy

landing-page/package.json

@@ -20,15 +20,15 @@
   },
   "dependencies": {
     "@extension/ui": "workspace:*",
-    "lucide-react": "^0.469.0"
+    "lucide-react": "^0.469.0",
+    "react-router-dom": "^7.1.1"
   },
   "devDependencies": {
     "@extension/tailwindcss-config": "workspace:*",
     "@extension/tsconfig": "workspace:*",
     "@extension/vite-config": "workspace:*",
-    "postcss-load-config": "^6.0.1",
     "cross-env": "^7.0.3",
-    "@vitejs/plugin-react-swc": "^3.7.2"
+    "postcss-load-config": "^6.0.1"
   },
   "postcss": {
     "plugins": {

landing-page/src/LandingPage.tsx

@@ -2,6 +2,7 @@ import { Button } from '@extension/ui/lib/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@extension/ui/lib/components/ui/card';
 import { GithubIcon } from 'lucide-react';
 import { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
 
 export default function LandingPage() {
   const githubUrl = 'https://github.com/IqbalLx/honest';
@@ -28,12 +29,21 @@ export default function LandingPage() {
       <header className="w-full py-4 bg-white shadow-md">
         <div className="container mx-auto px-4 flex justify-between items-center">
           <div className="flex items-center">
-            <img src="/public/icon-128.png" alt="Honest" className="w-8 h-8" />
+            <img src="/icon-128.png" alt="Honest" className="w-8 h-8" />
             <h1 className="text-2xl font-bold">Honest</h1>
           </div>
-          <a href={githubUrl} target="_blank" rel="noopener noreferrer" className="text-gray-500 hover:text-black">
-            <GithubIcon className="w-5 h-5" />
-          </a>
+          <div className="flex items-center space-x-4">
+            <Link to="/privacy-policy" className="text-gray-500 hover:text-black">
+              Privacy Policy
+            </Link>
+            <a
+              href="https://github.com/IqbalLx/honest"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-gray-500 hover:text-black">
+              <GithubIcon className="w-5 h-5" />
+            </a>
+          </div>
         </div>
       </header>
 
@@ -68,7 +78,7 @@ export default function LandingPage() {
             <CardHeader>
               <CardTitle>No Affiliate Stealing</CardTitle>
             </CardHeader>
-            <CardContent>Your privacy is respected. We don’t steal or overwrite your affiliate cookies.</CardContent>
+            <CardContent>Your privacy is respected. We don't steal or overwrite your affiliate cookies.</CardContent>
           </Card>
           <Card>
             <CardHeader>

landing-page/src/PrivacyPolicy.tsx

@@ -0,0 +1,19 @@
+export function PrivacyPolicy() {
+  return (
+    <div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center px-4">
+      <h1 className="text-4xl font-extrabold mb-6">Privacy Policy</h1>
+      <div className="max-w-3xl text-lg text-gray-600">
+        <p className="mb-4">
+          At Honest, we are committed to protecting your privacy. This browser extension does not collect any personal
+          data. The only information we process is the URL link where the extension is activated, solely for the purpose
+          of providing you with relevant coupon codes.
+        </p>
+        <p className="mb-4">
+          We do not store, share, or sell your browsing data. Honest operates with full transparency and respects user
+          privacy at all times.
+        </p>
+        <p>For any questions or concerns regarding our privacy policy, please contact us via our GitHub repository.</p>
+      </div>
+    </div>
+  );
+}

landing-page/src/index.tsx

@@ -2,14 +2,26 @@ import { createRoot } from 'react-dom/client';
 import '@src/index.css';
 import '@extension/ui/dist/global.css';
 import LandingPage from '@src/LandingPage';
+import { Routes } from 'react-router-dom';
+import { Route } from 'react-router-dom';
+import { BrowserRouter } from 'react-router-dom';
+import { PrivacyPolicy } from './PrivacyPolicy';
 
 function init() {
   const appContainer = document.querySelector('#app-container');
   if (!appContainer) {
     throw new Error('Can not find #app-container');
   }
+
   const root = createRoot(appContainer);
-  root.render(<LandingPage />);
+  root.render(
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<LandingPage />} />
+        <Route path="/privacy-policy" element={<PrivacyPolicy />} />
+      </Routes>
+    </BrowserRouter>,
+  );
 }
 
 init();

landing-page/tsconfig.json

@@ -7,5 +7,5 @@
     },
     "types": ["../../vite-env.d.ts"]
   },
-  "include": ["src"]
+  "include": ["src", "public"]
 }

landing-page/vite.config.mts

@@ -1,6 +1,5 @@
 import { resolve } from 'node:path';
 import { withPageConfig } from '@extension/vite-config';
-import react from '@vitejs/plugin-react-swc';
 
 const rootDir = resolve(__dirname);
 const srcDir = resolve(rootDir, 'src');