first-merge

.vite/deps/_metadata.json

@@ -0,0 +1,58 @@
+{
+  "hash": "748852d3",
+  "configHash": "a7e48a2f",
+  "lockfileHash": "52250f14",
+  "browserHash": "540bc737",
+  "optimized": {
+    "react": {
+      "src": "../../node_modules/react/index.js",
+      "file": "react.js",
+      "fileHash": "b0621709",
+      "needsInterop": true
+    },
+    "bootstrap/dist/js/bootstrap.bundle.min.js": {
+      "src": "../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
+      "file": "bootstrap_dist_js_bootstrap__bundle__min__js.js",
+      "fileHash": "852f3c5b",
+      "needsInterop": true
+    },
+    "react-dom/client": {
+      "src": "../../node_modules/react-dom/client.js",
+      "file": "react-dom_client.js",
+      "fileHash": "491fefa2",
+      "needsInterop": true
+    },
+    "@chakra-ui/react": {
+      "src": "../../node_modules/@chakra-ui/react/dist/index.mjs",
+      "file": "@chakra-ui_react.js",
+      "fileHash": "facb4806",
+      "needsInterop": false
+    },
+    "react-router-dom": {
+      "src": "../../node_modules/react-router-dom/dist/index.js",
+      "file": "react-router-dom.js",
+      "fileHash": "f3e3db6d",
+      "needsInterop": false
+    },
+    "bootstrap": {
+      "src": "../../node_modules/bootstrap/dist/js/bootstrap.esm.js",
+      "file": "bootstrap.js",
+      "fileHash": "fdeb11d2",
+      "needsInterop": false
+    }
+  },
+  "chunks": {
+    "chunk-YABOQLLY": {
+      "file": "chunk-YABOQLLY.js"
+    },
+    "chunk-ZIYUGMGG": {
+      "file": "chunk-ZIYUGMGG.js"
+    },
+    "chunk-65KY755N": {
+      "file": "chunk-65KY755N.js"
+    },
+    "chunk-V4OQ3NZ2": {
+      "file": "chunk-V4OQ3NZ2.js"
+    }
+  }
+}

.vite/deps/chunk-V4OQ3NZ2.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+export {
+  __esm,
+  __commonJS,
+  __export,
+  __toESM,
+  __toCommonJS
+};
+//# sourceMappingURL=chunk-V4OQ3NZ2.js.map

.vite/deps/chunk-V4OQ3NZ2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

.vite/deps/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

.vite/deps/react-dom_client.js

@@ -0,0 +1,39 @@
+import {
+  require_react_dom
+} from "./chunk-ZIYUGMGG.js";
+import "./chunk-65KY755N.js";
+import {
+  __commonJS
+} from "./chunk-V4OQ3NZ2.js";
+
+// node_modules/react-dom/client.js
+var require_client = __commonJS({
+  "node_modules/react-dom/client.js"(exports) {
+    var m = require_react_dom();
+    if (false) {
+      exports.createRoot = m.createRoot;
+      exports.hydrateRoot = m.hydrateRoot;
+    } else {
+      i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      exports.createRoot = function(c, o) {
+        i.usingClientEntryPoint = true;
+        try {
+          return m.createRoot(c, o);
+        } finally {
+          i.usingClientEntryPoint = false;
+        }
+      };
+      exports.hydrateRoot = function(c, h, o) {
+        i.usingClientEntryPoint = true;
+        try {
+          return m.hydrateRoot(c, h, o);
+        } finally {
+          i.usingClientEntryPoint = false;
+        }
+      };
+    }
+    var i;
+  }
+});
+export default require_client();
+//# sourceMappingURL=react-dom_client.js.map

