10% community upkeep fee with explanations throughout

frontend/src/components/PricingForm.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from "react-router-dom";
 
 interface PricingFormProps {
   pricePerHour: number | string;
@@ -62,9 +63,19 @@ const PricingForm: React.FC<PricingFormProps> = ({
       <div className="card-body">
         <h5 className="card-title">Pricing</h5>
         <p className="text-muted small mb-3">
-          {showAdvancedPricing
-            ? "Set multiple pricing tiers for flexible rental rates."
-            : "Set your primary pricing rate, or use Advanced Pricing for multiple tiers."}
+          {showAdvancedPricing ? (
+            "Set multiple pricing tiers for flexible rental rates."
+          ) : (
+            <>
+              Set your pricing rate. You can use Advanced Pricing for multiple
+              pricing tiers. Community Rentals charges a 10% Community Upkeep
+              Fee to help keep us running.{" "}
+              <Link to="/faq" target="_blank">
+                Calculate what you can earn here.
+              </Link>
+              .
+            </>
+          )}
         </p>
 
         {/* Pricing Unit Dropdown - Only show when advanced pricing is OFF */}
@@ -125,7 +136,8 @@ const PricingForm: React.FC<PricingFormProps> = ({
         {showAdvancedPricing && (
           <div className="border rounded p-3 mb-3 bg-light">
             <p className="text-muted small mb-3">
-              Set multiple pricing tiers. Check the boxes for the tiers you want to use.
+              Set multiple pricing tiers. Check the boxes for the tiers you want
+              to use.
             </p>
             {advancedPricingOptions.map(([key, { field, label, value }]) => (
               <div className="mb-3" key={key}>