\r
![](\"https://forthebadge.com/images/badges/built-with-love.svg\")
\r
![](\"https://forthebadge.com/images/badges/uses-brains.svg\")
\r
![](\"https://forthebadge.com/images/badges/powered-by-responsibility.svg\")
\r
\r
![](\"https://img.shields.io/github/repo-size/abhay-raj19/FitBody?style=for-the-badge\")
\r
![](\"https://img.shields.io/github/issues/abhay-raj19/FitBody?style=for-the-badge\")
\r
![](\"https://img.shields.io/github/issues-closed-raw/abhay-raj19/FitBody?style=for-the-badge\")
\r
![](\"https://img.shields.io/github/license/abhay-raj19/FitBody?style=for-the-badge\")
",
+ "main": "vite.config.js",
+ "author": "",
+ "license": "ISC"
}
diff --git a/server/package.json b/server/package.json
index 28276afc..09437447 100644
--- a/server/package.json
+++ b/server/package.json
@@ -1,7 +1,6 @@
{
"name": "server",
"version": "1.0.0",
- "description": "",
"main": "index.js",
"type": "module",
"scripts": {
@@ -21,5 +20,6 @@
"mongoose": "^8.3.4",
"nodemon": "^3.1.0",
"zod": "^3.23.8"
- }
+ },
+ "description": ""
}
diff --git a/src/App.css b/src/App.css
index 37324e7a..25646ab9 100644
--- a/src/App.css
+++ b/src/App.css
@@ -23,12 +23,14 @@
.light-mode-app {
background-color: #f7f7f7;
color: #333;
+ height:100vh;
}
/* Styles for dark mode */
.dark-mode-app {
background-color:#111;
- color:#f7f7f7
+ color:#f7f7f7;
+ height:100vh;
}
@media (max-width: 768px) {
diff --git a/src/App.jsx b/src/App.jsx
index f49bd390..5a1be852 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -18,6 +18,7 @@ import Licensing from "./components/UI/Licensing";
import TermsAndConditions from "./components/UI/termsandconditions";
import { BrowserRouter as Router , Routes, Route } from "react-router-dom";
import Error from "./components/UI/Error";
+import Register from "./components/UI/Register";
@@ -54,6 +55,7 @@ function App() {
} />
} />
} />
+
} />
} />
diff --git a/src/assets/img/exercise.avif b/src/assets/img/exercise.avif
new file mode 100644
index 00000000..e5bb50ea
Binary files /dev/null and b/src/assets/img/exercise.avif differ
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index cbff539c..569f1f4b 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -1,14 +1,14 @@
-import React, { useRef } from "react";
+import React, { useRef, useEffect, useState } from "react";
import "../../styles/header.css";
import logo from "../../assets/img/dumble.png";
-import { useEffect, useState } from "react";
import gsap from "gsap";
+import { NavLink } from "react-router-dom";
import { useGSAP } from "@gsap/react";
gsap.registerPlugin(useGSAP);
const nav__links = [
{
- path: "#home",
+ path: "/",
display: "Home",
},
{
@@ -28,6 +28,7 @@ const nav__links = [
display: "Contact Us",
},
];
+
const Header = ({ isDarkMode, setDarkMode }) => {
const [open, setOpen] = useState(false);
const [headerBackground, setHeaderBackground] = useState(
@@ -71,16 +72,21 @@ const Header = ({ isDarkMode, setDarkMode }) => {
};
}, [isDarkMode]);
- const handleClick = (e) => {
+ const handleClick = (e, path) => {
e.preventDefault();
- const targetAttr = e.target.getAttribute("href");
- const location = document.querySelector(targetAttr).offsetTop;
-
- window.scrollTo({
- left: 0,
- top: location - 80,
- });
+ if (path === "/") {
+ window.scrollTo({
+ left: 0,
+ top: 0,
+ });
+ } else {
+ const location = document.querySelector(path).offsetTop;
+ window.scrollTo({
+ left: 0,
+ top: location - 80,
+ });
+ }
toggleMobileMenu();
};
@@ -110,7 +116,7 @@ const Header = ({ isDarkMode, setDarkMode }) => {