@@ -3,36 +3,33 @@ import Image from 'next/image';
33import Link from 'next/link' ;
44
55function TopBanner ( ) {
6- const [ visible , setVisible ] = useState ( true ) ;
6+ const [ visible , setVisible ] = useState ( true ) ;
77
8- if ( ! visible ) return null ;
8+ if ( ! visible ) return null ;
99
10- return (
11- < div className = "w-full z-50 bg-gradient-to-b from-[#0C1179] to-[#080B4C] relative md:py-[7px] " >
12- < div className = "flex flex-row justify-center items-center text-white py-2 px-4 max-md:px-[1.6rem] max-md:text-[9px] max-md:leading-3" >
13- < Image src = "/rocket.svg" alt = "rocket" width = { 24 } height = { 24 } className = 'hidden md:block' />
14- < Image src = "/rocket.svg" alt = "rocket" width = { 20 } height = { 20 } className = 'md:hidden' />
15- < p className = "md:mx-2 max-md:pl-[0.5rem]" >
16- Stay Updated and Share Your Ideas! Join our Telegram channel for updates and feature requests.
17- </ p >
18- < div className = 'flex flex-row justify-around items-center max-md:pr-[0.4rem]' >
19- < Link href = "https://t.me/+ZJejkXFlMAA4NzZl" target = "_blank" rel = "noopener noreferrer" className = "underline" >
20- Open Telegram { `(early access)` }
21- </ Link >
22-
23- < Link href = "https://t.me/+ZJejkXFlMAA4NzZl" target = "_blank" rel = "noopener noreferrer" className = "underline" >
24- < Image src = "/linknew.svg" alt = "link" width = { 24 } height = { 24 } />
25- </ Link >
26- </ div >
27- </ div >
28- < button onClick = { ( ) => setVisible ( false ) } className = "absolute right-1 md:right-4 top-1/2 transform -translate-y-1/2" >
29- < Image src = "/cross.svg" alt = "close" width = { 24 } height = { 24 } />
30- </ button >
31- </ div >
32-
10+ return (
11+ < div className = "w-full z-50 bg-gradient-to-b from-[#0C1179] to-[#080B4C] relative md:py-[7px] " >
12+ < div className = "flex flex-row justify-center items-center text-white py-2 px-4 max-md:px-[1.6rem] max-md:text-[9px] max-md:leading-3" >
13+ < Image src = "/rocket.svg" alt = "rocket" width = { 24 } height = { 24 } className = "hidden md:block" />
14+ < Image src = "/rocket.svg" alt = "rocket" width = { 20 } height = { 20 } className = "md:hidden" />
15+ < p className = "md:mx-2 max-md:pl-[0.5rem]" >
16+ Stay Updated and Share Your Ideas! Join our Telegram channel for updates and feature requests.
17+ </ p >
18+ < div className = "flex flex-row justify-around items-center max-md:pr-[0.4rem]" >
19+ < Link href = "https://tinyurl.com/jiffyscan-telegram" target = "_blank" rel = "noopener noreferrer" className = "underline" >
20+ Open Telegram { `(early access)` }
21+ </ Link >
3322
34-
35- ) ;
23+ < Link href = "https://tinyurl.com/jiffyscan-telegram" target = "_blank" rel = "noopener noreferrer" className = "underline" >
24+ < Image src = "/linknew.svg" alt = "link" width = { 24 } height = { 24 } />
25+ </ Link >
26+ </ div >
27+ </ div >
28+ < button onClick = { ( ) => setVisible ( false ) } className = "absolute right-1 md:right-4 top-1/2 transform -translate-y-1/2" >
29+ < Image src = "/cross.svg" alt = "close" width = { 24 } height = { 24 } />
30+ </ button >
31+ </ div >
32+ ) ;
3633}
3734
3835export default TopBanner ;
0 commit comments