During build process, the <img /> element is giving warning

Solution

Change it to NextJS's <Image /> element

Firecamp is now entering to the group of oss friends.

To make it work, we need to design the new page for oss friends similar to this - https://formbricks.com/oss-friends

Task

• Design new page with similar UI of tabs. Reference - https://formbricks.com/oss-friends
• url will be https://firecamp.io/oss-friends
• use formbrick's api to show data - https://github.com/formbricks/formbricks/blob/main/apps/formbricks-com/pages/oss-friends.tsx
• add the oss-friends page link to footer of Firecamp website in section of community > below discord server. Label : 'OSS Friends'

The navbar is not responsive. when we open the website on a mobile device it shows a horizontal scrollbar.

here are few feedback we received from David.

while navigating from the navbar, if you are on /blog the navbar should highlight 'Blog', the same applies if the user is on /pricing the navbar should highlight 'Pricing`.

For dropdowns, if the user is on any subcomponent page, it should highlight the respective nav item.

By highlight, I mean change the styling maybe add a bottom border, or change bg.

something like this -

Description
Note: this is a reopen of this issue
Just wanted to point out that the heading in the home page doesn't have good contrast in dark mode.

The preview of the pricing page is

User Story
As a user, I want to be able to easily download the Firecamp desktop app so I can start using it on my computer.

App : Production and Canary
Platform : Mac, Windows, Ubuntu

Tasks
Design a new page on the Firecamp website for downloading the desktop app

• Clear download button/link
• Download buttton will be set based on the system. ie, for Mac it should be mac download link.
• Short instructions for installing the app

Content:
Hero : Download Firecamp
Sub Hero : Start building APIs 3x faster with your team

CTA : Download Firecamp for Mac/Windows/ Ubuntu

Privacy policy : By downloading and using Firecamp, I agree to the Privacy Policy and Terms.

To design this page feel free to take inspiration from any great product's download page.

Issue Description:

This proposal aims to introduce Prettier into the project to enhance code quality. Prettier is an automated code formatting tool that can enforce a consistent code style across the codebase, which improved code readability and maintainability.

Website improvements.

1. Hey! First up, awesome job! love the product.
   It’s hard to see the logo when in dark mode
   

2. The page would massively benefit from a screenshot or video you can watch just below (or embedded behind) the hero

3. “Follow along on Twitter” could be lower OR include a the icon for Twitter (X now?)

4. I’d also include the GitHub “Star” embed somewhere too. This will help encourage users to star it and visit on GitHub. I know you have a link to GitHub, but honestly, that button doesn’t weird things. If you see something has a lot of stars, people tend to ⭐ it

5. I love the Minimal yet powerful block. I’d maybe add some more spacing between the text and blocks. Maybe add more buttons below that to Get Started again, keep reinforcing this CTA.

6. I’d try to poke fun (light hearted fun) at how complex Postman is by adding to some of your copy in places how easy it to use, no clutter, etc.

7. Missing space here
   

8. Try to get this on one line or add more words to make get rid of the dangling one word line
   

9. I’m sure there’s more you can add to the landing pages for Playground types

5:42
10. One other minor thing is there’s two CTAs trying to get my attention
Launch Firecamp
Get Started
Both go to different entry paths. I’d decide on one

11. Same note about the dangling one word. Maybe make the width of the container smaller here and add more spacing above. This could contain another CTA to Launch Firecamp
    

For Firecamp.dev

product wise, looks great! I’d maybe add some tooltips to the icons. I’ve no idea what any of them are and with them you will build up muscle memory from folks quicker.

Suggestions by Jamie - https://graphql.wtf/