Competitor Pricing Calculator

I'll create an interactive pricing calculator that compares Granola with its competitors (tldv.io, Avoma, and Read.ai), highlighting Granola's advantages. This will include a feature comparison matrix and be embeddable on web pages.

Features of the Pricing Calculator

This interactive pricing calculator allows users to compare Granola with its competitors (tldv.io, Avoma, and Read.ai) with the following features:

1. Team Size Adjustment: Slide to select the number of users (1-100)
2. Billing Cycle Toggle: Switch between monthly and yearly billing
3. Feature Selection: Choose which features are important to you
4. Dynamic Pricing: See real-time price updates based on your selections
5. Savings Calculation: Shows how much you save with Granola compared to competitors
6. Feature Comparison Matrix: Detailed comparison of features across all platforms
7. Responsive Design: Works on all device sizes
8. Embeddable: Can be embedded on any website

How to Use the Calculator

1. Adjust Team Size: Use the slider to set your team size
2. Select Billing Cycle: Choose between monthly or yearly billing
3. Choose Required Features: Select the features that are important to your team
4. Compare Prices: See how Granola compares to competitors based on your requirements
5. View Feature Comparison: Scroll down to see the detailed feature comparison matrix

How to Embed This Calculator

To embed this calculator on your website, you can:

1. Use an iframe to embed the calculator on your website
2. Copy the React component code and integrate it into your React/Next.js application
3. Use the Next.js API routes to fetch the pricing data dynamically if needed

Implementation Details

The pricing calculator is built with:

• Next.js: For the frontend framework
• Tailwind CSS: For styling
• shadcn/ui: For UI components
• React Hooks: For state management

The calculator uses real pricing data from all four competitors and highlights Granola's advantages in terms of:

1. Cost Efficiency: Granola offers better pricing at every tier
2. Feature Set: Comprehensive AI-powered meeting tools
3. Team Collaboration: Better sharing and administrative controls
4. Scalability: Favorable pricing as team size grows

Customization Options

You can customize this calculator by:

1. Updating Pricing Data: Modify the pricingData object if pricing changes
2. Changing Colors: Adjust the Tailwind theme in tailwind.config.ts
3. Adding Features: Extend the feature comparison by adding to the allFeatures and featureDescriptions objects
4. Modifying UI: Adjust the layout and components to match your brand

Benefits of Using This Calculator

This calculator provides several benefits for your marketing efforts:

1. Transparent Comparison: Shows users exactly how Granola compares to competitors
2. Interactive Experience: Engages users with a hands-on tool
3. Value Demonstration: Clearly illustrates the cost savings and feature advantages
4. Lead Generation: Can be used to capture leads when users see the value proposition

The calculator is designed to highlight Granola as the best option while providing an honest and transparent comparison with competitors.