diff --git a/frontend/src/App.css b/frontend/src/App.css
index fc63760d..be475222 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -5,6 +5,7 @@
transition: background-color 0.2s;
}
- cursor: pointer;
+ /* cursor: pointer;
transition: background-color 0.2s;
-}
\ No newline at end of file
+}
+}}}} */
\ No newline at end of file
diff --git a/frontend/src/ChatAssistant/ChatAssistant.css b/frontend/src/ChatAssistant/ChatAssistant.css
index f31438ee..e3672ddf 100644
--- a/frontend/src/ChatAssistant/ChatAssistant.css
+++ b/frontend/src/ChatAssistant/ChatAssistant.css
@@ -5,7 +5,7 @@
margin-right: 20px;
margin-bottom: 12px;
/* z-index: 999; */
- cursor:none;
+ /* cursor:none; */
}
.chatbot-close-animation {
animation: animate-close ease-in 0.3s forwards;
@@ -148,7 +148,7 @@
.Logo {
height: 50px;
width: 50px;
- cursor: none;
+ /* cursor: none; */
height:50px;
width:50px;
}
@@ -183,7 +183,7 @@
border-radius: 50px;
color: black;
font-size: 20px;
- cursor: none;
+ /* cursor: none; */
position: absolute;
z-index: 5;
margin-left: 130px;
diff --git a/frontend/src/Component/Navbar/NavbarCenter.js b/frontend/src/Component/Navbar/NavbarCenter.js
index 7741e9ca..986a0147 100644
--- a/frontend/src/Component/Navbar/NavbarCenter.js
+++ b/frontend/src/Component/Navbar/NavbarCenter.js
@@ -30,9 +30,9 @@ function NavbarCenter() {
About Us>} to="/about" />
-
+ {/*
FAQ's>} to="/faq" />
-
+ */}
Rate Us>} to="#" />
diff --git a/frontend/src/Component/TrailingCursor/TrailingCursor.jsx b/frontend/src/Component/TrailingCursor/TrailingCursor.jsx
index 1c862382..40ecc9bd 100644
--- a/frontend/src/Component/TrailingCursor/TrailingCursor.jsx
+++ b/frontend/src/Component/TrailingCursor/TrailingCursor.jsx
@@ -1,72 +1,72 @@
-import React, { useEffect, useState } from 'react';
-import Styles from './TrailingCursor.module.css';
-import { PiCursorFill } from "react-icons/pi";
-import { FaHandPointer } from "react-icons/fa";
-import { LuTextCursor } from "react-icons/lu";
-const TrailingCursor = () => {
- const [cursorPosition, setCursorPosition] = useState({ x: 0, y: 0 });
- const [isPointer, setIsPointer] = useState('default');
- const handleMouseMove = (event) => {
- const scrollLeft = window.pageXOffset;
- const scrollTop = window.pageYOffset;
- setCursorPosition({ x: event.clientX + scrollLeft, y: event.clientY + scrollTop });
- createTrailing(event.clientX + 40, event.clientY + 40);
- };
- const handleMouseOver = (event) => {
- if (event.target.tagName === 'A' || event.target.tagName === 'BUTTON') {
- setIsPointer('pointer');
- } else if (event.target.tagName === 'INPUT' || event.target.tagName === 'TEXTAREA') {
- setIsPointer('text');
- } else {
- setIsPointer('default');
- }
- };
- const createTrailing = (x, y) => {
- const trailingContainer = document.createElement('div');
- trailingContainer.className = 'trailing-container';
- for (let i = 0; i < 2; i++) {
- const trailing = document.createElement('div');
- trailing.className = Styles['trailing'];
- const relativeX = x + Math.random() * 20 - 10; // Randomize position within a range
- const relativeY = y + Math.random() * 20 - 10; // Randomize position within a range
- trailing.style.left = `${relativeX - 5}px`;
- trailing.style.top = `${relativeY - 5}px`;
- trailingContainer.appendChild(trailing);
- }
- document.body.appendChild(trailingContainer);
- // Remove the trailing elements after the animation ends
- setTimeout(() => {
- trailingContainer.remove();
- }, 400);
- };
- useEffect(() => {
- document.addEventListener('mousemove', handleMouseMove);
- document.addEventListener('mouseover', handleMouseOver);
+// import React, { useEffect, useState } from 'react';
+// import Styles from './TrailingCursor.module.css';
+// import { PiCursorFill } from "react-icons/pi";
+// import { FaHandPointer } from "react-icons/fa";
+// import { LuTextCursor } from "react-icons/lu";
+// const TrailingCursor = () => {
+// const [cursorPosition, setCursorPosition] = useState({ x: 0, y: 0 });
+// const [isPointer, setIsPointer] = useState('default');
+// const handleMouseMove = (event) => {
+// const scrollLeft = window.pageXOffset;
+// const scrollTop = window.pageYOffset;
+// setCursorPosition({ x: event.clientX + scrollLeft, y: event.clientY + scrollTop });
+// createTrailing(event.clientX + 40, event.clientY + 40);
+// };
+// const handleMouseOver = (event) => {
+// if (event.target.tagName === 'A' || event.target.tagName === 'BUTTON') {
+// setIsPointer('pointer');
+// } else if (event.target.tagName === 'INPUT' || event.target.tagName === 'TEXTAREA') {
+// setIsPointer('text');
+// } else {
+// setIsPointer('default');
+// }
+// };
+// const createTrailing = (x, y) => {
+// const trailingContainer = document.createElement('div');
+// trailingContainer.className = 'trailing-container';
+// for (let i = 0; i < 2; i++) {
+// const trailing = document.createElement('div');
+// trailing.className = Styles['trailing'];
+// const relativeX = x + Math.random() * 20 - 10; // Randomize position within a range
+// const relativeY = y + Math.random() * 20 - 10; // Randomize position within a range
+// trailing.style.left = `${relativeX - 5}px`;
+// trailing.style.top = `${relativeY - 5}px`;
+// trailingContainer.appendChild(trailing);
+// }
+// document.body.appendChild(trailingContainer);
+// // Remove the trailing elements after the animation ends
+// setTimeout(() => {
+// trailingContainer.remove();
+// }, 400);
+// };
+// useEffect(() => {
+// document.addEventListener('mousemove', handleMouseMove);
+// document.addEventListener('mouseover', handleMouseOver);
- return () => {
- document.removeEventListener('mousemove', handleMouseMove);
- document.removeEventListener('mouseover', handleMouseOver);
- };
- }, []);
- return (
-
-
- {isPointer === 'pointer' ? (
-
- ) : (
- isPointer === 'default' ? (
-
- ) : (
-
- )
- )}
-
-
- );
-};
-export default TrailingCursor;
+// return () => {
+// document.removeEventListener('mousemove', handleMouseMove);
+// document.removeEventListener('mouseover', handleMouseOver);
+// };
+// }, []);
+// return (
+//
+//
+// {isPointer === 'pointer' ? (
+//
+// ) : (
+// isPointer === 'default' ? (
+//
+// ) : (
+//
+// )
+// )}
+//
+//
+// );
+// };
+// // export default TrailingCursor;
diff --git a/frontend/src/Component/TrailingCursor/TrailingCursor.module.css b/frontend/src/Component/TrailingCursor/TrailingCursor.module.css
index 867f398a..9f7ff526 100644
--- a/frontend/src/Component/TrailingCursor/TrailingCursor.module.css
+++ b/frontend/src/Component/TrailingCursor/TrailingCursor.module.css
@@ -1,10 +1,10 @@
-.cursor-container {
+/* .cursor-container {
position: absolute;
pointer-events: none;
z-index: 12;
transform: translate(0,10%);
-}
-
+} */
+/*
.custom-cursor {
width: 33px;
height: 33px;
@@ -17,9 +17,9 @@
position: absolute;
pointer-events: none;
animation: trailing-animation 0.4s linear;
-}
+} */
-.trailing {
+/* .trailing {
position: absolute;
width: 8px;
height: 8px;
@@ -30,8 +30,8 @@
transition: transform 1.2s, opacity 1s;
pointer-events: none;
/* z-index: 9998; */
-}
-
+/* } */
+/*
@keyframes trailing-effect {
from {
transform: scale(1);
@@ -50,4 +50,4 @@
opacity: 0;
}
}
-
+ */
diff --git a/frontend/src/Component/TrailingCursor/index.js b/frontend/src/Component/TrailingCursor/index.js
index 17bb4414..1f82c556 100644
--- a/frontend/src/Component/TrailingCursor/index.js
+++ b/frontend/src/Component/TrailingCursor/index.js
@@ -1,7 +1,7 @@
// index.js in frontend/src/Component/TrailingCursor/
// Importing the TrailingCursor component from its file
-import TrailingCursor from './TrailingCursor';
+// import TrailingCursor from './TrailingCursor';
// Exporting the component to be used in other parts of the application
-export default TrailingCursor;
+// export default TrailingCursor;
diff --git a/frontend/src/index.css b/frontend/src/index.css
index dea4f3e5..bc2c6975 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -3,13 +3,13 @@ body,
html {
scrollbar-width: none;
height: 100%;
- cursor: none;
+ /* cursor: none; */
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
- cursor: none;
+ /* cursor: none; */
}
body {
@@ -36,7 +36,7 @@ body {
bottom: 18px !important;
}
.darkmode-toggle:hover {
- cursor: none;
+ /* cursor: none; */
}
diff --git a/frontend/src/style/Home.css b/frontend/src/style/Home.css
index 9976cabd..6231dd8b 100644
--- a/frontend/src/style/Home.css
+++ b/frontend/src/style/Home.css
@@ -276,7 +276,7 @@
border: 2px solid #804afe;
color: white;
box-shadow: -1px 2px 8px #c5aff899,0px 2px 8px #6943c392;
- cursor: none;
+ /* cursor: none; */
}
.hero-button a:hover {
color: white;
@@ -437,18 +437,18 @@
border-radius: 6px;
box-shadow: 1px 1px rgb(0, 0, 0, 0.5);
background-color: #8b5cf6;
- cursor: none;
+ /* cursor: none; */
}
.btn-booked-box {
border: 2px dashed #8b5cf6;
color: white;
- cursor: none;
+ /* cursor: none; */
background: transparent;
}
.btn-booked-box:hover {
color: white;
- cursor: none;
+ /* cursor: none; */
background-color: #8b5cf6;
box-shadow: 10px 10px 30px rgba(139, 92, 246, 0.8),
-10px -10px 30px rgba(139, 92, 246, 0.3);
@@ -457,7 +457,7 @@
.btn-b-box:hover {
color: #fff;
background: transparent;
- cursor: none;
+ /* cursor: none; */
box-shadow: 2px 2px 1px #8b5cf6;
}
@@ -631,7 +631,7 @@
border: 2px solid #8b5cf6;
color: white;
box-shadow: 4px 4px 2px #8b5cf6;
- cursor: none;
+ /* cursor: none; */
}
.hero-button a:hover {
diff --git a/frontend/src/style/Navbar.css b/frontend/src/style/Navbar.css
index 67d7fc14..a93862c9 100644
--- a/frontend/src/style/Navbar.css
+++ b/frontend/src/style/Navbar.css
@@ -57,7 +57,7 @@
padding: 0;
margin: 0;
justify-content: space-between; /* Add space between items */
- width: 109%; /* Make the navbar items stretch along the width */
+ width: 100%; /* Make the navbar items stretch along the width */
}
.card-body img {
@@ -81,11 +81,11 @@
box-shadow: 0 0 10px rgba(255, 255, 255, 0); /* Initially no shadow */
}
-.nav-item:hover {
- transform: scale(1.05); /* Scale up slightly on hover */
- filter: brightness(1.2); /* Brighten on hover for shine effect */
- box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); /* Add glowing effect */
-}
+ .nav-item:hover {
+ /* transform: scale(1.05); Scale up slightly on hover */
+ filter: brightness(1.2);/* Brighten on hover for shine effect */
+ /* box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); Add glowing effect */
+}
@@ -222,6 +222,7 @@
height: 2px;
background-color: black;
transition: width 0.2s ease-in-out;
+ transform-origin:center ;
}
.sidebar.active {
diff --git a/frontend/src/style/Profile.css b/frontend/src/style/Profile.css
index 857d7096..430fe00a 100644
--- a/frontend/src/style/Profile.css
+++ b/frontend/src/style/Profile.css
@@ -324,9 +324,9 @@
backdrop-filter: blur(5px); /* Add blur effect */
}
-@media (max-width: 600px) {
+/* @media (max-width: 600px) {
.TrailingCursor_cursor-container__iOCry{
display: none;
}
-}
\ No newline at end of file
+} */
\ No newline at end of file