Add CFP button cta (#17)

HydPy · Nov 20, 2024 · e523f02 · e523f02
1 parent c7183bc
commit e523f02
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/data/details.js b/data/details.js
@@ -6,6 +6,7 @@ export const CONFERENCE = {
     'Hyderabad’s biggest Python conference is on the way! Get ready for an unforgettable experience and stay tuned for updates!',
   copyrightTitle: 'Copyright @ 2025 PyConf Hyderabad',
   volunteerFormUrl: 'https://forms.gle/aceBohpaYLWef4eU9',
+  cfpUrl: 'https://www.papercall.io/pyconfhyd2025',
   heroBannerUrl: '/images/hero-banner.webp',
   heroBannerAriaLabel: 'PyConf Hyderabad 2022 volunteers picture',
 };

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -14,10 +14,17 @@ const Hero = () => {
           <p className="mb-6 text-gray-600 md:text-lg lg:text-1xl">
             {CONFERENCE.announcement}
           </p>
+
           <Link href={CONFERENCE.volunteerFormUrl} target="_blank">
+            <button className="inline-flex items-center justify-center bg-accent-light-600 px-5 py-3 font-medium hover:bg-accent-light-700 text-center text-gray-50 border rounded-lg mr-4">
+              <Icon name="VolunteerActivism" size={20} />
+              <span className="ml-2">BECOME A VOLUNTEER</span>
+            </button>
+          </Link>
+          <Link href={CONFERENCE.cfpUrl} target="_blank">
             <button className="inline-flex items-center justify-center bg-accent-light-600 px-5 py-3 font-medium hover:bg-accent-light-700 text-center text-gray-50 border rounded-lg">
-              BECOME A VOLUNTEER
-              <Icon name="VolunteerActivism" className="ms-2" size={20} />
+              <Icon name="MdCampaign" size={20} />
+              <span className="ml-2">SUBMIT YOUR PROPOSAL</span>
             </button>
           </Link>
         </div>

diff --git a/src/components/Icon.jsx b/src/components/Icon.jsx
@@ -6,7 +6,7 @@ import {
   FaXTwitter,
 } from 'react-icons/fa6';
 import { GiHamburgerMenu } from 'react-icons/gi';
-import { MdVolunteerActivism } from 'react-icons/md';
+import { MdVolunteerActivism, MdCampaign } from 'react-icons/md';
 
 const icons = {
   Facebook: FaFacebook,
@@ -16,6 +16,7 @@ const icons = {
   X: FaXTwitter,
   HamburgerMenu: GiHamburgerMenu,
   VolunteerActivism: MdVolunteerActivism,
+  MdCampaign: MdCampaign,
 };
 
 export const Icon = ({ name, size = 36, className = '', padding = 0 }) => {