Embed

<div id="wf-hub" style="max-width: 600px; margin: 20px auto; background: #0a0a0a; color: #fff; font-family: 'Inter', sans-serif; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(255, 0, 0, 0.2); border: 1px solid #222;">
    
    <div style="background: #000; padding: 40px 20px; border-bottom: 3px solid #ff0000; text-align: center;">
        <div style="display: flex; justify-content: center; align-items: center; margin-bottom: 15px;">
            <img src="https://i.ibb.co/gMhYXsBN/Gemini-Generated-Image-kwxf8ekwxf8ekwxf-Photoroom.png" alt="Weazel Fit Logo" style="width: 140px; height: auto; filter: drop-shadow(0 0 15px rgba(255, 0, 0, 0.5));">
        </div>
        <p style="margin: 0; font-size: 10px; color: #ff0000; letter-spacing: 3px; font-weight: 900; text-transform: uppercase;">Premium Transformation System</p>
    </div>

    <div style="padding: 20px;">
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px;">
            <div>
                <label style="display: block; font-size: 10px; font-weight: 800; color: #ff0000; margin-bottom: 6px; text-transform: uppercase;">Weight (lbs)</label>
                <input type="number" id="wf-weight" placeholder="185" icon="none" style="width: 100%; padding: 15px; background: #111; border: 1px solid #333; border-radius: 8px; color: #fff; outline: none; font-size: 16px; -webkit-appearance: none;">
            </div>
            <div>
                <label style="display: block; font-size: 10px; font-weight: 800; color: #ff0000; margin-bottom: 6px; text-transform: uppercase;">Height (in)</label>
                <input type="number" id="wf-height" placeholder="70" style="width: 100%; padding: 15px; background: #111; border: 1px solid #333; border-radius: 8px; color: #fff; outline: none; font-size: 16px; -webkit-appearance: none;">
            </div>
        </div>

        <div style="margin-bottom: 25px;">
            <label style="display: block; font-size: 10px; font-weight: 800; color: #ff0000; margin-bottom: 6px; text-transform: uppercase;">Primary Goal</label>
            <select id="wf-goal" style="width: 100%; padding: 15px; background: #111; border: 1px solid #333; border-radius: 8px; color: #fff; cursor: pointer; font-size: 15px;">
                <option value="0.8">Elite Weight Loss (The Shred)</option>
                <option value="1.0">Body Recomposition</option>
                <option value="1.15">Lean Muscle Growth</option>
            </select>
        </div>

        <button type="button" id="wf-submit" onclick="runWFHub()" style="width: 100%; padding: 20px; background: #ff0000; color: #fff; border: none; border-radius: 8px; font-weight: 900; text-transform: uppercase; cursor: pointer; letter-spacing: 1px; font-size: 16px; -webkit-tap-highlight-color: transparent;">
            Analyze My Data
        </button>

        <div id="wf-results" style="display: none; margin-top: 30px; border-top: 1px solid #333; padding-top: 25px;">
            <div style="text-align: center; margin-bottom: 25px;">
                <span style="font-size: 11px; color: #888; text-transform: uppercase;">Target Intake</span>
                <div id="wf-cal-display" style="font-size: 48px; font-weight: 900; color: #fff; margin: 5px 0;">0</div>
                <span style="font-size: 11px; color: #ff0000; font-weight: 900; text-transform: uppercase;">Calories / Day</span>
            </div>

            <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 30px;">
                <div style="background: #111; padding: 12px 5px; border-radius: 8px; text-align: center; border: 1px solid #222;">
                    <div style="font-size: 8px; color: #ff0000; font-weight: 800; margin-bottom: 4px; text-transform: uppercase;">Protein</div>
                    <div id="wf-p-display" style="font-size: 18px; font-weight: 800;">0g</div>
                </div>
                <div style="background: #111; padding: 12px 5px; border-radius: 8px; text-align: center; border: 1px solid #222;">
                    <div style="font-size: 8px; color: #ff0000; font-weight: 800; margin-bottom: 4px; text-transform: uppercase;">Carbs</div>
                    <div id="wf-c-display" style="font-size: 18px; font-weight: 800;">0g</div>
                </div>
                <div style="background: #111; padding: 12px 5px; border-radius: 8px; text-align: center; border: 1px solid #222;">
                    <div style="font-size: 8px; color: #ff0000; font-weight: 800; margin-bottom: 4px; text-transform: uppercase;">Fats</div>
                    <div id="wf-f-display" style="font-size: 18px; font-weight: 800;">0g</div>
                </div>
            </div>

            <div style="background: #111; border: 1px solid #ff0000; border-radius: 12px; padding: 20px; margin-bottom: 25px;">
                <h3 style="margin: 0 0 12px; color: #ff0000; font-size: 16px; text-transform: uppercase; font-weight: 900;">Elite Weight Loss Plan</h3>
                <ul style="padding: 0; list-style: none; margin: 0; font-size: 12px; color: #ccc; line-height: 1.6;">
                    <li style="margin-bottom: 8px;">• 1-on-1 Transformation Sessions [cite: 11]</li>
                    <li style="margin-bottom: 8px;">• Custom Nutrition & Meal Prep Guidance [cite: 11, 85]</li>
                    <li style="margin-bottom: 8px;">• Premium Habit & Accountability Coaching [cite: 85]</li>
                    <li>• Monthly Body Composition Scans [cite: 85]</li>
                </ul>
            </div>

            <a href="https://calendly.com/weazelbrand/30-minute-fitness-consultation-" style="display: block; text-align: center; background: #ff0000; color: #fff; text-decoration: none; font-size: 14px; font-weight: 900; padding: 18px; border-radius: 8px; text-transform: uppercase; letter-spacing: 1px;">
                Get Started with Elite Coaching
            </a>
        </div>
    </div>
