From deb25b9a1a465e616004ba9e833db2e59eab9a81 Mon Sep 17 00:00:00 2001 From: deltechdesigns Date: Mon, 24 Apr 2023 17:50:43 +0100 Subject: [PATCH] another srceen --- package-lock.json | 105 ++++++++++++++++++++++++++++++++++++---------- package.json | 3 +- src/App.jsx | 12 +++++- src/header.jsx | 8 ++-- src/index.jsx | 8 ++-- src/main.jsx | 5 ++- src/sitemap.jsx | 18 ++++++++ src/sitemap.xml | 16 +++++++ 8 files changed, 144 insertions(+), 31 deletions(-) create mode 100644 src/sitemap.jsx create mode 100644 src/sitemap.xml diff --git a/package-lock.json b/package-lock.json index 8a1d078..50e6bed 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-icons": "^4.8.0", + "react-router-dom": "^6.10.0", "react-scroll-into-view": "^1.12.0", "react-spinners": "^0.13.8", "react-type-animation": "^3.0.1", @@ -25,7 +26,7 @@ "autoprefixer": "^10.4.14", "postcss": "^8.4.21", "tailwindcss": "^3.2.7", - "vite": "^4.2.0" + "vite": "^4.3.1" } }, "node_modules/@ampproject/remapping": { @@ -833,6 +834,14 @@ "node": ">= 8" } }, + "node_modules/@remix-run/router": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.5.0.tgz", + "integrity": "sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg==", + "engines": { + "node": ">=14" + } + }, "node_modules/@types/prop-types": { "version": "15.7.5", "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", @@ -1879,6 +1888,36 @@ "node": ">=0.10.0" } }, + "node_modules/react-router": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.10.0.tgz", + "integrity": "sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==", + "dependencies": { + "@remix-run/router": "1.5.0" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "react": ">=16.8" + } + }, + "node_modules/react-router-dom": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.10.0.tgz", + "integrity": "sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==", + "dependencies": { + "@remix-run/router": "1.5.0", + "react-router": "6.10.0" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, "node_modules/react-scroll-into-view": { "version": "1.12.0", "resolved": "https://registry.npmjs.org/react-scroll-into-view/-/react-scroll-into-view-1.12.0.tgz", @@ -2001,9 +2040,9 @@ } }, "node_modules/rollup": { - "version": "3.20.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.0.tgz", - "integrity": "sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==", + "version": "3.21.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.0.tgz", + "integrity": "sha512-ANPhVcyeHvYdQMUyCbczy33nbLzI7RzrBje4uvNiTDJGIMtlKoOStmympwr9OtS1LZxiDmE2wvxHyVhoLtf1KQ==", "dev": true, "bin": { "rollup": "dist/bin/rollup" @@ -2221,15 +2260,14 @@ "dev": true }, "node_modules/vite": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz", - "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.1.tgz", + "integrity": "sha512-EPmfPLAI79Z/RofuMvkIS0Yr091T2ReUoXQqc5ppBX/sjFRhHKiPPF/R46cTdoci/XgeQpB23diiJxq5w30vdg==", "dev": true, "dependencies": { "esbuild": "^0.17.5", "postcss": "^8.4.21", - "resolve": "^1.22.1", - "rollup": "^3.18.0" + "rollup": "^3.20.2" }, "bin": { "vite": "bin/vite.js" @@ -2792,6 +2830,11 @@ "fastq": "^1.6.0" } }, + "@remix-run/router": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.5.0.tgz", + "integrity": "sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg==" + }, "@types/prop-types": { "version": "15.7.5", "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", @@ -3484,7 +3527,8 @@ "react-icons": { "version": "4.8.0", "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.8.0.tgz", - "integrity": "sha512-N6+kOLcihDiAnj5Czu637waJqSnwlMNROzVZMhfX68V/9bu9qHaMIJC4UdozWoOk57gahFCNHwVvWzm0MTzRjg==" + "integrity": "sha512-N6+kOLcihDiAnj5Czu637waJqSnwlMNROzVZMhfX68V/9bu9qHaMIJC4UdozWoOk57gahFCNHwVvWzm0MTzRjg==", + "requires": {} }, "react-is": { "version": "16.13.1", @@ -3497,20 +3541,40 @@ "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", "dev": true }, + "react-router": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.10.0.tgz", + "integrity": "sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==", + "requires": { + "@remix-run/router": "1.5.0" + } + }, + "react-router-dom": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.10.0.tgz", + "integrity": "sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==", + "requires": { + "@remix-run/router": "1.5.0", + "react-router": "6.10.0" + } + }, "react-scroll-into-view": { "version": "1.12.0", "resolved": "https://registry.npmjs.org/react-scroll-into-view/-/react-scroll-into-view-1.12.0.tgz", - "integrity": "sha512-n2yLN1MyiKL65AmFoYLnd/XOKhrFLB3w5m8Q1sHHcJTmXbpxoqEbCm+JooZvrNfGCaWuYVAJmXhN+uxi4jwYVg==" + "integrity": "sha512-n2yLN1MyiKL65AmFoYLnd/XOKhrFLB3w5m8Q1sHHcJTmXbpxoqEbCm+JooZvrNfGCaWuYVAJmXhN+uxi4jwYVg==", + "requires": {} }, "react-spinners": { "version": "0.13.8", "resolved": "https://registry.npmjs.org/react-spinners/-/react-spinners-0.13.8.tgz", - "integrity": "sha512-3e+k56lUkPj0vb5NDXPVFAOkPC//XyhKPJjvcGjyMNPWsBKpplfeyialP74G7H7+It7KzhtET+MvGqbKgAqpZA==" + "integrity": "sha512-3e+k56lUkPj0vb5NDXPVFAOkPC//XyhKPJjvcGjyMNPWsBKpplfeyialP74G7H7+It7KzhtET+MvGqbKgAqpZA==", + "requires": {} }, "react-type-animation": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/react-type-animation/-/react-type-animation-3.0.1.tgz", - "integrity": "sha512-n6erVzng071lN8A0UbNT9Q7m5D6puaa9OE1lakwu5UKxMkEnUbjs2MLT3jN/SUjuxNtKmDP2GqJKb3uQ5wZNkQ==" + "integrity": "sha512-n6erVzng071lN8A0UbNT9Q7m5D6puaa9OE1lakwu5UKxMkEnUbjs2MLT3jN/SUjuxNtKmDP2GqJKb3uQ5wZNkQ==", + "requires": {} }, "react-typing-effect": { "version": "2.0.5", @@ -3589,9 +3653,9 @@ "dev": true }, "rollup": { - "version": "3.20.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.0.tgz", - "integrity": "sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==", + "version": "3.21.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.0.tgz", + "integrity": "sha512-ANPhVcyeHvYdQMUyCbczy33nbLzI7RzrBje4uvNiTDJGIMtlKoOStmympwr9OtS1LZxiDmE2wvxHyVhoLtf1KQ==", "dev": true, "requires": { "fsevents": "~2.3.2" @@ -3730,16 +3794,15 @@ "dev": true }, "vite": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz", - "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.1.tgz", + "integrity": "sha512-EPmfPLAI79Z/RofuMvkIS0Yr091T2ReUoXQqc5ppBX/sjFRhHKiPPF/R46cTdoci/XgeQpB23diiJxq5w30vdg==", "dev": true, "requires": { "esbuild": "^0.17.5", "fsevents": "~2.3.2", "postcss": "^8.4.21", - "resolve": "^1.22.1", - "rollup": "^3.18.0" + "rollup": "^3.20.2" } }, "xtend": { diff --git a/package.json b/package.json index 3608e1d..2460a71 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-icons": "^4.8.0", + "react-router-dom": "^6.10.0", "react-scroll-into-view": "^1.12.0", "react-spinners": "^0.13.8", "react-type-animation": "^3.0.1", @@ -26,6 +27,6 @@ "autoprefixer": "^10.4.14", "postcss": "^8.4.21", "tailwindcss": "^3.2.7", - "vite": "^4.2.0" + "vite": "^4.3.1" } } diff --git a/src/App.jsx b/src/App.jsx index b22208d..0ff4a74 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -2,6 +2,10 @@ import "./App.css"; import Page from "./"; import { RiseLoader } from "react-spinners"; import { useState, useEffect } from "react"; +import { Routes, Route, Navigate } from "react-router-dom"; +import SiteMap from "./sitemap"; +import Header from "./header"; + function App() { const [loading, setLoading] = useState(false); const pageLoader = () => { @@ -22,7 +26,13 @@ function App() { {" "} ) : ( - + + } /> + }> + } /> + {/* } exact /> */} + + )} ); diff --git a/src/header.jsx b/src/header.jsx index 7651221..e9f73d5 100644 --- a/src/header.jsx +++ b/src/header.jsx @@ -2,13 +2,14 @@ import Logo from "./components/logo"; import ButtonComponent from "./components/button"; import { GiCancel } from "react-icons/gi"; import ScrollIntoView from "react-scroll-into-view"; +import {Outlet} from 'react-router-dom' import { useState } from "react"; const Header = () => { const [open, setOpen] = useState(false); return ( <> -
+
@@ -31,7 +32,7 @@ const Header = () => {
-
+
@@ -44,7 +45,7 @@ const Header = () => { open ? "mobile-nav__open" : "mobile-nav__close" } z-10 bg-darkest`} > -
+
setOpen(!open)} className="my-4"> {" "} Home @@ -59,6 +60,7 @@ const Header = () => {
+ ); }; diff --git a/src/index.jsx b/src/index.jsx index 6aea823..f83f269 100644 --- a/src/index.jsx +++ b/src/index.jsx @@ -1,6 +1,7 @@ import Logo from "./components/logo"; import Header from "./header"; import Footer from "./footer"; +import SiteMap from "./sitemap"; import herobg from "./assets/hero_image.png"; import blur_light from "./assets/blur_light.png"; @@ -10,7 +11,6 @@ import Projects from "./projects"; import Testimonial from "./testimonial"; import Faqs from "./faqs"; import Contact from "./contact"; - import { BsApple } from "react-icons/bs"; import { IoLogoGooglePlaystore } from "react-icons/io5"; @@ -32,8 +32,7 @@ const Page = () => { id="home" className="bg-darkest md:h-fit lg:h-screen py-4 px-3 md:px-8 lg:px-24 text-white" > -
-
+
{

Available Now

{" "} - + Play Store

@@ -229,6 +228,7 @@ const Page = () => {
+ {/* */}