Pricing Component

A responsive pricing section component with multiple tiers and feature comparisons.

Preview

The Pricing component displaying different subscription tiers with features and pricing details.

Usage

Import and use the Pricing component in your page:

import { Pricing } from "@/components/pricing";

export default function PricingPage() {
  return (
    <div className="py-24">
      <Pricing />
    </div>
  );
}

Features

Responsive Design

Fully responsive grid layout that adapts to different screen sizes.

Tier Comparison

Clear feature comparison between different pricing tiers.

Popular Tier Highlight

Visual emphasis on the recommended pricing tier.

Customizable Content

Easy to modify pricing tiers, features, and descriptions.

Next Steps

Hero Component →

Learn about the hero section component

Profile Button →

Explore the profile button implementation