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;