From e7f44c9fd03257dbe5afc8c01d501b540c5230ef Mon Sep 17 00:00:00 2001 From: Owen Date: Sun, 27 Apr 2025 21:03:23 -0400 Subject: [PATCH] Adjustments to faq --- packages/docusaurus/src/pages/license.tsx | 531 ---------------------- packages/docusaurus/src/pages/pricing.tsx | 4 + 2 files changed, 4 insertions(+), 531 deletions(-) delete mode 100644 packages/docusaurus/src/pages/license.tsx diff --git a/packages/docusaurus/src/pages/license.tsx b/packages/docusaurus/src/pages/license.tsx deleted file mode 100644 index 0f9e5b7..0000000 --- a/packages/docusaurus/src/pages/license.tsx +++ /dev/null @@ -1,531 +0,0 @@ -import { useState } from "react"; -import Layout from "@theme/Layout"; - -const PricingComponent = () => { - const [siteCount, setSiteCount] = useState(3); - - const handleSiteCountChange = (e) => { - const value = parseInt(e.target.value); - if (!isNaN(value) && value >= 1) { - setSiteCount(value); - } else { - setSiteCount(1); - } - }; - - const increaseSiteCount = () => { - setSiteCount(siteCount + 1); - }; - - const decreaseSiteCount = () => { - if (siteCount > 1) { - setSiteCount(siteCount - 1); - } - }; - - const calculatePrice = () => { - return 125 + siteCount * 5; - }; - - return ( - - {/* Pricing Cards */} - -
- {/* Open Source Plan */} -
-
FREE
-

Open Source

-
    -
  • - - - - Perfect for individuals and small teams -
    • -
  • - - - - Community support -
    • -
  • - - - - Licensed under AGPL-3.0 -
    • -
  • - - - - Check out the Supporter Program -
    • -
- -
- - {/* Professional Plan */} -
-
MOST BUSINESSES
-

Professional

-
    -
  • - - - - All Open Source features -
    • -
  • - - - - Ticketed support -
    • -
  • - - - - Auto Provision IDP Users -
    • -
  • - - - - Robust integration APIs for automation -
    • -
  • - - - - Fossorial Commercial License -
    • -
- -
- Number of sites -
- - - -
-
- -
- ${calculatePrice()} - /month -
- -
- Base price $125 + ${siteCount} x $5 per site -
- - -
- - {/* Enterprise Plan */} -
-

Enterprise

-
    -
  • - - - - All Professional Features -
    • -
  • - - - - Tailored Agreements -
    • -
  • - - - - Dedicated Support (Meetings & Calls) -
    • -
  • - - - - Custom Features -
    • -
  • - - - - Multi-region & HA Deployments -
    • -
  • - - - - Custom Branding (white-labeling) -
    • -
  • - - - - Deployment References & Assistance -
    • -
- -
Custom pricing (1k+/month)
- - - Schedule a Meet with Us - -
-
- - ); -}; - - -// CSS Styles object -const styles = { - container: { - display: 'flex', - flexDirection: 'column', - alignItems: 'center', - padding: '24px', - backgroundColor: 'var(--ifm-background-color)', - minHeight: '100vh', - fontFamily: 'system-ui, -apple-system, sans-serif' - }, - heading: { - fontSize: '30px', - fontWeight: 'bold', - marginBottom: '48px', - color: '#111827' - }, - pricingContainer: { - display: 'flex', - flexDirection: 'row', - justifyContent: 'center', - gap: '24px', - width: '100%', - padding: '24px', - flexWrap: 'wrap' - }, - card: { - backgroundColor: 'var(--ifm-card-background-color, white)', - borderRadius: '8px', - boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1)', - padding: '24px', - border: '1px solid var(--ifm-color-emphasis-300, #e5e7eb)', - position: 'relative', - overflow: 'hidden', - width: '300px', - flex: '1 1 300px', - maxWidth: '400px', - minHeight: '500px', - display: 'flex', - flexDirection: 'column' - }, - highlightedCard: { - backgroundColor: 'var(--ifm-card-background-color, white)', - borderRadius: '8px', - boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1)', - padding: '24px', - border: '1px solid var(--ifm-color-primary, hsl(24.6, 95%, 53.1%))', - position: 'relative', - overflow: 'hidden', - width: '300px', - flex: '1 1 300px', - maxWidth: '400px', - minHeight: '500px', - display: 'flex', - flexDirection: 'column', - zIndex: '1' - }, - freeTag: { - position: 'absolute', - top: '0', - right: '0', - backgroundColor: 'var(--ifm-color-emphasis-200, #e5e7eb)', - padding: '4px 12px', - fontSize: '12px', - fontWeight: '600' - }, - popularTag: { - position: 'absolute', - top: '0', - right: '0', - backgroundColor: 'var(--ifm-color-primary, hsl(24.6, 95%, 53.1%))', - color: 'var(--ifm-color-white, white)', - padding: '4px 12px', - fontSize: '12px', - fontWeight: '600' - }, - cardTitle: { - fontSize: '20px', - fontWeight: 'bold', - marginBottom: '16px', - // color: 'var(--ifm-heading-color, #111827)' - }, - featureList: { - listStyleType: 'none', - padding: '0', - marginBottom: '24px', - flex: '1' - }, - featureItem: { - display: 'flex', - alignItems: 'center', - marginBottom: '8px', - fontSize: '14px' - }, - checkIcon: { - width: '16px', - height: '16px', - marginRight: '8px', - color: '#10b981' - }, - buttonSecondary: { - width: '100%', - padding: '8px 16px', - backgroundColor: 'var(--ifm-color-emphasis-200, #e5e7eb)', - color: 'var(--ifm-color-emphasis-900, #111827)', - border: 'none', - borderRadius: '6px', - fontWeight: '500', - cursor: 'pointer', - transition: 'background-color 0.2s', - fontSize: '14px', - marginTop: 'auto' - }, - buttonPrimary: { - width: '100%', - padding: '8px 16px', - backgroundColor: 'var(--ifm-color-primary, hsl(24.6, 95%, 53.1%))', - color: 'var(--ifm-color-white, white)', - border: 'none', - borderRadius: '6px', - fontWeight: '500', - cursor: 'pointer', - transition: 'background-color 0.2s', - fontSize: '14px', - marginTop: 'auto' - }, - counterContainer: { - marginBottom: '16px' - }, - counterLabel: { - display: 'block', - marginBottom: '8px', - fontWeight: '500', - fontSize: '14px' - }, - counterControls: { - display: 'flex', - alignItems: 'center', - justifyContent: 'space-between' - }, -counterButton: { - width: '32px', - height: '32px', - display: 'flex', - alignItems: 'center', - justifyContent: 'center', - backgroundColor: 'var(--ifm-color-emphasis-200, #f3f4f6)', - border: 'none', - borderRadius: '6px', - cursor: 'pointer' - }, - counterInput: { - width: '48px', - height: '32px', - margin: '0 8px', - textAlign: 'center', - border: '1px solid #d1d5db', - borderRadius: '6px' - }, - priceDisplay: { - fontSize: '24px', - fontWeight: 'bold', - marginBottom: '16px', - // color: 'var(--ifm-heading-color, #111827)' - }, - pricePeriod: { - fontSize: '14px', - fontWeight: 'normal', - color: 'var(--ifm-color-emphasis-600, #6b7280)', - marginLeft: '4px' - }, - priceBreakdown: { - fontSize: '14px', - color: 'var(--ifm-color-emphasis-600, #6b7280)', - marginBottom: '16px' - }, - customPricing: { - fontSize: '20px', - fontWeight: 'bold', - marginBottom: '16px', - // color: 'var(--ifm-heading-color, #111827)' - } -}; - - -export default PricingComponent; diff --git a/packages/docusaurus/src/pages/pricing.tsx b/packages/docusaurus/src/pages/pricing.tsx index 25a94f1..470aaa5 100644 --- a/packages/docusaurus/src/pages/pricing.tsx +++ b/packages/docusaurus/src/pages/pricing.tsx @@ -391,6 +391,10 @@ const PricingComponent = () => { Within 48 hours of your purchase you should receive an email invite to our support portal where you can interact with us.

+ +

--

+ +

By purchasing any license key you agree to abide by the Fossorial Commercial License and Terms