Add community partners section

data/communityPartners.js

@@ -1,7 +1,7 @@
 export const COMMUNITY_PARTNERS_INFO = {
   title: 'Community Partners',
   description:
-    'Join PyConf Hyderabad’s Community Partner Program and support the vibrant Python community in India. Become a partner and contribute to the growth of Python enthusiasts.',
+    'Join PyConf Hyderabad Community Partner Program and support the vibrant Python community in India. Become a partner and contribute to the growth of Python enthusiasts.',
 };
 
 export const COMMUNITY_PARTNERS = [];

data/conference.js

@@ -62,9 +62,9 @@ export const KEY_LINKS = {
   konfHubEventPageLabel: 'KonfHub event page',
   konfHubEventPage: '',
   CommunityPartnersProspectusLabel: 'PROSPECTUS',
-  CommunityPartnersProspectusUrl: '',
-  CommunityPartnersProspectusRegisterFormLabel: 'REGISTER',
-  CommunityPartnersProspectusRegisterFormUrl: '',
+  CommunityPartnersProspectusUrl: '/docs/community-partners-prospectus.pdf',
+  CommunityPartnersProspectusRegisterFormLabel: 'APPLY AS A COMMUNITY PARTNER',
+  CommunityPartnersProspectusRegisterFormUrl: 'https://forms.gle/a6YuXQG6t7kkywNo8',
 };
 
 export const SOCIALS = [

src/components/CommunityPartners.jsx

@@ -2,11 +2,13 @@ import React from 'react';
 import Link from 'next/link';
 import Image from 'next/image';
 
-import { Heading } from '@/components/Typography';
+import { Heading, Paragraph } from '@/components/Typography';
 import {
   COMMUNITY_PARTNERS_INFO,
   COMMUNITY_PARTNERS,
 } from '@/communityPartners';
+import CTAButton from './CTAButton';
+import { KEY_LINKS } from '@/conference';
 
 const PartnerLogo = ({ imgUrl, imgAlt }) => {
   return (
@@ -41,6 +43,30 @@ const PartnerCard = (details) => {
   );
 };
 
+const CommunityDescription = () => {
+  return (
+    <>
+      <Paragraph className="text-center text-gray-800 dark:text-gray-300 lg:w-11/12">
+        {COMMUNITY_PARTNERS_INFO.description}
+      </Paragraph>
+      <div className="flex flex-col sm:flex-row items-center mt-4">
+        <CTAButton
+          href={KEY_LINKS.CommunityPartnersProspectusUrl}
+          label={KEY_LINKS.CommunityPartnersProspectusLabel}
+          iconSize={20}
+          variant="secondary"
+        />
+        <CTAButton
+          href={KEY_LINKS.CommunityPartnersProspectusRegisterFormUrl}
+          label={KEY_LINKS.CommunityPartnersProspectusRegisterFormLabel}
+          iconSize={20}
+          variant="accent"
+        />
+      </div>
+    </>
+  );
+};
+
 const CommunityPartners = () => {
   return (
     <section
@@ -50,10 +76,11 @@ const CommunityPartners = () => {
       <Heading
         tagLevel={2}
         level={1}
-        className="text-center mt-8 mb-10 text-secondary-600 dark:text-secondary-400"
+        className="text-center mt-8 mb-10 text-primary-600 dark:text-primary-400"
       >
         {COMMUNITY_PARTNERS_INFO.title}
       </Heading>
+      <CommunityDescription />
       <div className="flex flex-wrap items-center justify-center gap-4 lg:gap-10">
         {COMMUNITY_PARTNERS &&
           COMMUNITY_PARTNERS.map((partner, index) => (

src/config/featureFlags.js

@@ -8,7 +8,7 @@
 export const FEATURE_FLAGS = {
   KEYNOTE_SPEAKERS: true,
   SPONSORS: true,
-  COMMUNITY_PARTNERS: false,
+  COMMUNITY_PARTNERS: true,
   MEET_ORGANIZERS: true,
   SPEAKERS_PAGE: false,
   TICKETS: true,