From e523f02c6aa32a2eb4a3c1c942b8d8957f4313de Mon Sep 17 00:00:00 2001
From: Vamsi Krishna Kolli <11007620+vamc-k@users.noreply.github.com>
Date: Wed, 20 Nov 2024 20:51:34 +0530
Subject: [PATCH] Add CFP button cta (#17)

---
 data/details.js         |  1 +
 src/components/Hero.jsx | 11 +++++++++--
 src/components/Icon.jsx |  3 ++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/data/details.js b/data/details.js
index 9799ea0..2c35887 100644
--- 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
index 177e8d1..2192d1e 100644
--- 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
index e7d7e3b..d740a54 100644
--- 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 }) => {