|
1 | 1 | import { Link } from "react-router-dom";
|
2 | 2 |
|
3 | 3 | export default function HeroSection() {
|
4 |
| - return ( |
5 |
| - <div className='py-[57px] flex items-center gap-3 justify-center flex-col px-5'> |
6 |
| - <h1 className='text-accent-600 text-lg sm:text-xl font-semibold'>React ChatBotify</h1> |
7 |
| - <h2 className='text-accent-900 font-bold text-3xl sm:text-5xl'>Theme Gallery</h2> |
8 |
| - <h3 className='text-accent-600 sm:text-base text-sm text-center w-[250px]'> |
9 |
| - Browse, rate and share themes for your chatbot today and more! |
10 |
| - </h3> |
11 |
| - <div className="flex mt-6 flex-col items-center sm:flex-row gap-2"> |
12 |
| - <Link to={"/themes"}> |
13 |
| - <button |
14 |
| - className=" |
| 4 | + return ( |
| 5 | + <div className='py-[57px] flex items-center gap-3 justify-center flex-col px-5'> |
| 6 | + <h1 className='text-accent-600 text-lg sm:text-xl font-semibold'>React ChatBotify</h1> |
| 7 | + <h2 className='text-accent-900 font-bold text-3xl sm:text-5xl'>Theme Gallery</h2> |
| 8 | + <h3 className='text-accent-600 sm:text-base text-sm text-center w-[250px]'> |
| 9 | + Browse, rate and share themes for your chatbot today and more! |
| 10 | + </h3> |
| 11 | + <div className="flex mt-6 flex-col items-center sm:flex-row gap-2"> |
| 12 | + <Link to={"/themes"}> |
| 13 | + <button |
| 14 | + className=" |
15 | 15 | bg-accent-100 text-accent-700 hover:bg-gradient-to-r
|
16 | 16 | hover:from-secondary-900 px-2 py-1 text-[14px] hover:to-primary-600
|
17 | 17 | transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg
|
18 | 18 | "
|
19 |
| - > |
20 |
| - Themes |
21 |
| - </button> |
22 |
| - </Link> |
23 |
| - <Link to={"/plugins"}> |
24 |
| - <button |
25 |
| - className=" |
| 19 | + > |
| 20 | + Themes |
| 21 | + </button> |
| 22 | + </Link> |
| 23 | + <Link to={"/plugins"}> |
| 24 | + <button |
| 25 | + className=" |
26 | 26 | bg-accent-100 text-accent-700 hover:bg-gradient-to-r
|
27 | 27 | hover:from-secondary-900 px-2 py-1 text-[14px] hover:to-primary-600
|
28 | 28 | transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg
|
29 | 29 | "
|
30 |
| - > |
31 |
| - Plugins |
32 |
| - </button> |
33 |
| - </Link> |
34 |
| - <Link to={"https://react-chatbotify.com"}> |
35 |
| - <button |
36 |
| - className=" |
| 30 | + > |
| 31 | + Plugins |
| 32 | + </button> |
| 33 | + </Link> |
| 34 | + <Link to={"https://react-chatbotify.com"}> |
| 35 | + <button |
| 36 | + className=" |
37 | 37 | bg-accent-100 text-accent-700 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px]
|
38 | 38 | hover:to-primary-600
|
39 | 39 | transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg
|
40 | 40 | "
|
41 |
| - > |
42 |
| - Documentation |
43 |
| - </button> |
44 |
| - </Link> |
45 |
| - </div> |
46 |
| - </div> |
47 |
| - ) |
| 41 | + > |
| 42 | + Documentation |
| 43 | + </button> |
| 44 | + </Link> |
| 45 | + </div> |
| 46 | + </div> |
| 47 | + ) |
48 | 48 | }
|
49 | 49 |
|
0 commit comments