|
1 | 1 | import { useContext } from 'react' |
2 | 2 | import Image from 'next/image' |
3 | 3 | import Link from 'next/link' |
| 4 | +import heroLogo from '@/assets/hero_logo.webp' |
4 | 5 | import { Button } from '@/components/ui/button' |
5 | 6 | import { ContextTopUsers } from '@/context/ContextTopUsers' |
6 | | -import heroLogo from '@/assets/hero_logo.webp' |
7 | 7 | import { setWindowScrollTo } from '@/utils/setWindowScrollTo' |
8 | 8 |
|
9 | 9 | const Hero = () => { |
@@ -42,8 +42,34 @@ const Hero = () => { |
42 | 42 | > |
43 | 43 | JSON Placeholder |
44 | 44 | </Link> |
| 45 | + </Button>{' '} |
| 46 | + and{' '} |
| 47 | + <Button asChild variant="link"> |
| 48 | + <Link |
| 49 | + href="https://fakerjs.dev/api/company.html" |
| 50 | + target="_blank" |
| 51 | + rel="noopener noreferrer" |
| 52 | + className="underline text-normal" |
| 53 | + aria-label="Link to Faker (opens in a new tab)" |
| 54 | + title="Link to Faker (opens in a new tab)" |
| 55 | + > |
| 56 | + Faker |
| 57 | + </Link> |
| 58 | + </Button> |
| 59 | + , logos from |
| 60 | + <Button asChild variant="link"> |
| 61 | + <Link |
| 62 | + href="https://logoipsum.com/" |
| 63 | + target="_blank" |
| 64 | + rel="noopener noreferrer" |
| 65 | + className="underline text-normal" |
| 66 | + aria-label="Link to Logoipsum (opens in a new tab)" |
| 67 | + title="Link to Logoipsum (opens in a new tab)" |
| 68 | + > |
| 69 | + Logoipsum |
| 70 | + </Link> |
45 | 71 | </Button> |
46 | | - and using UI elements from the React component library |
| 72 | + , and uses UI elements from the React component library |
47 | 73 | <Button asChild variant="link"> |
48 | 74 | <Link |
49 | 75 | href="https://ui.shadcn.com/" |
|
0 commit comments