@afncdelacru/brady-chat 0.4.0 → 0.4.1

package/src/lib/CalculatorFollowUp.tsx

@@ -1,200 +0,0 @@
-import React, { useState } from 'react';
-import { motion, AnimatePresence } from 'motion/react';
-import { X, CheckCircle } from 'lucide-react';
-import { useRecruitingFlow } from './RecruitingFlowContext';
-import { ProgressiveContactForm } from './ProgressiveContactForm';
-
-interface CalculatorFollowUpProps {
-  isOpen: boolean;
-  onClose: () => void;
-  isBranchManager: boolean;
-  clickedPrimaryCTA: boolean;
-}
-
-export function CalculatorFollowUp({ 
-  isOpen, 
-  onClose, 
-  isBranchManager, 
-  clickedPrimaryCTA 
-}: CalculatorFollowUpProps) {
-  const { intentData, trackAction } = useRecruitingFlow();
-  const [showForm, setShowForm] = useState(false);
-  const [submitted, setSubmitted] = useState(false);
-
-  // Determine which copy to show based on user type and action
-  const getFollowUpContent = () => {
-    if (isBranchManager) {
-      if (clickedPrimaryCTA) {
-        // State 4: BM clicked primary CTA
-        return {
-          header: "Let's Look at This Through a Branch Lens",
-          body: "We'll discuss how productivity, pull-through, and margin visibility impact branch economics—without assuming comp plans or payout structures.",
-          primaryCTA: "Schedule a Leadership Call",
-          secondaryCTA: "Request a Follow-Up Summary",
-          microCopy: null
-        };
-      } else {
-        // State 3: BM interacted but didn't click CTA
-        return {
-          header: "Curious how this plays out in practice?",
-          body: "Every branch is different. These drivers show where earnings typically improve—but execution matters.\n\nIf you want, we can review how these levers apply specifically to your branch.",
-          primaryCTA: "Review My Branch Scenario",
-          secondaryCTA: "Continue Exploring the Platform",
-          microCopy: null
-        };
-      }
-    } else {
-      if (clickedPrimaryCTA) {
-        // State 2: LO clicked primary CTA
-        return {
-          header: "Let's Review This Together",
-          body: "We'll review your inputs, talk through realistic volume drivers, and answer questions about how AFN supports producers like you.\n\nNo pressure—just clarity.",
-          primaryCTA: "Schedule a Private Conversation",
-          secondaryCTA: "Send Me a Summary",
-          microCopy: null
-        };
-      } else {
-        // State 1: LO interacted but didn't click CTA
-        return {
-          header: "Want to sanity-check these numbers?",
-          body: "This model shows how increased funded volume can impact income—but every LO's situation is different.\n\nIf you want, we can walk through your scenario together and pressure-test the assumptions.",
-          primaryCTA: "Talk Through My Scenario",
-          secondaryCTA: "Keep Exploring AFN",
-          microCopy: "No commitment. Just a conversation."
-        };
-      }
-    }
-  };
-
-  const content = getFollowUpContent();
-
-  const handlePrimaryCTAClick = () => {
-    // Track high intent action
-    trackAction(
-      isBranchManager ? 'branch_scenario_requested' : 'lo_scenario_requested',
-      'high'
-    );
-    setShowForm(true);
-  };
-
-  const handleFormSubmit = (data: any) => {
-    console.log('Form submitted:', data);
-    setSubmitted(true);
-    // Here you would send data to your backend/CRM
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <AnimatePresence>
-      {isOpen && (
-        <>
-          {/* Backdrop */}
-          <motion.div
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            onClick={!showForm ? onClose : undefined}
-            className="fixed inset-0 bg-black/60 backdrop-blur-sm z-50"
-          />
-
-          {/* Follow-Up Panel */}
-          <div className="fixed inset-0 z-50 flex items-center justify-center p-4 md:p-6 pointer-events-none">
-            <motion.div
-              key={showForm ? 'form' : 'copy'}
-              initial={{ opacity: 0, scale: 0.95, y: 20 }}
-              animate={{ opacity: 1, scale: 1, y: 0 }}
-              exit={{ opacity: 0, scale: 0.95, y: 20 }}
-              transition={{ duration: 0.2 }}
-              className="w-full max-w-lg max-h-[90vh] overflow-y-auto bg-white dark:bg-zinc-900 rounded-2xl shadow-2xl pointer-events-auto"
-            >
-              {/* Header */}
-              <div className="sticky top-0 bg-white dark:bg-zinc-900 px-6 py-4 border-b border-zinc-200 dark:border-zinc-800 flex items-start justify-between z-10">
-                <h2 className="text-xl md:text-2xl text-zinc-900 dark:text-white pr-8">
-                  {submitted ? "Thanks — We'll Be In Touch" : content.header}
-                </h2>
-                <button
-                  onClick={onClose}
-                  className="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors"
-                  aria-label="Close"
-                >
-                  <X className="w-5 h-5 text-zinc-500" />
-                </button>
-              </div>
-
-              {/* Body */}
-              <div className="px-6 py-6">
-                {submitted ? (
-                  // Success State
-                  <div className="space-y-6 text-center">
-                    <div className="flex justify-center">
-                      <CheckCircle className="w-16 h-16 text-green-500" />
-                    </div>
-                    <div className="space-y-2">
-                      <p className="text-base text-zinc-600 dark:text-zinc-400">
-                        Thanks — we'll follow up shortly.
-                      </p>
-                      <p className="text-sm text-zinc-500 dark:text-zinc-500">
-                        In the meantime, feel free to keep exploring.
-                      </p>
-                    </div>
-                    <button
-                      onClick={onClose}
-                      className="w-full px-6 py-3 bg-gradient-to-r from-[#4399D1] to-[#2B7AB8] hover:from-[#2B7AB8] hover:to-[#4399D1] text-white rounded-lg transition-all duration-300 shadow-lg"
-                    >
-                      Continue Exploring
-                    </button>
-                  </div>
-                ) : showForm ? (
-                  // Form State (HIGH INTENT)
-                  <div className="space-y-4">
-                    <p className="text-sm text-zinc-600 dark:text-zinc-400">
-                      {content.body.split('\n\n')[0]}
-                    </p>
-                    <ProgressiveContactForm
-                      onSubmit={handleFormSubmit}
-                      onCancel={() => setShowForm(false)}
-                      primaryCTA={content.primaryCTA}
-                      secondaryCTA="Go Back"
-                      context={isBranchManager ? 'BM' : 'LO'}
-                    />
-                  </div>
-                ) : (
-                  // Copy-Only State (MEDIUM INTENT)
-                  <div className="space-y-6">
-                    <p className="text-base text-zinc-600 dark:text-zinc-400 whitespace-pre-line">
-                      {content.body}
-                    </p>
-
-                    {/* CTAs */}
-                    <div className="space-y-3">
-                      <button 
-                        onClick={handlePrimaryCTAClick}
-                        className="w-full px-6 py-3 bg-gradient-to-r from-[#4399D1] to-[#2B7AB8] hover:from-[#2B7AB8] hover:to-[#4399D1] text-white rounded-lg transition-all duration-300 shadow-lg"
-                      >
-                        {content.primaryCTA}
-                      </button>
-                      <button 
-                        onClick={onClose}
-                        className="w-full px-6 py-3 bg-white dark:bg-zinc-800 text-zinc-700 dark:text-zinc-300 border border-zinc-300 dark:border-zinc-700 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors"
-                      >
-                        {content.secondaryCTA}
-                      </button>
-                    </div>
-
-                    {/* Micro Copy */}
-                    {content.microCopy && (
-                      <p className="text-xs text-zinc-500 dark:text-zinc-500 text-center">
-                        {content.microCopy}
-                      </p>
-                    )}
-                  </div>
-                )}
-              </div>
-            </motion.div>
-          </div>
-        </>
-      )}
-    </AnimatePresence>
-  );
-}

