-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a69a734
commit f0e6a95
Showing
3 changed files
with
12 additions
and
104 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,90 +1,3 @@ | ||
| // import { Button } from "./ui/moving-border"; | ||
|
|
||
| // export const Header = () => { | ||
| // const email = '[email protected]'; | ||
|
|
||
| // const scrollToComponent = ( | ||
| // id: string, | ||
| // event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement> | ||
| // ) => { | ||
| // event.preventDefault(); | ||
| // const element = document.getElementById(id); | ||
| // if (element) { | ||
| // element.scrollIntoView({ behavior: "smooth" }); | ||
| // } | ||
| // }; | ||
|
|
||
| // const handleMailClick = () => { | ||
| // const mailtoLink = `mailto:${email}`; | ||
| // window.location.href = mailtoLink; | ||
| // }; | ||
|
|
||
| // return ( | ||
| // <div className="fixed top-0 left-0 right-0 z-50"> | ||
| // <nav className="bg-white dark:bg-gray-900 fixed w-full z-20 top-0 start-0 border-b border-gray-200 dark:border-gray-600"> | ||
| // <div className="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-1"> | ||
| // <a | ||
| // href="/" | ||
| // className="flex items-center space-x-2 rtl:space-x-reverse" | ||
| // > | ||
| // <img | ||
| // src="./logo.jpg" | ||
| // alt="Logo" | ||
| // width={90} | ||
| // height={90} | ||
| // className="rounded-full" | ||
| // /> | ||
| // <span className="self-center text-xl font-bold whitespace-nowrap dark:text-white flex flex-col"> | ||
| // <p>CNCG NEW DELHI</p> | ||
| // </span> | ||
| // </a> | ||
| // <div className="flex md:order-2 space-x-3 md:space-x-1 rtl:space-x-reverse font-bold"> | ||
| // <Button onClick={handleMailClick} className="bg-pink transition duration-300 ease-in-out hover:text-opacity-80 hover:mix-blend-darken-10">Contact Us</Button> | ||
| // </div> | ||
| // <div | ||
| // className="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" | ||
| // id="navbar-sticky" | ||
| // > | ||
| // <ul className="flex flex-col p-4 md:p-0 mt-4 border border-gray-100 bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white "> | ||
| // <li> | ||
| // <button | ||
| // onClick={(e) => scrollToComponent("aboutus", e)} | ||
| // className="block py-2 px-3 text-gray-900 rounded md:hover:bg-transparent md:hover:text-blue md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700" | ||
| // > | ||
| // About Us | ||
| // </button> | ||
| // </li> | ||
| // <li> | ||
| // <button | ||
| // onClick={(e) => scrollToComponent("events", e)} | ||
| // className="block py-2 px-3 text-gray-900 rounded md:hover:bg-transparent md:hover:text-blue md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700" | ||
| // > | ||
| // Events | ||
| // </button> | ||
| // </li> | ||
| // <li> | ||
| // <button | ||
| // onClick={(e) => scrollToComponent("team", e)} | ||
| // className="block py-2 px-3 text-gray-900 rounded md:hover:bg-transparent md:hover:text-blue md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700" | ||
| // > | ||
| // Team | ||
| // </button> | ||
| // </li> | ||
| // <li> | ||
| // <button | ||
| // onClick={(e) => scrollToComponent("sponsors", e)} | ||
| // className="block py-2 px-3 text-gray-900 rounded md:hover:bg-transparent md:hover:text-blue md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700" | ||
| // > | ||
| // Our Sponsors | ||
| // </button> | ||
| // </li> | ||
| // </ul> | ||
| // </div> | ||
| // </div> | ||
| // </nav> | ||
| // </div> | ||
| // ); | ||
| // }; | ||
| import { useState } from "react"; | ||
| import { Button } from "./ui/moving-border"; | ||
|
|
||
|
|
@@ -112,10 +25,8 @@ export const Header = () => { | |
| <div className="fixed top-0 left-0 right-0 z-50"> | ||
| <nav className="bg-white dark:bg-gray-900 fixed w-screen z-20 top-0 start-0 border-b border-gray-200 dark:border-gray-600"> | ||
| <div className="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-1"> | ||
|
|
||
|
|
||
| <div className="flex items-center md:order-2 space-x-3 md:space-x-1 rtl:space-x-reverse font-bold"> | ||
| {(window.innerWidth > 768) && ( | ||
| {window.innerWidth > 768 && ( | ||
| <Button | ||
| onClick={handleMailClick} | ||
| className="bg-pink transition duration-300 ease-in-out hover:text-opacity-80 hover:mix-blend-darken-10" | ||
|
|
||