+
- {children}
+ {children}
)
diff --git a/src/features/about/delivery/about.page.tsx b/src/features/about/delivery/about.page.tsx
deleted file mode 100644
index ccbe216..0000000
--- a/src/features/about/delivery/about.page.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { FC } from 'react'
-import { Markdown } from '../../../core/components/markdown/markdown'
-import { useTranslations } from 'next-intl'
-import { Page } from '../../../core/components/page/page'
-
-export const AboutPage: FC = () => {
- const t = useTranslations()
- return (
-
- {t('about.title')}
-
-
- )
-}
diff --git a/src/features/links/delivery/links.page.tsx b/src/features/links/delivery/links.page.tsx
index 3d817b8..18d95d3 100644
--- a/src/features/links/delivery/links.page.tsx
+++ b/src/features/links/delivery/links.page.tsx
@@ -1,68 +1,74 @@
import type { FC } from 'react'
-import { useTranslations } from 'next-intl'
import { Page } from '../../../core/components/page/page'
import { Link } from '../../../core/components/link/link'
-import Image from 'next/image'
-import instagram from '../../../../public/assets/icons/instagram.svg'
-import x from '../../../../public/assets/icons/x.svg'
-import youtube from '../../../../public/assets/icons/youtube.svg'
-import github from '../../../../public/assets/icons/github.svg'
-import tiktok from '../../../../public/assets/icons/tiktok.svg'
-import linkedin from '../../../../public/assets/icons/linkedin.svg'
-import email from '../../../../public/assets/icons/email.svg'
+import {
+ SiGithub,
+ SiInstagram,
+ SiLinkedin,
+ SiStackoverflow,
+ SiTiktok,
+ SiX,
+ SiYoutube,
+} from '@icons-pack/react-simple-icons'
+import { Mail } from 'lucide-react'
+import { Card } from '@/components/ui/card'
const links = [
{
title: 'Instagram',
url: 'https://instagram.com/cesalberca',
- icon: instagram,
+ icon: SiInstagram,
},
{
title: 'X',
url: 'https://x.com/cesalberca',
- icon: x,
+ icon: SiX,
},
{
title: 'TikTok',
url: 'https://www.tiktok.com/@cesalberca',
- icon: tiktok,
+ icon: SiTiktok,
},
{
title: 'Youtube',
url: 'https://www.youtube.com/@cesalberca',
- icon: youtube,
+ icon: SiYoutube,
},
{
title: 'LinkedIn',
url: 'https://www.linkedin.com/in/cesalberca',
- icon: linkedin,
+ icon: SiLinkedin,
},
{
title: 'Github',
url: 'https://github.com/cesalberca',
- icon: github,
+ icon: SiGithub,
+ },
+ {
+ title: 'StackOverflow',
+ url: 'https://stackoverflow.com/users/6475656/césar-alberca',
+ icon: SiStackoverflow,
+ },
+ {
+ title: 'Email',
+ url: 'mailto:cesar@cesalberca.com',
+ icon: Mail,
},
]
export const LinksPage: FC = () => {
- const t = useTranslations()
return (
- {t('links.title')}
-
- {links.map(x => (
-
-
-
- {x.title}
-
-
- ))}
-
-
-
- Email
-
+
+
+ {links.map(x => (
+
+
+
+ {x.title}
+
+
+ ))}