Add sections.

Author: nikoshell

src/components/SponsorCard.astro

@@ -51,7 +51,7 @@ const socialLinks = [
 <div
   class="lg:max-w-[400px] flex flex-col gap-6 p-6 rounded-lg shadow-md bg-white text-black mb-6"
 >
-  <div class="w-full flex justify-center items-center md:items-center">
+  <div class="w-full flex justify-center items-center md:items-center min-h-[140px]">
     {
       logo && (
           <Image
@@ -83,7 +83,7 @@ const socialLinks = [
           {industry} {industry && location && <>—</>} {location}
         </p>
 
-        <p class="py-6" style="border: 0 solid rgba(33,33,33,0.2); border-width: 1px 0 0 0;">{description}</p>
+        <p class="py-6 " style="border: 0 solid rgba(33,33,33,0.2); border-width: 1px 0 0 0;">{description}</p>
 
 
         {showJobs && jobs && (

src/layouts/SectionLayout.astro

@@ -0,0 +1,14 @@
+---
+import Layout from "@layouts/Layout.astro";
+import Section from "@ui/Section.astro";
+
+import "../styles/markdown.css";
+
+const { title, description } = Astro.props;
+---
+
+<Layout title={title} description={description}>
+  <Section>
+      <slot />
+  </Section>
+</Layout>

src/pages/jobs.astro

@@ -1,7 +1,7 @@
 ---
 import { type CollectionEntry, getCollection, getEntry } from "astro:content";
 
-import Layout from "@layouts/MarkdownLayout.astro";
+import Layout from "@layouts/SectionLayout.astro";
 
 import SponsorCard from "@components/SponsorCard.astro";
 import JobCard from "@components/JobCard.astro";

src/pages/sponsor/[sponsor]/[job].astro

@@ -1,5 +1,5 @@
 ---
-import Layout from "@layouts/MarkdownLayout.astro";
+import Layout from "@layouts/SectionLayout.astro";
 import JobCard from "@components/JobCard.astro";
 import SponsorCard from "@components/SponsorCard.astro";
 import TwoCols from "@components/TwoCols.astro";

src/pages/sponsor/[sponsor]/index.astro

@@ -1,5 +1,5 @@
 ---
-import Layout from "@layouts/MarkdownLayout.astro";
+import Layout from "@layouts/SectionLayout.astro";
 import SponsorCard from "@components/SponsorCard.astro";
 import CardContent from "@components/CardContent.astro";
 import SponsorDisplay from "@components/SponsorDisplay.astro";

src/pages/sponsors.astro

@@ -1,6 +1,6 @@
 ---
 import { type CollectionEntry, getCollection } from "astro:content";
-import Layout from "@layouts/MarkdownLayout.astro";
+import Layout from "@layouts/SectionLayout.astro";
 import SponsorLogo from "@components/SponsorLogo.astro";
 import Headline from "@ui/Headline.astro";
 

src/pages/sponsors2.astro

@@ -1,6 +1,6 @@
 ---
 import { type CollectionEntry, getCollection, getEntry } from "astro:content";
-import Layout from "@layouts/MarkdownLayout.astro";
+import Layout from "@layouts/SectionLayout.astro";
 import SponsorCard from "@components/SponsorCard.astro";
 
 const sponsors = await getCollection("sponsors");