</div>

<script>
function runWFHub() {
    // Explicitly grab values to ensure mobile compatibility
    const weightVal = document.getElementById('wf-weight').value;
    const heightVal = document.getElementById('wf-height').value;
    const goalVal = document.getElementById('wf-goal').value;
    
    if(!weightVal || !heightVal) { 
        alert("Please enter both weight and height."); 
        return; 
    }

    const w = parseFloat(weightVal);
    const goal = parseFloat(goalVal);

    // Calculate (Standard active multiplier for busy professionals)
    const tdee = Math.round((w * 15) * goal);
    const protein = Math.round(w * 1.1); 
    const fat = Math.round((tdee * 0.25) / 9);
    const carb = Math.round((tdee - (protein * 4) - (fat * 9)) / 4);

    // Update the UI
    document.getElementById('wf-cal-display').innerText = tdee.toLocaleString();
    document.getElementById('wf-p-display').innerText = protein + "g";
    document.getElementById('wf-c-display').innerText = carb + "g";
    document.getElementById('wf-f-display').innerText = fat + "g";
    
    // Show the results div
    const results = document.getElementById('wf-results');
    results.style.display = 'block';

    // Scroll with a slight delay to ensure mobile keyboard has time to close
    setTimeout(() => {
        results.scrollIntoView({ behavior: 'smooth', block: 'start' });
    }, 100);
}
</script>

Weazel Fitness

Build a professional website for a **personal trainer business called Weazel Fitness**.

This is a **single personal trainer offering premium personal training and transformation coaching services in Los Angeles**. The website should focus on explaining the services clearly, building trust, and encouraging visitors to book a consultation.

BUSINESS OVERVIEW

Weazel Fitness is a personal training service focused on helping busy professionals achieve sustainable body transformations through structured coaching, personalized training programs, and accountability.

The trainer works with clients in:
West Hollywood
Beverly Hills
Hollywood
Studio City
Sherman Oaks

The focus is on:
• strength training
• fat loss and body recomposition
• accountability coaching
• structured fitness programs
• sustainable lifestyle changes

TARGET CLIENT

Busy professionals between ages 25–45 who struggle to stay consistent with fitness because of demanding schedules.

Typical clients include:
entrepreneurs
corporate professionals
real estate agents
business owners
entertainment industry workers

The messaging should emphasize:
• efficient training
• structured programs
• accountability
• real results

MAIN SERVICE OFFER

Transformation Coaching Program

Includes:
• in-person personal training sessions
• personalized workout programs
• nutrition guidance
• weekly progress check-ins
• progress tracking
• accountability support

Position the service as **a complete coaching system designed for long-term results**, not just workout sessions.

WEBSITE GOALS

• explain the trainer’s services clearly
• establish credibility and trust
• highlight transformation results
• capture leads for consultations
• provide helpful fitness information

WEBSITE STRUCTURE

Home Page

Include sections for:
• introduction to Weazel Fitness
• overview of transformation coaching
• benefits of working with a personal trainer
• brief explanation of the coaching process
• testimonials or success stories
• call to action to book a consultation

About Page

Explain:
• the trainer’s background
• coaching philosophy
• approach to strength training and transformations
• why accountability is important
• why the trainer focuses on busy professionals

Services Page

Detail the services offered:

One-on-One Personal Training
Transformation Coaching Program
Strength and Fat Loss Coaching
Accountability and Progress Tracking

Each service should explain:
• what is included
• how the process works
• who it is best for

How It Works Page

Explain the process for new clients:

Step 1 – Consultation
Step 2 – Fitness Assessment
Step 3 – Custom Training Program
Step 4 – Coaching and Accountability
Step 5 – Progress Tracking and Adjustments

Results Page

Show:
• client testimonials
• transformation stories
• progress examples
• client success highlights

Consultation Page

Explain the free consultation process and allow visitors to submit a form to request a consultation.

Describe what will happen during the consultation:
• discuss goals
• review current habits
• outline a training strategy
• determine if the program is a good fit

Blog Page

Include a blog for posting helpful fitness articles and tips such as:
• strength training basics
• fat loss strategies
• staying fit with a busy schedule
• fitness tips for professionals

Contact Page

Include:
• contact form
• email
• service areas in Los Angeles
• social media links

SEO FOCUS

The website should include content relevant to searches like:

personal trainer West Hollywood
personal trainer Beverly Hills
personal trainer Los Angeles
fitness coach Los Angeles
body transformation coach LA

PRIMARY CALL TO ACTION

Encourage visitors to **book a free fitness consultation** to discuss their goals and learn about the coaching program.
