Merge pull request #2 from jonerickson/feature/affiliates

Add affiliate program links

Author: jonerickson

src/app/layout.jsx

@@ -1,5 +1,6 @@
 import { Providers } from '@/app/providers';
 import { Layout } from '@/components/Layout';
+import { Affiliates } from '@/components/Affiliates';
 
 import '@/styles/tailwind.css';
 
@@ -27,6 +28,7 @@ export default function RootLayout({ children }) {
             <Layout>{children}</Layout>
           </div>
         </Providers>
+        <Affiliates />
       </body>
     </html>
   );

src/components/Affiliates.jsx

@@ -0,0 +1,14 @@
+'use client';
+
+import Script from 'next/script';
+
+export function Affiliates() {
+  return (
+    <Script
+      src='https://lmsqueezy.com/affiliate.js'
+      onLoad={() =>
+        (window.lemonSqueezyAffiliateConfig = { store: 'deschutesdesigngroup' })
+      }
+    />
+  );
+}

src/components/Footer.jsx

@@ -19,7 +19,7 @@ export function Footer() {
       <ContainerOuter>
         <div className='border-t border-zinc-100 pb-16 pt-10 dark:border-zinc-700/40'>
           <ContainerInner>
-            <div className='flex flex-col items-center justify-between gap-6 sm:flex-row'>
+            <div className='flex flex-col items-center justify-between gap-6 md:items-start'>
               <div className='flex flex-wrap justify-center gap-x-6 gap-y-1 text-sm font-medium text-zinc-800 dark:text-zinc-200'>
                 <NavLink href='/about'>About</NavLink>
                 <NavLink href='/articles'>Articles</NavLink>
@@ -31,6 +31,12 @@ export function Footer() {
                 >
                   Store
                 </NavLink>
+                <NavLink
+                  href='https://store.deschutesdesigngroup.com/affiliates'
+                  target='_blank'
+                >
+                  Affiliate Program
+                </NavLink>
                 <NavLink
                   href='https://portal.deschutesdesigngroup.com'
                   target='_blank'