diff --git a/src/components/Item.astro b/src/components/Item.astro
index e69de29..8374861 100644
--- a/src/components/Item.astro
+++ b/src/components/Item.astro
@@ -0,0 +1,14 @@
+---
+import { BUTTONS } from '../config';
+---
+
+{
+ BUTTONS.map((button) => (
+
+ {button.name}
+
+ ))
+}
diff --git a/src/config.ts b/src/config.ts
index 4ef51d9..9e736ba 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -16,22 +16,37 @@ export const OPEN_GRAPH = {
export const BUTTONS = [
{
name: 'YouTube',
- background: 'youtube',
+ background: 'bg-youtube hover:bg-youtube/80',
href: '/',
},
{
name: 'Instagram',
- background: 'twitch',
+ background: 'bg-instagram hover:bg-instagram/80',
href: '/',
},
{
- name: 'Instagram',
- background: 'twitch',
+ name: 'GitHub',
+ background: 'bg-github hover:bg-github/80',
href: '/',
},
{
- name: 'Instagram',
- background: 'twitch',
+ name: 'Discord',
+ background: 'bg-discord hover:bg-discord/80',
+ href: '/',
+ },
+ {
+ name: 'Tiwtch',
+ background: 'bg-twitch hover:bg-twitch/80',
+ href: '/',
+ },
+ {
+ name: 'Spotify',
+ background: 'bg-spotify hover:bg-spotify/80',
+ href: '/',
+ },
+ {
+ name: 'Twitter',
+ background: 'bg-twitter hover:bg-twitter/80',
href: '/',
},
];
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b28cb2f..3ae697b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,7 +6,7 @@ import Item from '../components/Item.astro';
---
-
+