.vite/deps/react-dom_client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../node_modules/react-dom/client.js"],
+  "sourcesContent": ["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n"],
+  "mappings": ";;;;;;;;;AAAA;AAAA;AAEA,QAAI,IAAI;AACR,QAAI,OAAuC;AACzC,cAAQ,aAAa,EAAE;AACvB,cAAQ,cAAc,EAAE;AAAA,IAC1B,OAAO;AACD,UAAI,EAAE;AACV,cAAQ,aAAa,SAAS,GAAG,GAAG;AAClC,UAAE,wBAAwB;AAC1B,YAAI;AACF,iBAAO,EAAE,WAAW,GAAG,CAAC;AAAA,QAC1B,UAAE;AACA,YAAE,wBAAwB;AAAA,QAC5B;AAAA,MACF;AACA,cAAQ,cAAc,SAAS,GAAG,GAAG,GAAG;AACtC,UAAE,wBAAwB;AAC1B,YAAI;AACF,iBAAO,EAAE,YAAY,GAAG,GAAG,CAAC;AAAA,QAC9B,UAAE;AACA,YAAE,wBAAwB;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAjBM;AAAA;AAAA;",
+  "names": []
+}

.vite/deps/react.js

@@ -0,0 +1,6 @@
+import {
+  require_react
+} from "./chunk-65KY755N.js";
+import "./chunk-V4OQ3NZ2.js";
+export default require_react();
+//# sourceMappingURL=react.js.map

.vite/deps/react.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@chakra-ui/icons": "^2.1.1",
     "@chakra-ui/react": "^2.8.2",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",

src/App.jsx

@@ -1,8 +1,10 @@
+import React from 'react'
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import Home from "./Pages/Home";
 import { useEffect, useState } from "react";
 import NoInternetScreen from "./Pages/NoInternetScreen";
 import DefaultLayout from "./Layout/DefaultLayout";
+import NotFound from './Pages/NotFound';
 
 const App = () => {
   
@@ -26,11 +28,11 @@ const App = () => {
   return (
     <Router>
       <Routes>
-        {/* <Route path="/" element={<Home />} /> */}
         <Route
           path="/*"
           element={isOnline ? <DefaultLayout /> : <NoInternetScreen />}
         />
+        <Route path="*" element={<NotFound />} />
       </Routes>
     </Router>
   );

src/Components/Footer.jsx

@@ -1,9 +1,91 @@
-import React from 'react'
+import { Box, Container, Text } from "@chakra-ui/react";
+import React from "react";
+import { Link } from "react-router-dom";
 
 const Footer = () => {
   return (
-    <div>Footer</div>
-  )
-}
+    <Box backgroundColor={"#0041180D"}>
+      <Container
+        p={4}
+        display={"flex"}
+        flexDirection={"column"}
+        maxW="container.xl"
+      >
+        <Box pb={4} pt={4} className=" w-100 border-bottom">
+          <Box as="span">
+            <Text as={"h2"}>Yes, it’s that simple.</Text>
+            <Text w={350} as={"p"}>
+              Download the Tanami app today and start growing your wealth
+            </Text>
+          </Box>
+        </Box>
 
-export default Footer
+        <Box pb={4} pt={8} className=" w-100">
+          <Box display={"flex"}>
+            <Box w={"50%"}>
+              <Text as={"h6"}>About Tanami</Text>
+              <Text w={"60%"} mt={6} as={"p"} fontSize={"sm"}>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
+                dictum aliquet accumsan porta lectus ridiculus in mattis. Netus
+                sodales in volutpat ullamcorper amet adipiscing fermentum.
+              </Text>
+            </Box>
+            <Box w={"15%"}>
+              <Text as={"h6"}>Company</Text>
+              <Box display={"flex"} flexDirection={"column"} gap={1} mt={6}>
+                <Link to={"/"}>
+                  <Text fontSize={"sm"} as={"span"}>
+                    Home
+                  </Text>{" "}
+                </Link>
+                <Link to={"investment"}>
+                  <Text fontSize={"sm"} as={"span"}>
+                    Investment
+                  </Text>
+                </Link>
+                <Link to={"investment"}>
+                  <Text fontSize={"sm"} as={"span"}>
+                    How it works
+                  </Text>
+                </Link>
+                <Link to={"investment"}>
+                  <Text fontSize={"sm"} as={"span"}>
+                    FAQ's
+                  </Text>
+                </Link>
+              </Box>
+            </Box>
+            
+            <Box w={"10%"}>
+              <Text as={"h6"}>Company</Text>
+              <Box display={"flex"} flexDirection={"column"} gap={1} mt={6}>
+                <Link to={"/"}>
+                  <Text fontSize={"sm"} as={"span"}>
+                    Home
+                  </Text>{" "}
+                </Link>
+                <Link to={"investment"}>
+                  <Text fontSize={"sm"} as={"span"}>
+                    Investment
+                  </Text>
+                </Link>
+                <Link to={"investment"}>
+                  <Text fontSize={"sm"} as={"span"}>
+                    How it works
+                  </Text>
+                </Link>
+                <Link to={"investment"}>
+                  <Text fontSize={"sm"} as={"span"}>
+                    FAQ's
+                  </Text>
+                </Link>
+              </Box>
+            </Box>
+          </Box>
+        </Box>
+      </Container>
+    </Box>
+  );
+};
+
+export default Footer;

