feat: awards section (#291)

Author: eddiejaoude

src/components/Newsletter.jsx

@@ -1,12 +1,16 @@
 import { Container } from '@/components/Container'
+import Image from 'next/image'
+
+import CommunityAward from '@/images/awards/github-award-community-growth-eddie-jaoude.jpeg'
+import TeacherAward from '@/images/awards/github-award-top-teacher-eddie-jaoude.jpeg'
 
 export function Newsletter() {
   return (
     <section
       id="get-started-today"
       className="relative overflow-hidden bg-primary-600 py-32"
     >
-      <Container className="relative">
+      <Container className="relative space-y-16">
         <div className="mx-auto max-w-lg text-center">
           <h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
             Subscribe to the EddieHub Newsletter
@@ -22,6 +26,15 @@ export function Newsletter() {
             ></iframe>
           </div>
         </div>
+        <div className="mx-auto text-center">
+          <h3 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
+            Awards
+          </h3>
+          <div className="my-4 flex flex-wrap items-center justify-evenly gap-4">
+            <Image src={CommunityAward} width="500" className="rounded" />
+            <Image src={TeacherAward} width="500" className="rounded" />
+          </div>
+        </div>
       </Container>
     </section>
   )