[rvmp-4]: create a features showcase component for the pricing page

[apsinghdev]

we want to create this way of listing our features.

it's really cool

source: https://takeuforward.org/plus

www.opensox.ai/pitch contains those features.

• onboarding call. with me. to set up the direction. for your goals in open source.
• feedback and guidance on anything related to open source. be it programs like GSoC, LFX, Summer of Bitcoin or - remote jobs and internships at commercial open source startups.
• a highly active, small token, limited community. full of cracked engineers. where you get personal attention from me. 24 * 7 * 365.
• weekly live sessions. on the topics of your choice.
• unlimited QnAs. ask anything. anytime. directly to me. no TA in the middle.
• weekly contests. on open source. build in public. first principles.
• dedicated content. on open source. build in public. first principles. that you can't find anywhere else on the internet. only for opensox pro members.
• hand-picked open source projects. cut the BS. and contribute from day 1.
• recordings of all the previous weekly sessions. organized by the topics. and timestamps.
• wanna ask something personal? open a private thread anytime.
• latest updates. on anything related to open source, jobs, tech, etc.
• daily stand-ups. for accountability.
• anything else that i learn. do. find valuable. i share. with my people.

[Aryan-205]

@apsinghdev I would like to take up this issue
Just some clarifications about the design:

1. Do you want to keep images or videos
2. I am thinking to make it auto switch when not interacted and switch according to choice on select
3. Would you prefer a replication of the design or have some small changes while keeping the overall things same

These are some version of the design

1. Have small tabs related to the image for detailed information
2. keep them in a single div with a larger image

[Aryan-205]

I actually have started the work and this is how it looks like

This if ofc not the final version as I would like to discuss these things with you still, how is it looking
Please ignore the jerky movement, the animation values are not set and I am using the same images

Also would you like a horizontal bar for the features list in mobile (just an idea shown, I personally prefer the normal vertical one)

Screen.Recording.2026-06-17.at.10.24.39.PM.mov

[apsinghdev]

I actually have started the work and this is how it looks like

This if ofc not the final version as I would like to discuss these things with you still, how is it looking Please ignore the jerky movement, the animation values are not set and I am using the same images

Also would you like a horizontal bar for the features list in mobile (just an idea shown, I personally prefer the normal vertical one)

Screen.Recording.2026-06-17.at.10.24.39.PM.mov

it looks nice.

for the images or videos of the features.

you can record using cap.so (a great software for it)

also you can show me before adding so that time can be saved.

for any confusion, you can ping me.

[Aryan-205]

1. see the problem is most of the features you have included are about our discord and lives, not about the website, so what kind of mockups should I record on the website, and how much of our discord community can we show on the website
2. should we use videos or just images

[apsinghdev]

1. see the problem is most of the features you have included are about our discord and lives, not about the website, so what kind of mockups should I record on the website, and how much of our discord community can we show on the website
2. should we use videos or just images

it's fine to show the discord features. a simple scroll in the video would be fine. (that shows the kind of content or feature it provides)

demo videos would be great in most of the features. you can use images where video isn't possible.