wip

Author: hasparus

src/components/learn-aggregator/index.tsx

@@ -39,7 +39,7 @@ export function TeaserSection({
   return (
     <section
       className={clsx(
-        "gql-container gql-section flex items-start gap-8 max-lg:flex-col max-lg:pt-6 lg:gap-12 xl:gap-16",
+        "gql-container gql-section flex items-start gap-8 max-lg:flex-col max-lg:pt-6 lg:gap-12 lg:pb-24 xl:gap-16",
         className,
       )}
       {...rest}
@@ -98,8 +98,6 @@ export function TeaserSection({
   )
 }
 
-// https://www.figma.com/design/aPUvZDSxJfYDJtPd7GF2sB/GraphQL.org--Working-File?node-id=6368-6983&t=JE1eYbp6gpQRUILY-4
-// https://www.figma.com/design/aPUvZDSxJfYDJtPd7GF2sB/GraphQL.org--Working-File?node-id=5830-51637&t=JE1eYbp6gpQRUILY-4
 interface TeaserSectionListItemProps
   extends React.HTMLAttributes<HTMLLIElement> {
   number: number

src/pages/learn/index.mdx

@@ -3,6 +3,8 @@ import { Button } from '@/app/conf/_design-system/button';
 import { TocHero, TocHeroContents } from '../../components/toc-hero';
 import { TeaserSection, LearnHeroStripes } from '../../components/learn-aggregator'
 import { pagesBySection } from '../../components/learn-aggregator/learn-pages'
+import { CommonQuestionsSection } from '../../components/learn-aggregator/common-questions'
+import { TrainingCoursesSection } from '../../components/learn-aggregator/training-courses'
 import { NavbarFixed } from '../../components/navbar/navbar-fixed'
 
 <NavbarFixed />
@@ -54,3 +56,7 @@ import { NavbarFixed } from '../../components/navbar/navbar-fixed'
   }
   items={pagesBySection["best-practices"]}
 />
+
+<TrainingCoursesSection id="tutorials" />
+
+<CommonQuestionsSection id="faq" />