Featuring some people, small fixes

src/pages/about.astro

@@ -1,6 +1,6 @@
 ---
 import Layout from '../layouts/Layout.astro'
-import BasicSection from '../layouts/basicSection.astro'
+import AboutSection from '../layouts/aboutSection.astro'
 
 import ContactSection from '../layouts/contactSection.astro'
 import ContactCard from '../components/contactCard.astro'
@@ -36,19 +36,19 @@ const description =
   currentpage="about"
   descriptionOverride={description}
 >
-  <BasicSection title="About">
+  <AboutSection title="About">
     This is a small sideproject that I'm creating. First time doing webdev in
     general, and first project using Typescript.
-  </BasicSection>
-  <BasicSection title="Technologies used">
+  </AboutSection>
+  <AboutSection title="Technologies used">
     {techologydata.map((item) => <TechnologyCard {...item} />)}
-  </BasicSection>
+  </AboutSection>
   <ContactSection title="Contact me">
     {contactdata.map((item) => <ContactCard {...item} />)}
   </ContactSection>
-  <BasicSection title="Disclaimers">
+  <AboutSection title="Disclaimers">
     <CustomFooter />
-  </BasicSection>
+  </AboutSection>
 </Layout>
 
 <style></style>

src/pages/ta-collection.astro

@@ -10,6 +10,7 @@ import Layout from '../layouts/Layout.astro'
 import TaSection from '../layouts/taSection.astro'
 import TaCard from '../components/taCard.astro'
 import tadata from '../../static/_tadata.json'
+import featured_data from '../../static/_featureddata.json'
 
 const important_data = tadata.filter(function (el) {
   return [
@@ -21,6 +22,7 @@ const important_data = tadata.filter(function (el) {
 
 tadata.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))
 important_data.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))
+featured_data.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))
 
 const description = 'A collection of TAs previously completed be Firq.'
 ---
@@ -36,6 +38,12 @@ const description = 'A collection of TAs previously completed be Firq.'
   <TaSection title="Completed TAs">
     {tadata.map((item) => <TaCard {...item} />)}
   </TaSection>
+  <TaSection
+    title="Featured TAs by other Racers"
+    abovetext="TAs done by my fellow Racers, check them out as well!"
+  >
+    {featured_data.map((item) => <TaCard {...item} />)}
+  </TaSection>
 </Layout>
 
 <style></style>