src/Components/Header.jsx

@@ -1,9 +1,66 @@
-import React from 'react'
+import { Box, Button, Container, Image } from "@chakra-ui/react";
+import React from "react";
+import logo from "../assets/logo.png";
+import earth from "../assets/earth.png";
+import { NavLink } from "react-router-dom";
+import { ChevronDownIcon } from "@chakra-ui/icons";
+
+export const nav = [
+  {
+    title: "Investment",
+    path: "/investment",
+  },
+  {
+    title: "How it works",
+    path: "/investment",
+  },
+  {
+    title: "FAQ",
+    path: "/investment",
+  },
+  {
+    title: "About Us",
+    path: "/investment",
+  },
+];
 
 const Header = () => {
   return (
-    <div>Header</div>
-  )
-}
+    <Box position={"fix"} top={0} backgroundColor={"#002F0F"}>
+      <Container
+        p={4}
+        display={"flex"}
+        justifyContent={"space-between"}
+        maxW="container.xl"
+      >
+        <Image src={logo} h={8} />
+        <Box display={"flex"} gap={6}>
+          {nav.map(({ title, path }, index) => (
+            <NavLink
+              style={{
+                textDecoration: "none",
+                color: "white",
+                display: "flex",
+                alignItems: "center",
+              }}
+              to={path}
+            >
+              {title}
+            </NavLink>
+          ))}
+        </Box>
 
-export default Header
+        <Box display={"flex"} alignItems={"center"} gap={4}>
+          <span className="d-flex align-items-center gap-1 text-white">
+            <Image src={earth} h={4} me={1} /> En <ChevronDownIcon />
+          </span>
+          <Button color={"#002F0F"} ps={6} pe={6} size={"sm"} rounded={"xl"}>
+            Contact Us
+          </Button>
+        </Box>
+      </Container>
+    </Box>
+  );
+};
+
+export default Header;

yarn.lock

@@ -321,6 +321,13 @@
   dependencies:
     "@chakra-ui/shared-utils" "2.0.5"
 
+"@chakra-ui/icons@^2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/icons/-/icons-2.1.1.tgz#58ff0f9e703f2f4f89debd600ce4e438f43f9c9a"
+  integrity sha512-3p30hdo4LlRZTT5CwoAJq3G9fHI0wDc0pBaMHj4SUn0yomO+RcDRlzhdXqdr5cVnzax44sqXJVnf3oQG0eI+4g==
+  dependencies:
+    "@chakra-ui/icon" "3.2.0"
+
 "@chakra-ui/image@2.1.0":
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/@chakra-ui/image/-/image-2.1.0.tgz#6c205f1ca148e3bf58345b0b5d4eb3d959eb9f87"