Add tickets info and add volunteers

Author: RajatRajdeep

data/people.jsx

@@ -215,10 +215,6 @@ export const ALL_SPEAKER_VOLUNTEER_IMAGES = [
     imgUrl: 'images/people/sarabjot-singh.png',
     imgAlt: "Dr. Sarabjot Singh Anand's picture",
   },
-  {
-    imgUrl: 'images/people/zainab.jpg',
-    imgAlt: "Zainab Bawa's picture",
-  },
   {
     imgUrl: 'images/people/jaidev-deshpande.jpg',
     imgAlt: "Jaidev Deshpande's picture",
@@ -261,6 +257,10 @@ export const ALL_SPEAKER_VOLUNTEER_IMAGES = [
     imgAlt: "Paul Ganssle's picture",
     imgUrl: '/images/people/paul-ganssle.jpg',
   },
+  {
+    imgAlt: "Snehith Allamrajule's picture",
+    imgUrl: '/images/volunteers/snehith-allamraju.jpeg',
+  },
 ];
 
 export const ALL_SPONSORS = [

src/app/page.jsx

@@ -9,7 +9,8 @@ import SponsorsSection from '@/components/Sponsors';
 import CommunityPartners from '@/components/CommunityPartners';
 
 import { SPEAKERS } from '@/speakers';
-import { CONFERENCE } from '@/conference';
+import { Span } from '@/components/Typography';
+import Link from 'next/link';
 
 const getKeynoteSpeakers = (SPEAKERS) => {
   const speakers = new Map();
@@ -39,7 +40,14 @@ export default function Home() {
 
   return (
     <>
-      <InfoAlert />
+      <InfoAlert>
+      <Span>
+          We are now accepting proposals for lightning talks{' '}
+        </Span>
+        <Link href="https://forms.gle/vSZcUh9CoR6PvPN79" target="_blank">
+          <Span className="underline">here.</Span>
+        </Link>  
+      </InfoAlert>
       <Hero />
       <KeynoteSpeakers speakers={getKeynoteSpeakers(SPEAKERS)} />
       <SponsorsSection />

src/app/tickets/page.jsx

@@ -1,8 +1,7 @@
-import { Heading } from '@/components/Typography';
+import { Heading, Span } from '@/components/Typography';
 import InfoAlert from '@/components/InfoAlert';
 
 import Tickets from '@/components/Tickets';
-import { CONFERENCE } from '@/conference';
 
 export const metadata = {
   title: 'Tickets',
@@ -16,7 +15,11 @@ export const metadata = {
 export default function Page() {
   return (
     <div>
-      <InfoAlert />
+      <InfoAlert>
+        <Span>
+          We are sold out. There are not on spot tickets.
+        </Span>
+      </InfoAlert>
       <section className="flex flex-col items-center py-6 w-11/12 lg:w-5/6 mx-auto">
         <Heading
           tagLevel={1}

src/components/InfoAlert.jsx

@@ -1,19 +1,10 @@
-import Link from 'next/link';
-import { Span } from '@/components/Typography';
-
-
-export default function InfoAlert({ text }) {
+export default function InfoAlert({ children }) {
   return (
     <div
       className="text-center p-4 rounded-lg text-blue-800 bg-blue-50 dark:bg-gray-800 dark:text-blue-400"
       role="alert"
     >
-      <Span className=''>We are now accepting proposals for lightning talks </Span>
-      <Link href="https://forms.gle/vSZcUh9CoR6PvPN79" target="_blank">
-        <Span className='underline'>
-          here.
-        </Span>
-      </Link>
+      {children}
     </div>
   );
 }