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