Pricings
- componentes
- /
- pricings
- /
- pricing-2
pricing-2
Vista previa
Start Here
$0
Per month
- Access to all modules
- Build first screen free
- Full Airtable integration
- 1:1 build sessions
- Sell membership
- Premium support
- Conect to Shopify & WooCommerce
- Custom admin panel to manage users, data, etc.
It`s free so why not
Startup
$8
Per month
- Access to all modules
- Build first screen free
- Full Airtable integration
- 1:1 build sessions
- Sell membership
- Premium support
- Conect to Shopify & WooCommerce
- Custom admin panel to manage users, data, etc.
Save $72 per year
Start Here
$79
Per month
- Access to all modules
- Build first screen free
- Full Airtable integration
- 1:1 build sessions
- Sell membership
- Premium support
- Conect to Shopify & WooCommerce
- Custom admin panel to manage users, data, etc.
Save $480 per year
Código
const Pricing2 = () => { return ( <div className="flex flex-col lg:flex-row md:items-center gap-y-5"> <div className="border-2 bg-background border-border py-8 px-10 rounded-3xl max-w-sm lg:-mr-5"> <div className="mb-8 text-center space-y-3"> <h4 className="font-semibold text-amber-500 text-xl">Start Here</h4> <h1 className="text-5xl font-extrabold">$0</h1> <p className="text-muted-foreground">Per month</p> </div> <ul className="space-y-5 mb-8"> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Access to all modules </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Build first screen free </li> <li className="flex items-center gap-4 text-muted-foreground font-medium"> <i className="fi fi-rr-cross"></i> Full Airtable integration </li> <li className="flex items-center gap-4 text-muted-foreground font-medium"> <i className="fi fi-rr-cross"></i> 1:1 build sessions </li> <li className="flex items-center gap-4 text-muted-foreground font-medium"> <i className="fi fi-rr-cross"></i> Sell membership </li> <li className="flex items-center gap-4 text-muted-foreground font-medium"> <i className="fi fi-rr-cross"></i> Premium support </li> <li className="flex items-center gap-4 text-muted-foreground font-medium"> <i className="fi fi-rr-cross"></i> Conect to Shopify & WooCommerce </li> <li className="flex items-center gap-4 text-muted-foreground font-medium"> <i className="fi fi-rr-cross"></i> Custom admin panel to manage users, data, etc. </li> </ul> <button type="button" className="w-full border-2 border-green-500 py-4 rounded-full mb-5 hover:bg-green-500 hover:text-white transition-colors" > Request Access </button> <p className="text-muted-foreground text-center">Its free so why not</p> </div> <div className="border-2 bg-background border-border border-dashed px-10 py-20 rounded-3xl max-w-sm z-10"> <div className="mb-8 text-center space-y-3"> <h4 className="font-semibold text-green-500 text-xl">Startup</h4> <h1 className="text-5xl font-extrabold">$8</h1> <p className="text-muted-foreground">Per month</p> </div> <ul className="space-y-5 mb-8"> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Access to all modules </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Build first screen free </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Full Airtable integration </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> 1:1 build sessions </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Sell membership </li> <li className="flex items-center gap-4 text-muted-foreground font-medium"> <i className="fi fi-rr-cross"></i> Premium support </li> <li className="flex items-center gap-4 text-muted-foreground font-medium"> <i className="fi fi-rr-cross"></i> Conect to Shopify & WooCommerce </li> <li className="flex items-center gap-4 text-muted-foreground font-medium"> <i className="fi fi-rr-cross"></i> Custom admin panel to manage users, data, etc. </li> </ul> <button type="button" className="w-full border-2 text-white border-green-500 py-4 rounded-full mb-5 bg-green-500 transition-colors" > Request Access </button> <p className="text-muted-foreground text-center">Save $72 per year</p> </div> <div className="border-2 bg-background border-border py-8 px-10 rounded-3xl max-w-sm lg:-ml-5"> <div className="mb-8 text-center space-y-3"> <h4 className="font-semibold text-blue-500 text-xl">Start Here</h4> <h1 className="text-5xl font-extrabold">$79</h1> <p className="text-muted-foreground">Per month</p> </div> <ul className="space-y-5 mb-8"> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Access to all modules </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Build first screen free </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Full Airtable integration </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> 1:1 build sessions </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Sell membership </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Premium support </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Conect to Shopify & WooCommerce </li> <li className="flex items-center gap-4 font-medium"> <i className="fi fi-rr-check"></i> Custom admin panel to manage users, data, etc. </li> </ul> <button type="button" className="w-full border-2 border-green-500 py-4 rounded-full mb-5 hover:bg-green-500 hover:text-white transition-colors" > Request Access </button> <p className="text-muted-foreground text-center">Save $480 per year</p> </div> </div> ); }; export default Pricing2;