Add position to ProfileCard

Author: nikoshell

src/components/profile/ProfileCard.astro

@@ -1,5 +1,5 @@
 ---
-const {name, slug, url, avatar, company} = Astro.props;
+const {name, slug, url, avatar, company, position=""} = Astro.props;
 const defaultAltText = `Profile photo of ${name}`;
 
 const link = url? url:`/speaker/${slug}`
@@ -18,7 +18,8 @@ const isExternal = Boolean(url);
       class="profile-image"
     />
     <span class="profile-text">{name}</span>
-    <span class="text-sm">{company}</span>
+    {position && <span class="text-sm">{position}</span>}
+    {company && <span class="text-sm">@ {company}</span>}
   </div>
 </a>
 

src/content/pages/beginners-day-unconference.mdx

@@ -62,6 +62,7 @@ Whether you're switching careers or just starting out, this is your chance to le
 <div class="speakers-grid">
   <ProfileCard
     name="Jana Moudrá"
+    position="CEO"
     company="Juicymo"
     avatar="/beginners-day-unconference/jana_moudra.jpg"
     url="https://www.linkedin.com/in/janamoudra/"