Let me check the tweaks page to see the current product section:

Now let me also check the ProductCard component to understand how products are displayed:

Now I have a clear picture. I'll update the products to 3 tiers and create a new pricing-focused layout for the tweaks page. Let me update both files:

Let me try editing step-by-step instead:

I've updated the product section with a new 3-tier pricing structure:

• Basic ($5) - Essential tweaks for casual gamers with core FPS optimization, basic registry tweaks, and Windows debloat
• Pro ($15) - Marked as "Most Popular" with a highlighted border, glow effect, and elevated position. Includes everything in Basic plus advanced network optimization, custom power plans, GPU/CPU tweaks, and priority support
• VIP ($25) - Premium tier with a crown badge and personal 1-on-1 setup session via screen share, direct support line, and early access to new tools

The Pro plan visually stands out with a primary-colored border, glowing shadow effect, "Most Popular" banner with star icons, and the card extends slightly above/below the others on desktop. Each tier includes clear descriptions explaining its value proposition and a comprehensive feature list.

The error indicates that the Stripe publishable key is missing. This is an environment variable that needs to be configured for Stripe checkout to work.

To fix this, please add your Stripe publishable key:

1. Click the Settings button (gear icon) in the top right
2. Go to the Vars section

3. Add a new variable:

   • Key: NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
   • Value: Your Stripe publishable key (starts with pk_test_ or pk_live_)

You can find your publishable key in your Stripe Dashboard under Developers > API Keys.

If you haven't set up Stripe yet, you may also need to add STRIPE_SECRET_KEY for the server-side checkout functionality.

The tweaks page is updated correctly. Let me also verify the products data was updated:

The products.ts file wasn't saved properly. Let me update it now:

Now both files are updated. The products.ts now has the 3 pricing tiers (Basic at $5, Pro at $15 marked as popular, VIP at $25 with personal support) with the new interface including the tier field and popular flag. The tweaks page displays these in a 3-column grid where the Pro plan stands out with a pink border, glow effect, elevated positioning, and a "Most Popular" banner with stars.

The error is due to a missing Stripe environment variable. To fix this:

1. Click the Settings button (gear icon) in the top right
2. Go to the Vars section

3. Add your Stripe publishable key:

   • Key: NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
   • Value: Your key from Stripe Dashboard (starts with pk_test_ or pk_live_)

If you don't have Stripe set up yet and want to preview the page without checkout functionality, let me know and I can temporarily disable the Stripe integration.