import { useState } from "react";
import Navbar from "@/components/Navbar";
import PricingCard from "@/components/PricingCard";
import ComparisonTable from "@/components/ComparisonTable";
import { Button } from "@/components/ui/button";
const Index = () => {
const [isAnnual, setIsAnnual] = useState(false);
const [activeTab, setActiveTab] = useState("individual");
const pricingPlans = [
{
name: "Free",
price: "$0",
period: "per month",
description: "Build & test your app",
buttonText: "Create Account",
features: [
{ text: "Visual Development Environment", included: true },
{ text: "1,000+ Prebuilt Templates", included: true },
{ text: "Build Mobile, Web, & Desktop Apps", included: true },
{ text: "API & Data Integration", included: true },
{ text: "Web Publishing", included: true },
{ text: "Up To 2 Projects", included: true },
],
highlighted: false,
},
{
name: "Basic",
price: isAnnual ? "$29.25" : "$39",
monthlyPrice: isAnnual ? "$39" : undefined,
period: "per month",
description: "Download project source code or APK",
buttonText: "Start Free Trial",
features: [
{ text: "Free Features +", included: true },
{ text: "Unlimited Projects", included: true },
{ text: "Code Download", included: true },
{ text: "APK Download", included: true },
{ text: "Custom Domain Web Publishing", included: true },
{ text: "Test On Local Devices", included: true },
{ text: "One-click Apple & Google Play Store Deployment", included: true },
],
highlighted: false,
},
{
name: "Growth",
price: isAnnual ? "1st seat: $60, 2nd seat: $41.25" : "1st seat: $80, 2nd seat: $55",
period: "per month",
description: "Access advanced features to accelerate development",
buttonText: "Start Free Trial",
features: [
{ text: "Basic Features +", included: true },
{ text: "Source Repository/ GitHub Integration", included: true },
{ text: "Real-Time Collaboration With Up To 2 Users (Pay Per Seat)", included: true },
{ text: "2 Open Branches Per Project", included: true },
{ text: "One-Click Localization", included: true },
],
highlighted: true,
},
{
name: "Business",
price: isAnnual
? "1st seat: $112.50, Seats 2-5: $63.75 each"
: "1st seat: $150, Seats 2-5: $85 each",
period: "per month",
description: "Collaborate with your team on complex projects",
buttonText: "Start Free Trial",
features: [
{ text: "Growth Features +", included: true },
{ text: "Real-Time Collaboration With Up To 5 Users (Pay Per Seat)", included: true },
{ text: "Branching With Up To 5 Open Branches Per Project", included: true },
{ text: "Up To 3 Automated Tests Per Project", included: true },
{ text: "Figma Frame Import And Custom Typography", included: true },
],
highlighted: false,
},
];
return (
{/* Hero Section */}
Go From Idea to App, Fast
Join Over 2M Users Building with FlutterFlow
{/* Tabs */}
{/* Billing Toggle */}
MONTHLY BILLING
ANNUAL BILLING
(Save ~25% annually)
{/* Pricing Cards */}
{pricingPlans.map((plan, index) => (
))}
{/* Compare Plans Section */}
Compare Plans
Review the top features that are included in each plan below.
{/* Trusted By Section */}
Trusted by developers at
Google
Microsoft
Amazon
IBM
Salesforce
Capital One
);
};
export default Index;