package/src/lib/CalculatorManager.tsx

@@ -1,37 +0,0 @@
-'use client';
-
-import React from 'react';
-import { useBradyChat } from '@afncdelacru/brady-chat';
-import { LOEarningsCalculator } from './LOEarningsCalculator';
-import { BranchProfitabilityCalculator } from './BranchProfitabilityCalculator';
-// RouteContext removed for package isolation. Consumers must provide page context as props.
-export function CalculatorManager({ isLOPage, isBMPage, calculatorOpen, setCalculatorOpen, modeData }: {
-  isLOPage: boolean;
-  isBMPage: boolean;
-  calculatorOpen: boolean;
-  setCalculatorOpen: (open: boolean) => void;
-  modeData?: any;
-}) {
-  if (isLOPage) {
-    return (
-      <LOEarningsCalculator 
-        isOpen={calculatorOpen} 
-        onClose={() => setCalculatorOpen(false)}
-        isBranchManager={false}
-        // prefillData={modeData} // Add this prop if needed in LOEarningsCalculator
-      />
-    );
-  }
-  if (isBMPage) {
-    return (
-      <BranchProfitabilityCalculator 
-        isOpen={calculatorOpen} 
-        onClose={() => setCalculatorOpen(false)}
-        isPersonalized={false}
-        defaultVolume={250000000}
-        // prefillData={modeData} // Add this prop if needed in BranchProfitabilityCalculator
-      />
-    );
-  }
-  return null;
-}

