|
1 | | -import { VscGithub } from 'react-icons/vsc'; |
2 | | -import Link from 'next/link'; |
| 1 | +import { VscGithub } from "react-icons/vsc"; |
| 2 | +import Link from "next/link"; |
3 | 3 |
|
4 | 4 | const CallToActionHero = () => { |
5 | 5 | return ( |
6 | | - <div class="pb-2 flex"> |
7 | | - <div class="w-full grid gap-8 items-start"> |
8 | | - <div class="relative group"> |
9 | | - <div class="absolute -inset-0.5 bg-gradient-to-r from-pink-600 to-fuchsia-700 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200 animate-tilt"></div> |
10 | | - <button class="w-full relative px-7 py-4 bg-black/80 rounded-lg leading-none flex items-center divide-x divide-gray-600 "> |
11 | | - <span class="flex items-center space-x-5 "> |
| 6 | + <div className="pb-2 flex"> |
| 7 | + <div className="w-full grid gap-8 items-start"> |
| 8 | + <div className="relative group"> |
| 9 | + <div className="absolute -inset-0.5 bg-gradient-to-r from-pink-600 to-fuchsia-700 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200 animate-tilt"></div> |
| 10 | + <button className="w-full relative px-7 py-4 bg-black/80 rounded-lg leading-none flex items-center divide-x divide-gray-600 "> |
| 11 | + <span className="flex items-center space-x-5 "> |
12 | 12 | <VscGithub className="w-6 h-6 text-cyber-webx hover:text-pink-600 hover:-rotate-6" /> |
13 | | - <span class="pr-6 text-gray-100 text-sm md:text-base"> |
| 13 | + <span className="pr-6 text-gray-100 text-sm md:text-base"> |
14 | 14 | Hacktoberfest 2022 |
15 | 15 | </span> |
16 | 16 | </span> |
17 | 17 | <Link href="https://github.com/WebXDAO"> |
18 | | - <span class="pl-6 text-white/50 group-hover:text-gray-100 transition duration-200 text-sm md:text-base"> |
| 18 | + <span className="pl-6 text-white/50 group-hover:text-gray-100 transition duration-200 text-sm md:text-base"> |
19 | 19 | See GitHub org → |
20 | 20 | </span> |
21 | 21 | </Link> |
|
0 commit comments