Package Calculator

Treatment

Package Calculator

About the treatment

Package Calculator

html

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>The Fit Clinic - New Client Price Book</title><style>        * {            margin: 0;            padding: 0;            box-sizing: border-box;        }    body {
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
       line-height: 1.6;
       color: #ffffff;
       background: #2a3a3a;
   }
   
   .page {
       width: 100%;
       max-width: 8.5in;
       min-height: auto;
       padding: 40px;
       margin: 20px auto;
       background: linear-gradient(135deg, #2a3a3a 0%, #3d4d4d 100%);
       box-shadow: 0 2px 10px rgba(0,0,0,0.3);
       page-break-after: always;
       position: relative;
   }
   
   @media print {
       body { background: white; }
       .page {
           margin: 0;
           box-shadow: none;
           page-break-after: always;
           width: 8.5in;
           min-height: 11in;
           padding: 0.5in;
       }
   }
   
   @media (max-width: 768px) {
       .page {
           padding: 20px;
           margin: 10px;
           border-radius: 12px;
       }
       
       .page-title {
           font-size: 1.6em !important;
       }
       
       .page-subtitle {
           font-size: 0.95em !important;
       }
       
       .logo-title {
           font-size: 2.2em !important;
       }
       
       .logo-subtitle {
           font-size: 0.7em !important;
           letter-spacing: 3px !important;
       }
       
       .cover-title {
           font-size: 1.8em !important;
       }
       
       .cover-subtitle {
           font-size: 1em !important;
       }
       
       .intro-section {
           padding: 15px !important;
       }
       
       .intro-section h3 {
           font-size: 1.2em !important;
       }
       
       .features-grid {
           grid-template-columns: 1fr !important;
       }
       
       .feature-box {
           padding: 15px !important;
       }
       
       table {
           font-size: 0.85em;
           display: block;
           overflow-x: auto;
           white-space: nowrap;
       }
       
       th, td {
           padding: 8px 6px !important;
       }
       
       .duration-col {
           min-width: 60px;
       }
       
       .info-box, .highlight-box {
           padding: 15px !important;
       }
       
       .section-divider {
           margin: 20px 0 !important;
       }
       
       .page-number {
           position: relative !important;
           bottom: auto !important;
           right: auto !important;
           text-align: center;
           margin-top: 30px;
       }
       
       .recovery-grid {
           grid-template-columns: 1fr !important;
       }
       
       .starter-packages {
           grid-template-columns: 1fr !important;
       }
       
       .starter-card {
           padding: 20px !important;
       }
       
       .two-col-grid {
           grid-template-columns: 1fr !important;
       }
       
       .first-options-grid {
           grid-template-columns: 1fr !important;
       }
   }
   
   @media (max-width: 480px) {
       .page {
           padding: 15px;
           margin: 5px;
       }
       
       .logo-title {
           font-size: 1.8em !important;
       }
       
       .cover-title {
           font-size: 1.5em !important;
       }
       
       .page-title {
           font-size: 1.4em !important;
       }
       
       table {
           font-size: 0.75em;
       }
       
       .price-highlight {
           font-size: 1em !important;
       }
       
       .logo-icons {
           gap: 15px !important;
       }
       
       .logo-icon {
           font-size: 1.5em !important;
       }
       
       .contact-info {
           font-size: 0.95em !important;
       }
       
       .cover {
           min-height: 100vh;
           padding: 30px 15px !important;
       }
       
       .logo-section {
           margin-bottom: 40px !important;
       }
   }
   
   /* Cover Page */
   .cover {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       text-align: center;
       background: linear-gradient(135deg, #2a3a3a 0%, #4a5a5a 50%, #3d4d4d 100%);
   }
   
   .logo-section {
       margin-bottom: 60px;
   }
   
   .logo-title {
       font-size: 3.5em;
       font-weight: 900;
       letter-spacing: 2px;
       color: #ffffff;
       margin-bottom: 10px;
   }
   
   .logo-subtitle {
       font-size: 0.9em;
       letter-spacing: 6px;
       color: #a0a0a0;
       text-transform: uppercase;
       padding: 8px 0;
       border-top: 2px solid #5a6a6a;
       border-bottom: 2px solid #5a6a6a;
       display: inline-block;
       margin-bottom: 15px;
   }
   
   .logo-icons {
       display: flex;
       justify-content: center;
       gap: 25px;
       margin-top: 15px;
   }
   
   .logo-icon {
       font-size: 2em;
   }
   
   .cover-title {
       font-size: 2.8em;
       margin: 20px 0;
       font-weight: 700;
       background: linear-gradient(45deg, #5dbbc0, #a8d88f);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
   }
   
   .cover-subtitle {
       font-size: 1.3em;
       color: #c0c0c0;
       margin-bottom: 10px;
   }
   
   .cover-date {
       font-size: 1.2em;
       color: #a0a0a0;
   }
   
   .contact-info {
       margin-top: 60px;
       font-size: 1.1em;
       color: #d0d0d0;
   }
   
   .contact-info div {
       margin: 8px 0;
   }
   
   /* Page Headers */
   .page-header {
       border-bottom: 3px solid #5dbbc0;
       padding-bottom: 15px;
       margin-bottom: 30px;
   }
   
   .page-title {
       font-size: 2.2em;
       color: #5dbbc0;
       font-weight: 700;
   }
   
   .page-subtitle {
       font-size: 1.1em;
       color: #a0a0a0;
       margin-top: 5px;
   }
   
   /* Content Sections */
   .intro-section {
       background: rgba(93, 187, 192, 0.1);
       padding: 25px;
       border-radius: 10px;
       border-left: 4px solid #5dbbc0;
       margin: 25px 0;
   }
   
   .intro-section h3 {
       color: #5dbbc0;
       margin-bottom: 15px;
       font-size: 1.4em;
   }
   
   .intro-section p {
       line-height: 1.8;
       margin-bottom: 12px;
       color: #e0e0e0;
   }
   
   .features-grid {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 20px;
       margin: 25px 0;
   }
   
   .feature-box {
       background: rgba(255, 255, 255, 0.05);
       padding: 20px;
       border-radius: 8px;
       border-left: 4px solid #e8c054;
   }
   
   .feature-box h4 {
       color: #e8c054;
       margin-bottom: 10px;
       font-size: 1.2em;
   }
   
   .feature-box ul {
       list-style: none;
       padding-left: 0;
   }
   
   .feature-box li {
       padding: 5px 0;
       padding-left: 20px;
       position: relative;
       color: #d0d0d0;
   }
   
   .feature-box li:before {
       content: "✓";
       position: absolute;
       left: 0;
       color: #e8c054;
       font-weight: bold;
   }
   
   /* Tables */
   table {
       width: 100%;
       border-collapse: collapse;
       margin: 20px 0;
       background: rgba(0,0,0,0.3);
   }
   
   th {
       background: #5dbbc0;
       color: #1a1a1a;
       padding: 12px;
       text-align: center;
       font-weight: 700;
   }
   
   td {
       padding: 10px;
       text-align: center;
       border: 1px solid #4a5a5a;
       color: #e0e0e0;
   }
   
   tr:nth-child(even) {
       background: rgba(255, 255, 255, 0.03);
   }
   
   .duration-col {
       background: #e8c054;
       color: #1a1a1a;
       font-weight: bold;
   }
   
   .price-highlight {
       color: #5dbbc0;
       font-weight: bold;
       font-size: 1.1em;
   }
   
   .savings {
       color: #a8d88f;
       font-weight: bold;
       font-size: 0.95em;
   }
   
   .info-box {
       background: rgba(232, 192, 84, 0.15);
       border: 2px solid #e8c054;
       padding: 20px;
       border-radius: 8px;
       margin: 20px 0;
   }
   
   .info-box h4 {
       color: #e8c054;
       margin-bottom: 10px;
   }
   
   .info-box ul {
       list-style: none;
       padding-left: 20px;
   }
   
   .info-box li {
       margin: 8px 0;
       color: #e0e0e0;
   }
   
   .highlight-box {
       background: linear-gradient(135deg, rgba(93, 187, 192, 0.15), rgba(168, 216, 143, 0.15));
       border: 2px solid #5dbbc0;
       padding: 20px;
       border-radius: 10px;
       margin: 25px 0;
   }
   
   .highlight-box h3 {
       color: #5dbbc0;
       margin-bottom: 15px;
   }
   
   .highlight-box p {
       color: #e0e0e0;
   }
   
   .pricing-note {
       background: rgba(93, 187, 192, 0.15);
       border-left: 4px solid #5dbbc0;
       padding: 15px;
       margin: 15px 0;
       font-style: italic;
       color: #d0d0d0;
   }
   
   .plan-badge {
       display: inline-block;
       background: #a8d88f;
       color: #1a1a1a;
       padding: 5px 15px;
       border-radius: 20px;
       font-size: 0.85em;
       font-weight: bold;
       margin-left: 10px;
   }
   
   .page-number {
       position: absolute;
       bottom: 0.3in;
       right: 0.5in;
       color: #7a8a8a;
       font-size: 0.9em;
   }
   
   .section-divider {
       height: 3px;
       background: linear-gradient(to right, #5dbbc0, #a8d88f, #e8c054);
       margin: 30px 0;
       border-radius: 2px;
   }
   
   .recovery-grid {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 20px;
       margin: 20px 0;
   }
   
   .recovery-card {
       background: rgba(255, 255, 255, 0.05);
       padding: 20px;
       border-radius: 10px;
       border: 2px solid #5dbbc0;
   }
   
   .recovery-card h4 {
       color: #5dbbc0;
       margin-bottom: 15px;
       font-size: 1.3em;
   }
   
   .recovery-price {
       font-size: 1.8em;
       color: #e8c054;
       font-weight: bold;
       margin: 15px 0;
   }
   
   .recovery-features {
       list-style: none;
       padding: 0;
   }
   
   .recovery-features li {
       padding: 8px 0;
       padding-left: 25px;
       position: relative;
       color: #d0d0d0;
   }
   
   .recovery-features li:before {
       content: "●";
       position: absolute;
       left: 0;
       color: #5dbbc0;
   }
</style>
</head><body><!-- Page 1: Cover --><div class="page cover"><div class="logo-section"><div class="logo-title">THE FIT CLINIC</div><div class="logo-subtitle">TRAINING - NUTRITION - MOBILITY</div><div class="logo-icons"><span class="logo-icon">🏋️</span><span class="logo-icon">🍽️</span><span class="logo-icon">🤸</span></div></div><div class="cover-title">New Client Price Book</div><div class="cover-subtitle">Your Path to Better Health</div><div class="cover-date">2025 Edition</div><div class="contact-info"><div><strong>30 Union Ave, STE 111</strong></div><div>Campbell, CA 95008</div><div style="margin-top: 20px;">📞 (650) 272-4240</div><div>📧 admin@thefitclinicsj.com</div></div></div><!-- Page 2: Overview & Philosophy --><div class="page"><div class="page-header"><div class="page-title">Welcome to The Fit Clinic</div><div class="page-subtitle">Every Client Starts Here</div></div><div style="text-align: center; margin-bottom: 40px;">
   <img src="https://i.imgur.com/placeholder.jpg" alt="Client Journey Process" style="max-width: 100%; border-radius: 10px; opacity: 0.9;">
   <p style="font-size: 0.9em; color: #a0a0a0; margin-top: 10px; font-style: italic;">Program → Training → Progress Reviews → Add-Ons → Exit Plan</p>
</div>

<div class="intro-section">
   <h3>Our Approach</h3>
   <p>At The Fit Clinic, we provide <strong>specialized personal training</strong> with a focus on evidence-based methods. Every program includes macro tracking, meal planning, personalized training, and corrective exercise with core & mobility work.</p>
   <p>We work with clients who want sustainable, long-term progress through proper tracking systems and vitamin/mineral analysis with supplements.</p>
</div>

<div class="features-grid" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 25px 0;">
   <div class="feature-box">
       <h4>🎯 Personal Training</h4>
       <ul>
           <li>1:1 or 1:2 sessions</li>
           <li>Customized programs</li>
           <li>Progress tracking</li>
           <li>Strength development</li>
       </ul>
   </div>
   
   <div class="feature-box">
       <h4>🍽️ Nutrition Coaching</h4>
       <ul>
           <li>Macro-based planning</li>
           <li>Meal prep coordination</li>
           <li>Weekly check-ins</li>
           <li>Education & accountability</li>
       </ul>
   </div>
   
   <div class="feature-box">
       <h4>📊 Body Composition</h4>
       <ul>
           <li>InBody testing</li>
           <li>Progress tracking</li>
           <li>Muscle mass analysis</li>
           <li>Body fat measurement</li>
       </ul>
   </div>
   
   <div class="feature-box">
       <h4>🤸 Recovery Services</h4>
       <ul>
           <li>Graston technique</li>
           <li>Cupping therapy</li>
           <li>Mobility work</li>
           <li>Pain management</li>
       </ul>
   </div>
</div>

<div class="highlight-box">
   <h3>What Makes Us Different</h3>
   <p><strong>Data-Driven Results:</strong> We track strength, nutrition, body composition, and photos for measurable progress.</p>
   <p><strong>Comprehensive Care:</strong> Training + nutrition + recovery + preventative medical oversight all working together.</p>
   <p><strong>Education First:</strong> Learn the "why" behind every decision for long-term success.</p>
</div>

<div class="page-number">Page 2</div>
</div><!-- Page 3: Program Design + 6-Week Starters --><div class="page"><div class="page-header"><div class="page-title">Program Design & First Package Options</div><div class="page-subtitle">Setting the foundation for your success</div></div><div class="intro-section">
   <h3>Comprehensive Program Design - $250</h3>
   <p>One-time investment in your personalized roadmap. This comprehensive program allows clients to train with us exclusively or independently while maintaining tracking, communication, and an ongoing roadmap.</p>
</div>

<div style="background: rgba(232, 192, 84, 0.15); border: 2px solid #e8c054; border-radius: 10px; padding: 25px; margin: 20px 0;">
   <h3 style="color: #e8c054; text-align: center; margin-bottom: 20px;">Complete Program Package</h3>
   <div style="text-align: center; font-size: 2.5em; color: #e8c054; font-weight: bold; margin: 15px 0;">$250</div>
   <ul style="list-style: none; padding: 0;">
       <li style="padding: 8px 0; padding-left: 30px; position: relative; color: #e0e0e0;">
           <span style="position: absolute; left: 0; color: #e8c054; font-weight: bold;">✓</span>
           Complete fitness assessment & goal setting
       </li>
       <li style="padding: 8px 0; padding-left: 30px; position: relative; color: #e0e0e0;">
           <span style="position: absolute; left: 0; color: #e8c054; font-weight: bold;">✓</span>
           Personalized workout program design
       </li>
       <li style="padding: 8px 0; padding-left: 30px; position: relative; color: #e0e0e0;">
           <span style="position: absolute; left: 0; color: #e8c054; font-weight: bold;">✓</span>
           Nutritional guidance & meal planning
       </li>
       <li style="padding: 8px 0; padding-left: 30px; position: relative; color: #e0e0e0;">
           <span style="position: absolute; left: 0; color: #e8c054; font-weight: bold;">✓</span>
           Progress tracking system setup
       </li>
       <li style="padding: 8px 0; padding-left: 30px; position: relative; color: #e0e0e0;">
           <span style="position: absolute; left: 0; color: #e8c054; font-weight: bold;">✓</span>
           Communication between training staff
       </li>
       <li style="padding: 8px 0; padding-left: 30px; position: relative; color: #e0e0e0;">
           <span style="position: absolute; left: 0; color: #e8c054; font-weight: bold;">✓</span>
           Ongoing program modifications
       </li>
       <li style="padding: 8px 0; padding-left: 30px; position: relative; color: #e0e0e0;">
           <span style="position: absolute; left: 0; color: #e8c054; font-weight: bold;">✓</span>
           Success roadmap & milestone planning
       </li>
   </ul>
</div>

<div class="section-divider"></div>

<div class="intro-section">
   <h3>💡 First Package Options</h3>
   <p><strong>Every client chooses ONE of these options for their first package:</strong></p>
   <div class="first-options-grid" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px;">
       <div style="background: rgba(232, 192, 84, 0.1); padding: 20px; border-radius: 8px; border: 2px solid #e8c054;">
           <h4 style="color: #e8c054; margin-bottom: 10px;">Option 1: Program + Training</h4>
           <p style="color: #e0e0e0;">Pay $250 program fee + personal training package price</p>
       </div>
       <div style="background: rgba(93, 187, 192, 0.1); padding: 20px; border-radius: 8px; border: 2px solid #5dbbc0;">
           <h4 style="color: #5dbbc0; margin-bottom: 10px;">Option 2: Coaching + Training</h4>
           <p style="color: #e0e0e0;">Skip the $250 program fee by adding weekly check-ins/coaching instead. Pay only the coaching rate for your first package!</p>
       </div>
   </div>
   <p style="margin-top: 15px; font-style: italic; color: #a0a0a0;">After your first package, you can add any additional services (coaching, recovery, etc.) à la carte.</p>
</div>

<div class="page-number">Page 3</div>
</div><!-- Page 4: PT 60 Personal Training Pricing --><div class="page"><div class="page-header"><div class="page-title">Personal Training</div><div class="page-subtitle">One-on-One, 60 Minutes</div></div><div class="intro-section">
   <h3>Comprehensive plan including:</h3>
   <p>Nutrition coaching, training program, mobility notes, supplement intake, and cardiovascular training.</p>
   <p style="font-style: italic; margin-top: 10px;">One-time fee included with the cost of training</p>
</div>

<table>
   <thead>
       <tr>
           <th>SESSIONS</th>
           <th>PRICE</th>
           <th>TOTAL (+$250)</th>
       </tr>
   </thead>
   <tbody>
       <tr>
           <td class="duration-col">12</td>
           <td class="price-highlight">$120</td>
           <td>$1,640</td>
       </tr>
       <tr>
           <td class="duration-col">24</td>
           <td class="price-highlight">$115</td>
           <td>$2,990</td>
       </tr>
       <tr>
           <td class="duration-col">36</td>
           <td class="price-highlight">$110</td>
           <td>$4,210</td>
       </tr>
       <tr>
           <td class="duration-col">48</td>
           <td class="price-highlight">$105</td>
           <td>$5,290</td>
       </tr>
       <tr>
           <td class="duration-col">72</td>
           <td class="price-highlight">$100</td>
           <td>$7,450</td>
       </tr>
       <tr>
           <td class="duration-col">96</td>
           <td class="price-highlight">$95</td>
           <td>$9,370</td>
       </tr>
   </tbody>
</table>

<div class="pricing-note">
   <strong>All package prices include add-on $250 one time plan (mandatory)</strong><br>
   Sessions are assigned to the appropriate personal trainer based on specific needs and schedule
</div>

<div class="info-box">
   <h4>💡 Payment Options</h4>
   <ul>
       <li><strong>Weekly EFT:</strong> Standard rate shown above (no discount) - Credit card on file required</li>
       <li><strong>Monthly EFT:</strong> Save 5% - Automatic payments every 4 weeks - Credit card on file required</li>
       <li><strong>Paid in Full:</strong> Save 10% - Single upfront payment - No card on file required</li>
   </ul>
</div>

<div class="info-box">
   <h4>⚠️ Important Policies</h4>
   <ul>
       <li><strong>Session Expiration:</strong> All sessions expire 12 months from purchase date</li>
       <li><strong>Cancellation Policy:</strong> 12-hour advance notice required</li>
       <li><strong>Trainer Assignment:</strong> Matched based on schedule, goals, and needs</li>
   </ul>
</div>

<div class="page-number">Page 4</div>
</div><!-- Page 5: 6 Week Starter Packages --><div class="page"><div class="page-header"><div class="page-title">6 Week Starter Packages</div><div class="page-subtitle">Access to flexible schedule each week - Choose a trainer, day, and time that is ideal for you</div></div><div class="starter-packages" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 30px 0;">
   <!-- Bronze Package -->
   <div class="starter-card" style="background: rgba(232, 192, 84, 0.1); border: 3px solid #e8c054; border-radius: 15px; padding: 25px; position: relative;">
       <div style="position: absolute; top: -15px; right: 20px; background: #e8c054; color: #1a1a1a; padding: 5px 20px; border-radius: 20px; font-weight: bold; font-size: 0.9em;">15% OFF</div>
       <h3 style="color: #e8c054; text-align: center; font-size: 1.8em; margin-bottom: 20px;">BRONZE</h3>
       <div style="text-align: center; margin: 20px 0;">
           <div style="font-size: 1.1em; color: #a0a0a0; text-decoration: line-through;">$919 (15% OFF)</div>
           <div style="font-size: 2.2em; color: #e8c054; font-weight: bold; margin-top: 5px;">$781</div>
       </div>
       <ul style="list-style: none; padding: 0; margin-top: 25px;">
           <li style="padding: 8px 0; color: #e0e0e0;">• Comprehensive training and nutrition plan</li>
           <li style="padding: 8px 0; color: #e0e0e0;">• 6 personal training sessions (1/week)</li>
           <li style="padding: 8px 0; color: #e0e0e0;">• Progression onboarding</li>
           <li style="padding: 8px 0; color: #e0e0e0;">• Flexible scheduling</li>
           <li style="padding: 8px 0; color: #e0e0e0;">• One progress review and InBody analysis</li>
       </ul>
       <div style="background: rgba(232, 192, 84, 0.2); padding: 12px; border-radius: 8px; margin-top: 20px; text-align: center; font-weight: bold; color: #e8c054;">First-time clients only</div>
   </div>
   
   <!-- Silver Package -->
   <div class="starter-card" style="background: rgba(192, 192, 192, 0.1); border: 3px solid #c0c0c0; border-radius: 15px; padding: 25px; position: relative;">
       <div style="position: absolute; top: -15px; right: 20px; background: #c0c0c0; color: #1a1a1a; padding: 5px 20px; border-radius: 20px; font-weight: bold; font-size: 0.9em;">20% OFF</div>
       <h3 style="color: #c0c0c0; text-align: center; font-size: 1.8em; margin-bottom: 20px;">SILVER</h3>
       <div style="text-align: center; margin: 20px 0;">
           <div style="font-size: 1.1em; color: #a0a0a0; text-decoration: line-through;">$1,965 (20% OFF)</div>
           <div style="font-size: 2.2em; color: #c0c0c0; font-weight: bold; margin-top: 5px;">$1,759</div>
       </div>
       <ul style="list-style: none; padding: 0; margin-top: 25px;">
           <li style="padding: 8px 0; color: #e0e0e0;">• Comprehensive training and nutrition plan</li>
           <li style="padding: 8px 0; color: #e0e0e0;">• 12 personal training sessions (2x/week)</li>
           <li style="padding: 8px 0; color: #e0e0e0;">• Progression onboarding</li>
           <li style="padding: 8px 0; color: #e0e0e0;">• Flexible scheduling</li>
           <li style="padding: 8px 0; color: #e0e0e0;">• 6 progress review meetings</li>
           <li style="padding: 8px 0; color: #e0e0e0;">• InBody comparisons</li>
       </ul>
       <div style="background: rgba(192, 192, 192, 0.2); padding: 12px; border-radius: 8px; margin-top: 20px; text-align: center; font-weight: bold; color: #c0c0c0;">First-time clients only</div>
   </div>
   
   <!-- Gold Package -->
   <div class="starter-card" style="background: rgba(232, 192, 84, 0.15); border: 3px solid #e8c054; border-radius: 15px; padding: 25px; position: relative; box-shadow: 0 4px 20px rgba(232, 192, 84, 0.3);">
       <div style="position: absolute; top: -15px; right: 20px; background: #e8c054; color: #1a1a1a; padding: 5px 20px; border-radius: 20px; font-weight: bold; font-size: 0.9em;">25% OFF</div>
       <h3 style="color: #e8c054; text-align: center; font-size: 1.8em; margin-bottom: 20px;">GOLD</h3>
       <div style="text-align: center; margin: 20px 0;">
           <div style="font-size: 1.1em; color: #a0a0a0; text-decoration: line-through;">$2,985 (25% OFF)</div>
           <div style="font-size: 2.2em; color: #e8c054; font-weight: bold; margin-top: 5px;">$2,399</div>
       </div>
       <div style="background: rgba(232, 192, 84, 0.25); padding: 8px; border-radius: 5px; text-align: center; margin: 15px 0; font-size: 0.85em; font-weight: bold; color: #e8c054;">Personal Training</div>
       <ul style="list-style: none; padding: 0; font-size: 0.95em;">
           <li style="padding: 6px 0; color: #e0e0e0;">• PT Core/Mobility (13 sessions)</li>
       </ul>
       <div style="background: rgba(232, 192, 84, 0.25); padding: 8px; border-radius: 5px; text-align: center; margin: 15px 0; font-size: 0.85em; font-weight: bold; color: #e8c054;">Details</div>
       <ul style="list-style: none; padding: 0; font-size: 0.95em;">
           <li style="padding: 6px 0; color: #e0e0e0;">• Kinotek Test</li>
           <li style="padding: 6px 0; color: #e0e0e0;">• Mobility Program</li>
           <li style="padding: 6px 0; color: #e0e0e0;">• 6 Check-ins</li>
           <li style="padding: 6px 0; color: #e0e0e0;">• Program Adjustments</li>
           <li style="padding: 6px 0; color: #e0e0e0;">• Final InBody Review</li>
           <li style="padding: 6px 0; color: #e0e0e0;">• MD: 15-min consult + labs + 60-min visit</li>
       </ul>
       <div style="background: rgba(232, 192, 84, 0.3); padding: 12px; border-radius: 8px; margin-top: 20px; text-align: center; font-weight: bold; color: #e8c054;">First-time clients only</div>
   </div>
</div>

<div class="highlight-box">
   <h3>💡 Starter Package Benefits</h3>
   <p><strong>Perfect for new clients</strong> who want to experience The Fit Clinic with significant savings on their first package.</p>
   <p style="margin-top: 10px;">All packages include the comprehensive program design that sets you up for long-term success.</p>
</div>

<div class="page-number">Page 5</div>
</div><!-- Page 6: Package Pricing with Payment Tiers --><div class="page"><div class="page-header"><div class="page-title">Package Pricing & Payment Options</div><div class="page-subtitle">Choose your frequency and payment method</div></div><div class="intro-section">
   <h3>How Package Pricing Works</h3>
   <p>Select the number of sessions you want, then choose your payment method. Monthly EFT saves 5%, while paying in full saves 10%.</p>
</div>

<table>
   <thead>
       <tr>
           <th>Sessions</th>
           <th>Per Session</th>
           <th>Weekly EFT<br><span style="font-size: 0.85em; font-weight: normal;">(Standard)</span></th>
           <th>Monthly EFT<br><span style="font-size: 0.85em; font-weight: normal;">(5% Off)</span></th>
           <th>Paid in Full<br><span style="font-size: 0.85em; font-weight: normal;">(10% Off)</span></th>
       </tr>
   </thead>
   <tbody>
       <tr>
           <td class="duration-col">12</td>
           <td>$120</td>
           <td>
               <div class="price-highlight">$1,640</div>
               <div style="font-size: 0.85em; color: #a0a0a0;">~$137/week</div>
           </td>
           <td>
               <div class="price-highlight">$1,558</div>
               <div class="savings">Save $82</div>
           </td>
           <td>
               <div class="price-highlight">$1,476</div>
               <div class="savings">Save $164</div>
           </td>
       </tr>
       <tr>
           <td class="duration-col">24</td>
           <td>$115</td>
           <td>
               <div class="price-highlight">$2,990</div>
               <div style="font-size: 0.85em; color: #a0a0a0;">~$125/week</div>
           </td>
           <td>
               <div class="price-highlight">$2,841</div>
               <div class="savings">Save $149</div>
           </td>
           <td>
               <div class="price-highlight">$2,691</div>
               <div class="savings">Save $299</div>
           </td>
       </tr>
       <tr>
           <td class="duration-col">36</td>
           <td>$110</td>
           <td>
               <div class="price-highlight">$4,210</div>
               <div style="font-size: 0.85em; color: #a0a0a0;">~$117/week</div>
           </td>
           <td>
               <div class="price-highlight">$4,000</div>
               <div class="savings">Save $210</div>
           </td>
           <td>
               <div class="price-highlight">$3,789</div>
               <div class="savings">Save $421</div>
           </td>
       </tr>
       <tr>
           <td class="duration-col">48</td>
           <td>$105</td>
           <td>
               <div class="price-highlight">$5,290</div>
               <div style="font-size: 0.85em; color: #a0a0a0;">~$110/week</div>
           </td>
           <td>
               <div class="price-highlight">$5,026</div>
               <div class="savings">Save $264</div>
           </td>
           <td>
               <div class="price-highlight">$4,761</div>
               <div class="savings">Save $529</div>
           </td>
       </tr>
       <tr>
           <td class="duration-col">72</td>
           <td>$100</td>
           <td>
               <div class="price-highlight">$7,450</div>
               <div style="font-size: 0.85em; color: #a0a0a0;">~$104/week</div>
           </td>
           <td>
               <div class="price-highlight">$7,078</div>
               <div class="savings">Save $372</div>
           </td>
           <td>
               <div class="price-highlight">$6,705</div>
               <div class="savings">Save $745</div>
           </td>
       </tr>
       <tr>
           <td class="duration-col">96</td>
           <td>$95</td>
           <td>
               <div class="price-highlight">$9,370</div>
               <div style="font-size: 0.85em; color: #a0a0a0;">~$98/week</div>
           </td>
           <td>
               <div class="price-highlight">$8,902</div>
               <div class="savings">Save $468</div>
           </td>
           <td>
               <div class="price-highlight">$8,433</div>
               <div class="savings">Save $937</div>
           </td>
       </tr>
   </tbody>
</table>

<div class="info-box">
   <h4>💳 Payment Methods Explained</h4>
   <ul>
       <li><strong>Weekly EFT:</strong> Standard pricing with automatic weekly payments. Credit card on file required.</li>
       <li><strong>Monthly EFT:</strong> 5% discount with automatic payments every 4 weeks. Credit card on file required.</li>
       <li><strong>Paid in Full:</strong> Best value at 10% off with a single upfront payment. No card on file needed.</li>
   </ul>
</div>

<div class="highlight-box">
   <h3>💡 Choosing the Right Package</h3>
   <p><strong>1-2x per week:</strong> 12-24 sessions (Maintenance or light training)</p>
   <p><strong>2-3x per week:</strong> 24-48 sessions (Balanced approach for most goals)</p>
   <p><strong>3-4x per week:</strong> 48-96 sessions (Intensive training for serious transformations)</p>
</div>

<div class="page-number">Page 6</div>
</div><!-- Page 7: Additional Services & Support --><div class="page"><div class="page-header"><div class="page-title">Additional Services & Payment Options</div><div class="page-subtitle">Complete your fitness journey with our support services</div></div><div class="intro-section">
   <h3>Monthly Support Services</h3>
   <p>Ongoing support services with the same flexible payment options as training packages</p>
</div>

<div class="two-col-grid" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin: 25px 0;">
   <!-- Premium Coaching -->
   <div style="background: rgba(232, 192, 84, 0.15); border: 3px solid #e8c054; border-radius: 12px; padding: 25px;">
       <div style="background: #e8c054; color: #1a1a1a; padding: 5px 15px; border-radius: 15px; display: inline-block; font-weight: bold; font-size: 0.85em; margin-bottom: 15px;">PREMIUM</div>
       <h3 style="color: #e8c054; margin-bottom: 10px; font-size: 1.6em;">Weekly Check-ins</h3>
       <div style="font-size: 2em; color: #e8c054; font-weight: bold; margin: 15px 0;">$69<span style="font-size: 0.5em; color: #a0a0a0;">/week</span></div>
       
       <ul style="list-style: none; padding: 0; margin: 20px 0;">
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #e8c054;">✓</span>
               Weekly 30-minute check-in calls
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #e8c054;">✓</span>
               Unlimited text/email support
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #e8c054;">✓</span>
               Custom meal planning & recipes
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #e8c054;">✓</span>
               Progress photo analysis
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #e8c054;">✓</span>
               Workout modifications between sessions
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #e8c054;">✓</span>
               Supplement recommendations
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #e8c054;">✓</span>
               Habit tracking & accountability
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #e8c054;">✓</span>
               Priority scheduling for sessions
           </li>
       </ul>
       
       <div style="background: rgba(232, 192, 84, 0.2); padding: 15px; border-radius: 8px; margin-top: 20px;">
           <div style="color: #e8c054; font-weight: bold; margin-bottom: 8px;">Pricing Options:</div>
           <div style="color: #e0e0e0; font-size: 0.95em;">Weekly EFT: <strong>$69/week</strong></div>
           <div style="color: #e0e0e0; font-size: 0.95em;">Pay 12 months: <strong>$3,229</strong> <span style="color: #a8d88f;">(Save $359)</span></div>
       </div>
   </div>
   
   <!-- Program Maintenance -->
   <div style="background: rgba(93, 187, 192, 0.15); border: 3px solid #5dbbc0; border-radius: 12px; padding: 25px;">
       <div style="background: #5dbbc0; color: #1a1a1a; padding: 5px 15px; border-radius: 15px; display: inline-block; font-weight: bold; font-size: 0.85em; margin-bottom: 15px;">ESSENTIAL</div>
       <h3 style="color: #5dbbc0; margin-bottom: 10px; font-size: 1.6em;">Program Maintenance</h3>
       <div style="font-size: 2em; color: #5dbbc0; font-weight: bold; margin: 15px 0;">$11<span style="font-size: 0.5em; color: #a0a0a0;">/week</span></div>
       
       <ul style="list-style: none; padding: 0; margin: 20px 0;">
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">✓</span>
               Monthly program updates
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">✓</span>
               Exercise video library access
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">✓</span>
               Basic nutrition guidelines
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">✓</span>
               Email support (48hr response)
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">✓</span>
               Progress tracking tools
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #e0e0e0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">✓</span>
               Exercise form check videos
           </li>
       </ul>
       
       <div style="background: rgba(93, 187, 192, 0.2); padding: 15px; border-radius: 8px; margin-top: 20px;">
           <div style="color: #5dbbc0; font-weight: bold; margin-bottom: 8px;">Pricing Options:</div>
           <div style="color: #e0e0e0; font-size: 0.95em;">Weekly EFT: <strong>$11/week</strong></div>
           <div style="color: #e0e0e0; font-size: 0.95em;">Pay 12 months: <strong>$529</strong> <span style="color: #a8d88f;">(Save $59)</span></div>
       </div>
   </div>
</div>

<div class="section-divider"></div>

<div class="intro-section">
   <h3>Recovery Services</h3>
   <p>Enhance your training with specialized recovery support - Graston technique, cupping therapy, and mobility work</p>
</div>

<div class="two-col-grid" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin: 25px 0;">
   <div style="background: rgba(255, 255, 255, 0.05); border: 2px solid #5dbbc0; border-radius: 10px; padding: 25px;">
       <h4 style="color: #5dbbc0; font-size: 1.4em; margin-bottom: 15px;">30-Minute Session</h4>
       <div style="font-size: 2.2em; color: #e8c054; font-weight: bold; margin: 20px 0;">$60</div>
       <ul style="list-style: none; padding: 0;">
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #d0d0d0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">●</span>
               Graston technique
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #d0d0d0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">●</span>
               Cupping therapy
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #d0d0d0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">●</span>
               Targeted mobility work
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #d0d0d0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">●</span>
               Pain management focus
           </li>
       </ul>
   </div>
   
   <div style="background: rgba(255, 255, 255, 0.05); border: 2px solid #5dbbc0; border-radius: 10px; padding: 25px;">
       <h4 style="color: #5dbbc0; font-size: 1.4em; margin-bottom: 15px;">60-Minute Session</h4>
       <div style="font-size: 2.2em; color: #e8c054; font-weight: bold; margin: 20px 0;">$110</div>
       <ul style="list-style: none; padding: 0;">
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #d0d0d0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">●</span>
               Extended Graston work
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #d0d0d0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">●</span>
               Comprehensive cupping
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #d0d0d0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">●</span>
               Full mobility assessment
           </li>
           <li style="padding: 8px 0; padding-left: 25px; position: relative; color: #d0d0d0;">
               <span style="position: absolute; left: 0; color: #5dbbc0;">●</span>
               Movement pattern correction
           </li>
       </ul>
   </div>
</div>

<div class="highlight-box">
   <h3>💡 Who Benefits Most</h3>
   <p><strong>Weekly Check-ins:</strong> Ideal for clients who want maximum support, accountability, and rapid progress with personalized coaching.</p>
   <p><strong>Program Maintenance:</strong> Perfect for independent clients who want updated programming and basic guidance between sessions.</p>
   <p><strong>Recovery Sessions:</strong> Great for clients with mobility limitations, chronic pain, or athletes seeking enhanced recovery.</p>
</div>

<div class="page-number">Page 7</div>
</div><!-- Page 8: Policies & Contact --><div class="page"><div class="page-header"><div class="page-title">Policies & Important Information</div><div class="page-subtitle">Please Review Before Purchase</div></div><div class="intro-section">
   <h3>Session Policies</h3>
   <ul style="list-style: none; padding-left: 0;">
       <li style="padding: 10px 0; border-bottom: 1px solid #4a5a5a; color: #e0e0e0;">
           <strong style="color: #5dbbc0;">Session Expiration:</strong> All sessions expire 12 months from purchase date
       </li>
       <li style="padding: 10px 0; border-bottom: 1px solid #4a5a5a; color: #e0e0e0;">
           <strong style="color: #5dbbc0;">Cancellation Policy:</strong> 12-hour advance notice required. Late cancellations forfeit the session
       </li>
       <li style="padding: 10px 0; border-bottom: 1px solid #4a5a5a; color: #e0e0e0;">
           <strong style="color: #5dbbc0;">Rescheduling:</strong> Sessions can be rescheduled with 12-hour notice subject to availability
       </li>
       <li style="padding: 10px 0; color: #e0e0e0;">
           <strong style="color: #5dbbc0;">Trainer Assignment:</strong> Matched based on schedule, goals, and needs
       </li>
   </ul>
</div>

<div class="intro-section">
   <h3>Payment Terms</h3>
   <ul style="list-style: none; padding-left: 0;">
       <li style="padding: 10px 0; border-bottom: 1px solid #4a5a5a; color: #e0e0e0;">
           <strong style="color: #e8c054;">Weekly EFT:</strong> Automatic weekly payments. Credit card on file required. Standard rate (no discount)
       </li>
       <li style="padding: 10px 0; border-bottom: 1px solid #4a5a5a; color: #e0e0e0;">
           <strong style="color: #e8c054;">Monthly EFT:</strong> Automatic monthly payments. Credit card on file required. <strong>5% discount</strong>
       </li>
       <li style="padding: 10px 0; border-bottom: 1px solid #4a5a5a; color: #e0e0e0;">
           <strong style="color: #e8c054;">Paid in Full:</strong> Single upfront payment. No card on file required. <strong>10% discount</strong>
       </li>
       <li style="padding: 10px 0; color: #e0e0e0;">
           <strong style="color: #e8c054;">Refund Policy:</strong> See contract for detailed terms
       </li>
   </ul>
</div>

<div class="section-divider"></div>

<div class="intro-section" style="background: rgba(93, 187, 192, 0.15); border-left: 4px solid #5dbbc0;">
   <h3>Ready to Get Started?</h3>
   <p style="font-size: 1.1em; margin-bottom: 20px;">Schedule your consultation to discuss which program is right for you.</p>
   
   <div class="two-col-grid" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px;">
       <div>
           <strong style="color: #5dbbc0;">📍 Location</strong>
           <p style="color: #d0d0d0;">30 Union Ave, STE 111<br>Campbell, CA 95008</p>
       </div>
       <div>
           <strong style="color: #5dbbc0;">📞 Phone</strong>
           <p style="color: #d0d0d0;">(650) 272-4240</p>
       </div>
       <div>
           <strong style="color: #5dbbc0;">📧 Email</strong>
           <p style="color: #d0d0d0;">admin@thefitclinicsj.com</p>
       </div>
       <div>
           <strong style="color: #5dbbc0;">🌐 Website</strong>
           <p style="color: #d0d0d0;">thefitclinicsj.com</p>
       </div>
   </div>
</div>

<div class="highlight-box" style="margin-top: 30px;">
   <h3>Our Commitment to You</h3>
   <p>Every program at The Fit Clinic is built on evidence-based methods, personalized attention, and comprehensive tracking. We're committed to helping you achieve measurable, sustainable results.</p>
   <p style="margin-top: 15px; color: #e8c054; font-weight: bold;">Training • Nutrition • Mobility</p>
</div>

<div class="page-number">Page 8</div>
</div></body></html>

Category

Treatments

Package Calculator
Klaas - Dentist website Webflow template

You are in good hands

Gallery

Package Calculator

Book online

To book an appointment straight away you can use our online booking form

1

Fees

General dentistry

We provide a wide range of general treatments

2

Fees

Cosmetic treatments

We provide a wide range of cosmetic treatments

3

Fees

Orthodontics

We provide a wide range of orthodontics treatments

Package Calculator

Patient succes stories

Review 3

Lucy Francis

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Dentist

Review 2

Melanie Schmidt

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.