From 9390a73b1e6071086e808b8ce1429d3361bfd83d Mon Sep 17 00:00:00 2001 From: kudindmitriy Date: Wed, 22 Apr 2026 19:22:31 +0300 Subject: [PATCH 1/2] Bob AI: Add plans page --- src/App.tsx | 8 +-- src/pages/PlansPage.tsx | 112 ++++++++++++++++++++++++++++++++++++++++ src/routes.ts | 1 + 3 files changed, 117 insertions(+), 4 deletions(-) create mode 100644 src/pages/PlansPage.tsx diff --git a/src/App.tsx b/src/App.tsx index 311a8e5..0fe6cb1 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,16 +1,16 @@ -import { BrowserRouter, Routes, Route } from "react-router-dom"; +import { Routes, Route } from "react-router-dom"; import HomePage from "@/pages/HomePage"; import PricingFeaturesPage from "@/pages/PricingFeaturesPage"; import SimpleAboutPage from "@/pages/SimpleAboutPage"; +import PlansPage from "@/pages/PlansPage"; export default function App() { return ( - - + } /> } /> } /> + } /> - ); } diff --git a/src/pages/PlansPage.tsx b/src/pages/PlansPage.tsx new file mode 100644 index 0000000..d4e5724 --- /dev/null +++ b/src/pages/PlansPage.tsx @@ -0,0 +1,112 @@ +import { routes } from "@/routes"; +import NavbarCentered from "@/components/ui/NavbarCentered"; + +export default function PlansPage() { + return ( +
+ ({ name: r.label, href: r.path }))} + ctaButton={{ text: "Get Started", href: "/contact" }} + /> +
+ {/* Hero Section */} +
+
+

Flexible Plans for Every Need

+

Choose the perfect plan to power your growth.

+ +
+
+ + {/* Pricing Section */} +
+
+

Simple, Transparent Pricing

+

No hidden fees. Just powerful features.

+
+ {/* Starter Plan */} +
+

Starter

+

$19/month

+
    +
  • Basic analytics
    • +
  • 5 projects
    • +
  • Community support
    • +
+ Start Free Trial +
+ {/* Pro Plan */} +
+
Popular
+

Pro

+

$49/month

+
    +
  • Advanced analytics
    • +
  • Unlimited projects
    • +
  • Priority support
    • +
  • Custom integrations
    • +
+ Get Started +
+ {/* Enterprise Plan */} +
+

Enterprise

+

Custom

+
    +
  • All Pro features
    • +
  • Dedicated account manager
    • +
  • SLA
    • +
  • On-premise deployment
    • +
+ Contact Sales +
+
+
+
+ + {/* FAQ Section */} +
+
+

Frequently Asked Questions

+

Find answers to common questions about our plans.

+
+
+

Can I change my plan later?

+

Yes, you can upgrade or downgrade your plan at any time from your account settings.

+
+
+

Do you offer a free trial?

+

Yes, we offer a 14-day free trial on our Starter and Pro plans.

+
+
+

What payment methods do you accept?

+

We accept all major credit cards, PayPal, and bank transfers for annual plans.

+
+
+
+
+
+ + {/* Footer Section */} + +
+ ); +} \ No newline at end of file diff --git a/src/routes.ts b/src/routes.ts index 197d3a4..a7f6344 100644 --- a/src/routes.ts +++ b/src/routes.ts @@ -8,4 +8,5 @@ export const routes: Route[] = [ { path: '/', label: 'Home', pageFile: 'HomePage' }, { path: '/pricing-features', label: 'Pricing Features', pageFile: 'PricingFeaturesPage' }, { path: '/simple-about', label: 'Simple About', pageFile: 'SimpleAboutPage' }, + { path: '/plans', label: 'Plans', pageFile: 'PlansPage' }, ]; -- 2.49.1 From eef9eec1066cdf0ab0d4928e6d338f7fbb49ba9a Mon Sep 17 00:00:00 2001 From: kudindmitriy Date: Wed, 22 Apr 2026 19:27:01 +0300 Subject: [PATCH 2/2] Bob AI: Populate the newly-created page at src/pages/PlansPage.tsx w --- src/pages/PlansPage.tsx | 299 +++++++++++++++++++++++++++++----------- 1 file changed, 219 insertions(+), 80 deletions(-) diff --git a/src/pages/PlansPage.tsx b/src/pages/PlansPage.tsx index d4e5724..2fdbb40 100644 --- a/src/pages/PlansPage.tsx +++ b/src/pages/PlansPage.tsx @@ -1,112 +1,251 @@ +import { motion } from "motion/react"; +import { Check, HelpCircle, Zap, Shield, Globe, BarChart } from "lucide-react"; import { routes } from "@/routes"; import NavbarCentered from "@/components/ui/NavbarCentered"; +import Button from "@/components/ui/Button"; export default function PlansPage() { + const navItems = routes.map((r) => ({ name: r.label, href: r.path })); + return (
({ name: r.label, href: r.path }))} + logo="FlowSync" + navItems={navItems} ctaButton={{ text: "Get Started", href: "/contact" }} /> -
+ +
{/* Hero Section */} -
-
-

