Theme Rewamp

Author: Namli1

CNAME

@@ -14,7 +14,10 @@
         } else {
             document.querySelector('body').classList.remove('sidebar-expanded');
         }
-    </script>   
+    </script>
+  <script>
+    (function(){var r,d=document,gt=d.getElementById,cr=d.createElement,tg=d.getElementsByTagName,id="aidaform-embed";if(!gt.call(d,id)){r=cr.call(d,"script");r.id=id;r.src="https://embed.aidaform.com/embed.js";(d.head || tg.call(d,"head")[0]).appendChild(r);}})()
+  </script>  
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>

index.html

@@ -1,7 +1,7 @@
 {
   "name": "simple-light-react",
   "version": "0.1.0",
-  "homepage": "https:/namli1.github.io",
+  "homepage": "info.wrtw.de",
   "scripts": {
     "predeploy": "npm run build",
     "deploy": "gh-pages -d dist",
@@ -14,8 +14,9 @@
     "aos": "^3.0.0-beta.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-flatpickr": "^3.10.7", 
+    "react-flatpickr": "^3.10.7",
     "react-router-dom": "^6.2.1",
+    "react-router-hash-link": "^2.4.3",
     "react-transition-group": "^4.4.1",
     "sticky-js": "^1.3.0"
   },

package-lock.json

@@ -2,9 +2,11 @@ import React, { useEffect } from 'react';
 import {
   Routes,
   Route,
-  useLocation
+  useLocation,
+  Link
 } from 'react-router-dom';
 
+import 'aos/dist/aos.css';
 import './css/style.scss';
 
 import AOS from 'aos';
@@ -13,6 +15,8 @@ import Home from './pages/Home';
 import SignIn from './pages/SignIn';
 import SignUp from './pages/SignUp';
 import ResetPassword from './pages/ResetPassword';
+import PrivacyPolicy from './pages/PrivacyPolicy';
+import PrivacyPolicyApp from './pages/PrivacyPolicyApp';
 
 function App() {
 
@@ -40,6 +44,8 @@ function App() {
         <Route path="/signin" element={<SignIn />} />
         <Route path="/signup" element={<SignUp />} />
         <Route path="/reset-password" element={<ResetPassword />} />
+        <Route path="/privacy-policy" element={<PrivacyPolicy />} />
+        <Route path="/privacy-policy-app" element={<PrivacyPolicyApp />} />
       </Routes>
     </>
   );

package.json

@@ -49,4 +49,8 @@ $aos-distance: 10px;
   width: 100%;
   height: 100%;
   border: none;
+}
+
+.theme-background {
+  background-color: rgb(255, 251, 233);
 }

src/App.jsx

@@ -41,6 +41,33 @@ module.exports = {
         },
         red: {
           100: "#AA381E",
+        },
+        primary: {
+          100: "#fffbe9",
+          200: "#fff6cc",
+          300: "#ffec99",
+          400: "#ffe366",
+          600: "#cca700",
+          700: "#997d00",
+        },
+        brown: {
+          100: "#a88289",
+          200: "#85636a", //"#bf7384",
+          300: "#9e5c6a",
+          400: "#8a4957",
+          500: "#69303c",
+          600: "#4C232C",
+          700: "#34181e",
+          800: "#11080a",
+        },
+        green: {
+          100: "#9dc8bb",
+          200: "#7cb6a4",
+          300: "#5ca38e",
+          400: "#539380",
+          500: "#407263",
+          600: "#365f53",
+          800: "#254139",
         }
       },
       boxShadow: {

src/css/style.scss

@@ -1,14 +1,13 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import { BrowserRouter as Router, Route } from 'react-router-dom'
+import { HashRouter as Router } from 'react-router-dom'
 import App from './App'
 
+
 ReactDOM.render(
    <React.StrictMode>
-    <Router>
-      <Route exact path='/'>
-        <App />
-      </Route>
+    <Router basename={process.env.PUBLIC_URL}>
+      <App />
     </Router>
    </React.StrictMode>,
   document.getElementById('root')

src/css/tailwind.config.js

@@ -7,10 +7,13 @@ import FeaturesBlocks from '../partials/FeaturesBlocks';
 import Testimonials from '../partials/Testimonials';
 import Newsletter from '../partials/Newsletter';
 import Footer from '../partials/Footer';
+import Download from '../partials/Download';
+
+import '.././css/style.scss';
 
 function Home() {
   return (
-    <div className="flex flex-col min-h-screen overflow-hidden">
+    <div className="flex flex-col min-h-screen overflow-hidden theme-background">
 
       {/*  Site header */}
       {/* <Header /> */}
@@ -22,13 +25,14 @@ function Home() {
         <HeroHome />
         <FeaturesHome />
         <FeaturesBlocks />
-        <Testimonials />
+        {/* <Testimonials /> */}
+        {/* <Download /> */}
         <Newsletter />
 
       </main>
 
       {/*  Site footer */}
-      {/* <Footer /> */}
+      <Footer />
 
     </div>
   );