Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: added relevant links to expense breakdown components and fixed a minor typo #2482 #2507

Closed
wants to merge 10 commits into from
Closed

feat: added relevant links to expense breakdown components and fixed a minor typo #2482 #2507

Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
8786598
Added Nav links to expense breakdown components
SwetanshuSingh Dec 25, 2023
fc2f8ea
Merge branch 'master' into feat/nav-links-on-expense-breakdown
SwetanshuSingh Jan 13, 2024
4e76c70
Merge branch 'master' into feat/nav-links-on-expense-breakdown
akshatnema Jan 13, 2024
7e78d91
fix : added links to expense breakdown card
SwetanshuSingh Jan 14, 2024
75b7cb0
Merge branch 'master' into feat/nav-links-on-expense-breakdown
SwetanshuSingh Jan 14, 2024
5128043
Merge branch 'master' into feat/nav-links-on-expense-breakdown
SwetanshuSingh Jan 16, 2024
aeb9cc7
Merge branch 'master' into feat/nav-links-on-expense-breakdown
akshatnema Jan 24, 2024
54af16f
update : add shadow on cards & passhref to links
SwetanshuSingh Feb 23, 2024
bd9b2c0
update : add shadow on cards & passhref to links
SwetanshuSingh Feb 23, 2024
c7de699
Merge branch 'master' into feat/nav-links-on-expense-breakdown
SwetanshuSingh Feb 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
123 changes: 74 additions & 49 deletions components/FinancialSummary/ExpenseBreakdown.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import Link from 'next/link'
import Heading from '../typography/Heading'
import Paragraph from '../typography/Paragraph'

Expand All @@ -18,65 +19,89 @@ export default function ExpenseBreakdown() {
</div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-10 mt-8 mx-3">

<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/MentorshipProgram.webp" alt="Mentorship Program" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Mentorship Program</h2>
<Link href="https://www.asyncapi.com/blog/beyond-boundaries" passHref>
<a>
<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center cursor-pointer hover:shadow-xl transition-shadow">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/MentorshipProgram.webp" alt="Mentorship Program" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Mentorship Program</h2>
</div>
<p className="text-base text-center text-darkGunMetal">Our AsyncAPI Mentorship program offers paid guidance to develop valuable features, investing in tools and motivated individuals for community benefit.</p>
</div>
</div>
<p className="text-base text-center text-darkGunMetal">Our AsyncAPI Mentorship program offers paid guidance to develop valuable features, investing in tools and motivated individuals for community benefit.</p>
</div>
</div>
</a>
</Link>

<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/BountyProgram.webp" alt="Bounty Program" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl text-center font-semibold my-2 text-darkGunMetal">Bounty Program</h2>
<Link href="https://github.com/orgs/asyncapi/discussions/541" passHref>
<a>
<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center cursor-pointer hover:shadow-xl transition-shadow">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/BountyProgram.webp" alt="Bounty Program" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl text-center font-semibold my-2 text-darkGunMetal">Bounty Program</h2>
</div>
<p className="text-base text-center text-darkGunMetal">Rewarding contributors regardless of affiliation or volunteer status. Free mentoring and support for newcomers to build portfolios and unlock tech prospects.</p>
</div>
</div>
<p className="text-base text-center text-darkGunMetal">Rewarding contributors regardless of affiliation or volunteer status. Free mentoring and support for newcomers to build portfolios and unlock tech prospects.</p>
</div>
</div>

<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/Events.webp" alt="Events" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl text-center font-semibold my-2 text-darkGunMetal">Events</h2>
</a>
</Link>

<Link href="https://www.asyncapi.com/community/events" passHref>
<a>
<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center cursor-pointer hover:shadow-xl transition-shadow">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/Events.webp" alt="Events" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl text-center font-semibold my-2 text-darkGunMetal">Events</h2>
</div>
<p className="text-base text-center text-darkGunMetal">Supporting AsyncAPI conferences incurs costs for services and travel arrangements. Your contributions facilitate event hosting and community growth.</p>
</div>
</div>
<p className="text-base text-center text-darkGunMetal">Supporting AsyncAPI conferences incurs costs for services and travel arrangements. Your contributions facilitate event hosting and community growth.</p>
</div>
</div>
</a>
</Link>

<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/SwagStore.webp" alt="Swag Store" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Swag Store</h2>
<Link href="https://www.store.asyncapi.com/collections/all-products" passHref>
<a>
<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center cursor-pointer hover:shadow-xl transition-shadow">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/SwagStore.webp" alt="Swag Store" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Swag Store</h2>
</div>
<p className="text-base text-center text-darkGunMetal">Creating a swag store for seamless distribution to contributors, mentees, ambassadors, and community members. Store profits can fund complimentary swag expenses.</p>
</div>
</div>
<p className="text-base text-center text-darkGunMetal">Creating a swag store for seamless distribution to contributors, mentees, ambassadors, and community members. Store profits can fund complimentary swag expenses.</p>
</div>
</div>
</a>
</Link>

<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/Hiring.webp" alt="Hiring" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Hiring</h2>
<Link href="https://opencollective.com/" passHref>
<a>
<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center cursor-pointer hover:shadow-xl transition-shadow">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/Hiring.webp" alt="Hiring" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Hiring</h2>
</div>
<p className="text-base text-center text-darkGunMetal">To support our community, we require full time commitment. Open Collective helps us hire for AsyncAPI. <Link href="https://www.linkedin.com/in/v-thulisile-sibanda/"><span className=' cursor-pointer underline'>Thulie</span></Link> joins as community manager, with plans to expand our team.</p>
</div>
</div>
<p className="text-base text-center text-darkGunMetal">To support our community, we require full time commitment. Open Collective helps us hire for AsyncAPI. <a style={{ textDecoration: "underline" }} href="https://www.linkedin.com/in/v-thulisile-sibanda/" target='_blank'>Thulie</a> joined us as a community manager, with plans to expand our team.</p>
</div>
</div>
</a>
</Link>

<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/Services.webp" alt="Services" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Services</h2>
<Link href="https://zoom.us/pricing" passHref>
<a>
<div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center cursor-pointer hover:shadow-xl transition-shadow">
<div className="text-darkGunMetal">
<div className="flex flex-col items-center">
<img src="/img/illustrations/Services.webp" alt="Services" className="w-1/5 h-auto object-cover rounded-md m-1" />
<h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Services</h2>
</div>
<p className="text-base text-center text-darkGunMetal">Occasionally, we must pay for services such as Zoom or Descript, as they are not available through specific Open Source support programs.</p>
</div>
</div>
<p className="text-base text-center text-darkGunMetal">Occasionally, we must pay for services such as Zoom or Descript, as they are not available through specific Open Source support programs.</p>
</div>
</div>
</a>
</Link>

</div>
</div>
Expand Down
Loading