Flexible Plans for Every Need

-

Choose the perfect plan to power your growth.

-
- View Features - Contact Sales +
+
+ + + Pricing Plans + +

+ Simple pricing for
+ limitless growth +

+

+ Whether you're a solo creator or a fast-growing enterprise, we have a plan designed to help you scale without friction. +

+
+
+ +
+ + {/* Pricing Section */} +
+
+
+ {/* Starter */} + +

Starter

+

Perfect for individuals and small projects.

+
+ $19 + /mo +
+
- {/* Pricing Section */} -
-
-

Simple, Transparent Pricing

-

No hidden fees. Just powerful features.

-
- {/* Starter Plan */} -
-

Starter

-

$19/month

-
    -
  • Basic analytics
    • -
  • 5 projects
    • -
  • Community support
    • -
- Start Free Trial -
- {/* Pro Plan */} -
-
Popular
-

Pro

-

$49/month

-
    -
  • Advanced analytics
    • -
  • Unlimited projects
    • -
  • Priority support
    • -
  • Custom integrations
    • -
- Get Started -
- {/* Enterprise Plan */} -
-

Enterprise

-

Custom

-
    -
  • All Pro features
    • -
  • Dedicated account manager
    • -
  • SLA
    • -
  • On-premise deployment
    • -
- Contact Sales -
+ {/* Features Grid */} +
+
+
+

Everything you need to succeed

+

+ All our plans come packed with powerful features designed to help you work smarter, not harder. +

+
+
+ {[ + { icon: Zap, title: "Lightning Fast", desc: "Optimized for speed and performance across all devices." }, + { icon: Shield, title: "Bank-grade Security", desc: "Your data is encrypted and protected at all times." }, + { icon: Globe, title: "Global CDN", desc: "Deliver content quickly to users anywhere in the world." }, + { icon: BarChart, title: "Deep Analytics", desc: "Understand your users with comprehensive data insights." } + ].map((feature, i) => ( + +
+ +
+

{feature.title}

+

{feature.desc}

+ + ))}
{/* FAQ Section */} -
+
-

Frequently Asked Questions

-

Find answers to common questions about our plans.

-
-
-

Can I change my plan later?

-

Yes, you can upgrade or downgrade your plan at any time from your account settings.

-
-
-

Do you offer a free trial?

-

Yes, we offer a 14-day free trial on our Starter and Pro plans.

-
-
-

What payment methods do you accept?

-

We accept all major credit cards, PayPal, and bank transfers for annual plans.

-
+
+

Frequently Asked Questions

+

+ Got questions? We've got answers. If you can't find what you're looking for, reach out to our team. +

+
+ {[ + { q: "Can I change my plan later?", a: "Absolutely. You can upgrade or downgrade your plan at any time. Prorated charges will be applied automatically." }, + { q: "What payment methods do you accept?", a: "We accept all major credit cards, PayPal, and wire transfers for annual Enterprise plans." }, + { q: "Is there a long-term contract?", a: "No, all our standard plans are month-to-month. You can cancel anytime without penalty. We do offer discounts for annual commitments." }, + { q: "Do you offer discounts for non-profits?", a: "Yes! We offer a 50% discount for registered non-profit organizations. Contact our support team to apply." } + ].map((faq, i) => ( + +

+ + {faq.q} +

+

{faq.a}

+ + ))} +
+
+
+ + {/* CTA Section */} +
+
+ +
+
+

Ready to transform your workflow?

+

+ Join thousands of teams who are already using FlowSync to do their best work. Start your 14-day free trial today. +

+
+
+
+
{/* Footer Section */} -