restore social links on home page

app/page.tsx

@@ -6,7 +6,7 @@ import {getAllArticles} from '@/lib/getAllArticles'
 import {formatDate} from '@/lib/formatDate'
 import type {Article} from '@/types'
 import {metadata as _metadata} from '@/lib/generateMetadata'
-import {SimpleLayout} from "@/components/layouts/SimpleLayout";
+import {SimpleLayout} from '@/components/layouts/SimpleLayout'
 
 const meta = {
     title: 'Ryan Freeman - Full-stack software engineer based in Dublin, Ireland.',
@@ -66,7 +66,8 @@ export default async function Home() {
     return (
         <SimpleLayout heading={meta.heading}
                       description={meta.description}
-                      gradient="bg-gradient-to-r from-pink-500 to-violet-500">
+                      gradient="bg-gradient-to-r from-pink-500 to-violet-500"
+                      displaySocials={true}>
             <div className="mx-auto grid max-w-xl grid-cols-1 gap-y-20 lg:max-w-none lg:grid-cols-2">
                 <div className="flex flex-col gap-16 mt-6">
                     {articles.map(({slug, title, description, date}) => (

components/layouts/SimpleLayout.tsx

@@ -1,19 +1,23 @@
-import {ReactNode} from 'react'
+import React, {ReactNode} from 'react'
 import {Container} from '@/components/common/Container'
 import {twMerge} from 'tailwind-merge'
+import {SocialLink} from '@/components/ui/SocialLink'
+import {GitHubIcon, LinkedInIcon} from '@/components/icons/SocialIcons'
 
 export type SimpleLayoutProps = {
     heading: string
     description: string
     children: ReactNode
     gradient: string
+    displaySocials?: boolean
 }
 
 export function SimpleLayout({
                                  heading,
                                  description,
                                  children,
-                                 gradient
+                                 gradient,
+                                 displaySocials = false
                              }: SimpleLayoutProps) {
     return (
         <Container className="mt-16 sm:mt-32">
@@ -33,6 +37,20 @@ export function SimpleLayout({
                 <p className="mt-6 text-base text-zinc-600 dark:text-zinc-400">
                     {description}
                 </p>
+                {displaySocials &&
+                    <div className="mt-6 flex gap-6">
+                        <SocialLink
+                            href="https://github.com/r-freeman"
+                            ariaLabel="Follow on GitHub"
+                            icon={GitHubIcon}
+                        />
+                        <SocialLink
+                            href="https://linkedin.com/in/r-freeman/"
+                            ariaLabel="Follow on LinkedIn"
+                            icon={LinkedInIcon}
+                        />
+                    </div>
+                }
             </header>
             <div className="mt-16 sm:mt-20">{children}</div>
         </Container>