package/src/lib/LOEarningsCalculator.tsx

@@ -1,366 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { motion, AnimatePresence } from 'motion/react';
-import { X, CheckCircle } from 'lucide-react';
-import { CalculatorFollowUp } from './CalculatorFollowUp';
-import { ProgressiveContactForm } from './ProgressiveContactForm';
-import { useRecruitingFlow } from './RecruitingFlowContext';
-
-interface LOEarningsCalculatorProps {
-	isOpen: boolean;
-	onClose: () => void;
-	defaultMonthlyVolume?: number;
-	defaultCompensation?: number;
-	isBranchManager?: boolean; // Determines which follow-up copy to show
-}
-
-export function LOEarningsCalculator({ 
-	isOpen, 
-	onClose, 
-	defaultMonthlyVolume = 1000000,
-	defaultCompensation = 125,
-	isBranchManager = false
-}: LOEarningsCalculatorProps) {
-	const { trackCalculatorOpen, trackCalculatorAdjustment, trackAction } = useRecruitingFlow();
-	const [monthlyVolume, setMonthlyVolume] = useState(defaultMonthlyVolume);
-	const [compensation, setCompensation] = useState(defaultCompensation);
-	const [hasInteracted, setHasInteracted] = useState(false);
-	const [clickedPrimaryCTA, setClickedPrimaryCTA] = useState(false);
-	const [showFollowUp, setShowFollowUp] = useState(false);
-	const [showForm, setShowForm] = useState(false);
-	const [submitted, setSubmitted] = useState(false);
-	const [startTime, setStartTime] = useState<number>(0);
-	const hasTrackedOpen = useRef(false);
-	const modalRef = useRef<HTMLDivElement>(null);
-
-	// Track calculator open (only once per modal opening)
-	useEffect(() => {
-		if (isOpen && !hasTrackedOpen.current) {
-			trackCalculatorOpen(isBranchManager ? 'BM' : 'LO');
-			setStartTime(Date.now());
-			hasTrackedOpen.current = true;
-		} else if (!isOpen) {
-			// Reset tracking flag when modal closes
-			hasTrackedOpen.current = false;
-		}
-	}, [isOpen, isBranchManager, trackCalculatorOpen]);
-
-	// Update values when defaults change (for personalized pages)
-	useEffect(() => {
-		setMonthlyVolume(defaultMonthlyVolume);
-		setCompensation(defaultCompensation);
-	}, [defaultMonthlyVolume, defaultCompensation]);
-
-	// Track slider interactions
-	const handleVolumeChange = (value: number) => {
-		setMonthlyVolume(value);
-		setHasInteracted(true);
-		trackCalculatorAdjustment();
-	};
-
-	const handleCompensationChange = (value: number) => {
-		setCompensation(value);
-		setHasInteracted(true);
-		trackCalculatorAdjustment();
-	};
-
-	// Handle primary CTA click
-	const handlePrimaryCTA = () => {
-		setClickedPrimaryCTA(true);
-		setHasInteracted(true);
-		setShowForm(true);
-		trackAction('primary_cta_click', 'high');
-	};
-
-	// Handle form submission
-	const handleFormSubmit = (data: any) => {
-		console.log('Form submitted:', data);
-		setSubmitted(true);
-		// Here you would send data to your backend/CRM
-	};
-
-	// Handle close without clicking primary CTA
-	const handleClose = () => {
-		if (!showForm) {
-			onClose();
-			// If user interacted but didn't click primary CTA, show follow-up
-			if (hasInteracted && !clickedPrimaryCTA) {
-				setTimeout(() => setShowFollowUp(true), 300);
-				trackAction('close_without_primary_cta');
-			}
-		} else {
-			// Go back from form to calculator
-			setShowForm(false);
-		}
-	};
-
-	// Handle actual modal close
-	const handleActualClose = () => {
-		onClose();
-		setShowForm(false);
-	};
-
-	// Reset state when modal closes
-	useEffect(() => {
-		if (!isOpen) {
-			// Reset after modal closes
-			setTimeout(() => {
-				setHasInteracted(false);
-				setClickedPrimaryCTA(false);
-				setShowForm(false);
-			}, 300);
-		}
-	}, [isOpen]);
-
-	// Calculations
-	const currentAnnualIncome = (monthlyVolume * 12 * compensation) / 10000;
-	const afnScenarioLow = currentAnnualIncome * 1.12;
-	const afnScenarioHigh = currentAnnualIncome * 1.22;
-
-	const formatCurrency = (value: number) => {
-		return new Intl.NumberFormat('en-US', {
-			style: 'currency',
-			currency: 'USD',
-			minimumFractionDigits: 0,
-			maximumFractionDigits: 0,
-		}).format(value);
-	};
-
-	const formatVolume = (value: number) => {
-		return new Intl.NumberFormat('en-US', {
-			style: 'currency',
-			currency: 'USD',
-			minimumFractionDigits: 0,
-			maximumFractionDigits: 0,
-		}).format(value);
-	};
-
-	if (!isOpen) return null;
-
-	return (
-		<>
-			<AnimatePresence>
-				{isOpen && (
-					<>
-						{/* Backdrop */}
-						<motion.div
-							initial={{ opacity: 0 }}
-							animate={{ opacity: 1 }}
-							exit={{ opacity: 0 }}
-							onClick={onClose}
-							className="fixed inset-0 bg-black/60 backdrop-blur-sm z-50"
-						/>
-
-						{/* Modal */}
-						<div className="fixed inset-0 z-50 flex items-center justify-center p-4 md:p-6 pointer-events-none">
-							<motion.div
-								initial={{ opacity: 0, scale: 0.95, y: 20 }}
-								animate={{ opacity: 1, scale: 1, y: 0 }}
-								exit={{ opacity: 0, scale: 0.95, y: 20 }}
-								transition={{ duration: 0.2 }}
-								role="dialog"
-								aria-modal="true"
-								className="w-full max-w-2xl max-h-[90vh] overflow-y-auto bg-white dark:bg-zinc-900 rounded-2xl shadow-2xl pointer-events-auto"
-								ref={modalRef}
-							>
-								{/* Header */}
-								<div className="sticky top-0 bg-white dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-800 px-6 py-4 flex items-start justify-between z-10">
-									<div>
-										<h2 className="text-2xl md:text-3xl text-zinc-900 dark:text-white">
-											Model Your Earnings Scenarios
-										</h2>
-										<p className="text-sm md:text-base text-zinc-600 dark:text-zinc-400 mt-1">
-											Adjust the assumptions below to see how changes in funded volume can impact income.
-										</p>
-									</div>
-									<button
-										onClick={onClose}
-										className="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors"
-										aria-label="Close"
-									>
-										<X className="w-5 h-5 text-zinc-500" />
-									</button>
-								</div>
-
-								{/* Content */}
-								<div className="px-6 py-6 space-y-8">
-									{submitted ? (
-										// Success State
-										<div className="space-y-6 text-center py-8">
-											<div className="flex justify-center">
-												<CheckCircle className="w-16 h-16 text-green-500" />
-											</div>
-											<div className="space-y-2">
-												<h3 className="text-2xl text-zinc-900 dark:text-white">
-													Thanks — We'll Be In Touch
-												</h3>
-												<p className="text-base text-zinc-600 dark:text-zinc-400">
-													We'll follow up shortly to discuss your scenario.
-												</p>
-												<p className="text-sm text-zinc-500 dark:text-zinc-500">
-													In the meantime, feel free to keep exploring.
-												</p>
-											</div>
-											<button
-												onClick={onClose}
-												className="w-full px-6 py-3 bg-gradient-to-r from-[#4399D1] to-[#2B7AB8] hover:from-[#2B7AB8] hover:to-[#4399D1] text-white rounded-lg transition-all duration-300 shadow-lg"
-											>
-												Continue Exploring
-											</button>
-										</div>
-									) : showForm ? (
-										// Form State (HIGH INTENT)
-										<div className="space-y-4">
-											<p className="text-base text-zinc-600 dark:text-zinc-400">
-												{isBranchManager 
-													? "We'd be happy to walk through your specific branch scenario and show how our AI tools can enhance your team's performance."
-													: "We'd be happy to walk through your specific scenario and show how our AI tools can enhance your production."}
-											</p>
-											<ProgressiveContactForm
-												onSubmit={handleFormSubmit}
-												onCancel={() => setShowForm(false)}
-												primaryCTA={isBranchManager ? "Review My Branch Scenario" : "Talk Through My Scenario"}
-												secondaryCTA="Go Back"
-												context={isBranchManager ? 'BM' : 'LO'}
-											/>
-										</div>
-									) : (
-										// Calculator State (DEFAULT)
-										<>
-									{/* Section 1: Baseline Inputs */}
-									<div>
-										<h3 className="text-lg md:text-xl text-zinc-900 dark:text-white mb-4">
-											Your Current Baseline
-										</h3>
-                    
-										{/* Monthly Funded Volume */}
-										<div className="mb-6">
-											<label className="block text-sm text-zinc-700 dark:text-zinc-300 mb-2">
-												Monthly Funded Volume
-											</label>
-											<input
-												type="range"
-												min={250000}
-												max={5000000}
-												step={50000}
-												value={monthlyVolume}
-												onChange={(e) => handleVolumeChange(Number(e.target.value))}
-												className="w-full h-2 bg-zinc-200 dark:bg-zinc-700 rounded-lg appearance-none cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#4399D1] [&::-webkit-slider-thumb]:cursor-pointer [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-[#4399D1] [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:cursor-pointer"
-											/>
-											<p className="text-xs text-zinc-500 dark:text-zinc-500 mt-2">
-												Slide to adjust if your actual production is higher or lower.
-											</p>
-											<p className="text-2xl text-zinc-900 dark:text-white mt-3">
-												{formatVolume(monthlyVolume)}
-											</p>
-										</div>
-
-										{/* Average Compensation */}
-										<div>
-											<label className="block text-sm text-zinc-700 dark:text-zinc-300 mb-2">
-												Your Average Compensation (basis points)
-											</label>
-											<input
-												type="range"
-												min={50}
-												max={250}
-												step={5}
-												value={compensation}
-												onChange={(e) => handleCompensationChange(Number(e.target.value))}
-												className="w-full h-2 bg-zinc-200 dark:bg-zinc-700 rounded-lg appearance-none cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#4399D1] [&::-webkit-slider-thumb]:cursor-pointer [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-[#4399D1] [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:cursor-pointer"
-											/>
-											<p className="text-xs text-zinc-500 dark:text-zinc-500 mt-2">
-												Drag to adjust your average comp across all loans.
-											</p>
-											<p className="text-2xl text-zinc-900 dark:text-white mt-3">
-												{compensation} <span className="text-base text-zinc-500 dark:text-zinc-400">bps</span>
-											</p>
-										</div>
-									</div>
-
-									{/* Section 2: Current State Output */}
-									<div className="p-6 rounded-xl bg-gradient-to-br from-zinc-50 to-zinc-100 dark:from-zinc-800 dark:to-zinc-800/50 border border-zinc-200 dark:border-zinc-700">
-										<h3 className="text-lg md:text-xl text-zinc-900 dark:text-white mb-3">
-											Your Current Annual Income
-										</h3>
-										<div className="text-3xl md:text-4xl text-[#4399D1] mb-2">
-											{formatCurrency(currentAnnualIncome)}
-										</div>
-										<p className="text-sm text-zinc-600 dark:text-zinc-400">
-											Based on the inputs above.
-										</p>
-									</div>
-
-									{/* Section 3: AFN Scenario */}
-									<div className="p-6 rounded-xl bg-gradient-to-br from-[#4399D1]/5 to-[#7BBCE7]/5 border-2 border-[#4399D1]/30 dark:border-[#4399D1]/20">
-										<h3 className="text-lg md:text-xl text-zinc-900 dark:text-white mb-4">
-											AFN Scenario: Increased Funded Volume
-										</h3>
-                    
-										<div className="mb-4 p-3 bg-white/50 dark:bg-zinc-900/50 rounded-lg">
-											<p className="text-sm text-zinc-700 dark:text-zinc-300">
-												Modeled Volume Increase: <span className="text-[#4399D1]">+12% to +22%</span>
-											</p>
-										</div>
-
-										<div className="mb-4">
-											<p className="text-sm text-zinc-700 dark:text-zinc-300 mb-2">
-												Modeled Annual Income Range
-											</p>
-											<div className="text-2xl md:text-3xl text-[#4399D1]">
-												{formatCurrency(afnScenarioLow)} – {formatCurrency(afnScenarioHigh)}
-											</div>
-										</div>
-
-										<div className="p-4 bg-white/70 dark:bg-zinc-900/70 rounded-lg border border-[#4399D1]/20">
-											<p className="text-sm text-zinc-700 dark:text-zinc-300">
-												<span className="text-[#4399D1]">Important:</span> This model does not assume any change to your compensation. It illustrates how increased funded volume alone can impact earnings.
-											</p>
-										</div>
-									</div>
-
-									{/* Optional Summary Bar */}
-									<div className="p-4 bg-zinc-50 dark:bg-zinc-800/50 rounded-lg border border-zinc-200 dark:border-zinc-700">
-										<p className="text-sm text-zinc-700 dark:text-zinc-300 text-center">
-											<span className="text-[#4399D1]">You control the assumptions.</span> AFN provides the system to improve outcomes.
-										</p>
-									</div>
-
-									{/* CTAs */}
-									<div className="space-y-3">
-										<button
-											onClick={handlePrimaryCTA}
-											className="w-full px-6 py-3 bg-gradient-to-r from-[#4399D1] to-[#2B7AB8] hover:from-[#2B7AB8] hover:to-[#4399D1] text-white rounded-lg transition-all duration-300 shadow-lg"
-										>
-											Talk Through My Scenario With AFN
-										</button>
-										<button
-											onClick={handleClose}
-											className="w-full px-6 py-3 bg-white dark:bg-zinc-800 text-zinc-700 dark:text-zinc-300 border border-zinc-300 dark:border-zinc-700 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors"
-										>
-											Close
-										</button>
-									</div>
-
-									{/* Data Safety Footer */}
-									<p className="text-xs text-zinc-400 dark:text-zinc-600 text-center">
-										These scenarios are illustrative only and do not represent a guarantee of earnings or compensation.
-									</p>
-										</>
-									)}
-								</div>
-							</motion.div>
-						</div>
-					</>
-				)}
-			</AnimatePresence>
-      
-			{/* Follow-Up Modal */}
-			<CalculatorFollowUp
-				isOpen={showFollowUp}
-				onClose={() => setShowFollowUp(false)}
-				isBranchManager={isBranchManager}
-				clickedPrimaryCTA={clickedPrimaryCTA}
-			/>
-		</>
-	);
-}