|
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