fix: moved partners down to footer

EddieHubCommunity · Nov 3, 2023 · f160d31 · f160d31
1 parent 4a9df72
commit f160d31
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 41 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -7,11 +7,47 @@ import { NavLink } from '@/components/NavLink'
 
 import DiscordLogo from '@/images/logos/discord.svg'
 import GitHubLogo from '@/images/logos/github.svg'
+import WeMakeDevs from '@/images/logos/WeMakeDevs.jpg'
+import ContentCreators4Cs from '@/images/logos/ContentCreators4Cs.jpg'
 
 export function Footer() {
   return (
     <footer className="bg-slate-50">
       <Container>
+        <div className="text-center">
+          <p className="font-display text-base text-slate-900">
+            Community Partners: Other great communities we collaborate with
+          </p>
+          <ul
+            role="list"
+            className="mt-8 flex items-center justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-10 xl:flex-row xl:gap-x-12 xl:gap-y-0"
+          >
+            {[
+              [
+                { name: 'WeMakeDevs', logo: WeMakeDevs },
+                { name: '4C', logo: ContentCreators4Cs },
+              ],
+            ].map((group, groupIndex) => (
+              <li key={groupIndex}>
+                <ul
+                  role="list"
+                  className="flex flex-col items-center gap-y-8 sm:flex-row sm:gap-x-12 sm:gap-y-0"
+                >
+                  {group.map((company) => (
+                    <li key={company.name} className="flex">
+                      <Image
+                        src={company.logo}
+                        alt={company.name}
+                        unoptimized
+                        width="50"
+                      />
+                    </li>
+                  ))}
+                </ul>
+              </li>
+            ))}
+          </ul>
+        </div>
         <div className="py-16">
           <Logo className="mx-auto h-10 w-auto" />
           <nav className="mt-10 text-sm" aria-label="quick links">

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -1,20 +1,16 @@
-import Image from 'next/image'
-
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
-import WeMakeDevs from '@/images/logos/WeMakeDevs.jpg'
-import ContentCreators4Cs from '@/images/logos/ContentCreators4Cs.jpg'
 
 export function Hero() {
   return (
     <Container className="pb-16 pt-20 text-center lg:pt-32">
       <h1 className="mx-auto max-w-4xl font-display text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl">
         Open Source{' '}
-        <span className="text-primary-600 relative whitespace-nowrap">
+        <span className="relative whitespace-nowrap text-primary-600">
           <svg
             aria-hidden="true"
             viewBox="0 0 418 42"
-            className="fill-primary-300/70 absolute left-0 top-2/3 h-[0.58em] w-full"
+            className="absolute left-0 top-2/3 h-[0.58em] w-full fill-primary-300/70"
             preserveAspectRatio="none"
           >
             <path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z" />
@@ -35,47 +31,13 @@ export function Hero() {
         >
           <svg
             aria-hidden="true"
-            className="fill-primary-600 h-3 w-3 flex-none group-active:fill-current"
+            className="h-3 w-3 flex-none fill-primary-600 group-active:fill-current"
           >
             <path d="m9.997 6.91-7.583 3.447A1 1 0 0 1 1 9.447V2.553a1 1 0 0 1 1.414-.91L9.997 5.09c.782.355.782 1.465 0 1.82Z" />
           </svg>
           <span className="ml-3">Watch video</span>
         </Button>
       </div>
-      <div className="mt-36 lg:mt-44">
-        <p className="font-display text-base text-slate-900">
-          Community Partners: Other great communities we collaborate with
-        </p>
-        <ul
-          role="list"
-          className="mt-8 flex items-center justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-10 xl:flex-row xl:gap-x-12 xl:gap-y-0"
-        >
-          {[
-            [
-              { name: 'WeMakeDevs', logo: WeMakeDevs },
-              { name: '4C', logo: ContentCreators4Cs },
-            ],
-          ].map((group, groupIndex) => (
-            <li key={groupIndex}>
-              <ul
-                role="list"
-                className="flex flex-col items-center gap-y-8 sm:flex-row sm:gap-x-12 sm:gap-y-0"
-              >
-                {group.map((company) => (
-                  <li key={company.name} className="flex">
-                    <Image
-                      src={company.logo}
-                      alt={company.name}
-                      unoptimized
-                      width="50"
-                    />
-                  </li>
-                ))}
-              </ul>
-            </li>
-          ))}
-        </ul>
-      </div>
     </Container>
   )
 }