Merge pull request #6 from 0xPlaygrounds/update-social-links

Update social links

Author: mateobelanger

src/app/layout.tsx

@@ -5,7 +5,7 @@ import { PostHogClientProvider } from '@/components/analytics/PostHogProvider';
 import { Suspense } from 'react';
 
 export const metadata: Metadata = {
-  title: 'Plagrounds',
+  title: 'Playgrounds',
   description: 'Fearless AI Company',
   openGraph: {
     title: 'Playgrounds',

src/components/footer.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import Image from 'next/image';
+import { SOCIAL_LINKS, CONTACT_INFO } from '../constants/socialLinks';
 import posthog from 'posthog-js';
 
 export const Footer = () => {
@@ -28,10 +29,10 @@ export const Footer = () => {
                   <span className="uppercase text-[#D4D4D4]">contact</span>
                   <div className="flex flex-col gap-y-4">
                     <a
-                      href="mailto:info@playgrounds.com"
+                      href={`mailto:${CONTACT_INFO.email}`}
                       className="hover:underline"
                     >
-                      info@playgrounds.com
+                      {CONTACT_INFO.email}
                     </a>
                   </div>
                 </div>
@@ -63,7 +64,7 @@ export const Footer = () => {
                 <span className="uppercase text-[#D4D4D4]">contact</span>
                 <div className="flex flex-col gap-y-4">
                   <a
-                    href="mailto:info@playgrounds.com"
+                    href={`mailto:${CONTACT_INFO.email}`}
                     className="hover:underline"
                     onClick={() => {
                       posthog.capture('cta_click', {
@@ -72,7 +73,7 @@ export const Footer = () => {
                       });
                     }}
                   >
-                    info@playgrounds.com
+                    {CONTACT_INFO.email}
                   </a>
                 </div>
               </div>
@@ -86,7 +87,7 @@ export const Footer = () => {
                 <span className="uppercase text-[#D4D4D4]">follow us</span>
                 <div className="flex flex-col gap-y-4">
                   <a
-                    href="https://github.com/0xPlaygrounds"
+                    href={SOCIAL_LINKS.github}
                     target="_blank"
                     className="hover:underline"
                     onClick={() => {
@@ -99,7 +100,7 @@ export const Footer = () => {
                     Github
                   </a>
                   <a
-                    href="https://www.youtube.com/@arcdotfun"
+                    href={SOCIAL_LINKS.youtube}
                     target="_blank"
                     className="hover:underline"
                     onClick={() => {
@@ -112,7 +113,7 @@ export const Footer = () => {
                     Youtube
                   </a>
                   <a
-                    href="https://x.com/Playgrounds0x"
+                    href={SOCIAL_LINKS.x}
                     target="_blank"
                     className="hover:underline"
                     onClick={() => {

src/components/navbar.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import Image from 'next/image';
+import { SOCIAL_LINKS } from '../constants/socialLinks';
 import posthog from 'posthog-js';
 
 export const Navbar = () => {
@@ -15,7 +16,7 @@ export const Navbar = () => {
         />
         <div className="flex font-medium gap-x-2 items-center">
           <a
-            href="https://github.com/0xPlaygrounds"
+            href={SOCIAL_LINKS.github}
             target="_blank"
             rel="noopener noreferrer"
             className="h-8 cursor-pointer flex border bg-black border-[#333333] hover:border-white/50 transition duration-300 ease-in-out rounded items-center px-3 text-[13px] justify-center"

src/constants/socialLinks.ts

@@ -0,0 +1,9 @@
+export const SOCIAL_LINKS = {
+  github: 'https://github.com/0xPlaygrounds',
+  youtube: 'https://www.youtube.com/@arcdotfun',
+  x: 'https://x.com/ryzomeai',
+};
+
+export const CONTACT_INFO = {
+  email: 'info@playgrounds.com',
+};