|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Weekly Accounting - Free Financial Forecasting</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
.gradient-bg { |
|
|
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%); |
|
|
} |
|
|
.hero-clip { |
|
|
clip-path: polygon(0 15%, 100% 0, 100% 85%, 0 100%); |
|
|
} |
|
|
@media (max-width: 768px) { |
|
|
.hero-clip { |
|
|
clip-path: polygon(0 15%, 100% 0, 100% 95%, 0 100%); |
|
|
} |
|
|
} |
|
|
.transition-all { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.hover-scale:hover { |
|
|
transform: scale(1.03); |
|
|
} |
|
|
.checkbox-label::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
left: 0; |
|
|
top: 0; |
|
|
width: 22px; |
|
|
height: 22px; |
|
|
border: 2px solid #2563eb; |
|
|
border-radius: 4px; |
|
|
background-color: white; |
|
|
} |
|
|
.checkbox-input:checked + .checkbox-label::before { |
|
|
background-color: #2563eb; |
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); |
|
|
background-repeat: no-repeat; |
|
|
background-position: center; |
|
|
} |
|
|
.slide-in { |
|
|
animation: slideIn 0.5s forwards; |
|
|
} |
|
|
@keyframes slideIn { |
|
|
from { transform: translateY(50px); opacity: 0; } |
|
|
to { transform: translateY(0); opacity: 1; } |
|
|
} |
|
|
.fade-in { |
|
|
animation: fadeIn 1s ease-in forwards; |
|
|
} |
|
|
@keyframes fadeIn { |
|
|
from { opacity: 0; } |
|
|
to { opacity: 1; } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans antialiased text-gray-800"> |
|
|
|
|
|
<header class="bg-blue-600 text-white pb-32 md:pb-48 relative overflow-hidden"> |
|
|
|
|
|
<div class="absolute bottom-0 left-0 w-full" style="height: 100px;"> |
|
|
<svg viewBox="0 0 1440 100" preserveAspectRatio="none" class="w-full h-full"> |
|
|
<path d="M0,100 C250,0 350,100 720,50 C1000,10 1190,90 1440,20 L1440,100 L0,100 Z" fill="#1e3a8a"></path> |
|
|
</svg> |
|
|
</div> |
|
|
|
|
|
<div class="container mx-auto px-4 py-6 relative z-10"> |
|
|
<nav class="flex justify-between items-center relative z-20"> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://weeklyaccounting.com/wp-content/uploads/2024/12/weekly-accounting-dark-3-1024x192.png" alt="Weekly Accounting Logo" class="h-10"> |
|
|
</div> |
|
|
<div class="hidden md:flex space-x-8 items-center"> |
|
|
<a href="#" class="text-white hover:text-blue-200 transition-all">How It Works</a> |
|
|
<a href="#" class="text-white hover:text-blue-200 transition-all">Case Studies</a> |
|
|
<a href="#" class="text-white hover:text-blue-200 transition-all">About Us</a> |
|
|
<button class="bg-white text-blue-600 px-6 py-2 rounded-full font-semibold hover:bg-blue-50 transition-all"> |
|
|
Contact Sales |
|
|
</button> |
|
|
</div> |
|
|
<button class="md:hidden text-white text-2xl"> |
|
|
<i class="fas fa-bars"></i> |
|
|
</button> |
|
|
</nav> |
|
|
</div> |
|
|
|
|
|
<div class="container mx-auto px-4 mt-16 md:mt-24 relative"> |
|
|
<div class="max-w-4xl mx-auto text-center"> |
|
|
<h1 class="text-4xl md:text-6xl font-bold leading-tight slide-in" style="animation-delay: 0.2s;"> |
|
|
Get Your FREE Integrated Financial Model + 30-Minute Strategy Call |
|
|
</h1> |
|
|
<p class="text-xl md:text-2xl mt-6 text-blue-100 max-w-3xl mx-auto fade-in" style="animation-delay: 0.4s;"> |
|
|
See exactly how to predict and scale your revenue using the same framework that helped our clients double their profit margins. Normally $2,999 - yours free. |
|
|
</p> |
|
|
<div class="mt-10 fade-in" style="animation-delay: 0.6s;"> |
|
|
<button class="bg-yellow-400 hover:bg-yellow-300 text-blue-900 font-bold px-8 py-4 rounded-full text-lg transition-all hover-scale"> |
|
|
Claim Your Free Model Now |
|
|
</button> |
|
|
</div> |
|
|
<div class="mt-16 flex justify-center space-x-8 fade-in" style="animation-delay: 0.8s;"> |
|
|
<div class="flex items-center"> |
|
|
<div class="bg-blue-400 rounded-full p-2 mr-3"> |
|
|
<i class="fas fa-check-circle text-white"></i> |
|
|
</div> |
|
|
<span class="text-sm md:text-base">No credit card required</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<div class="bg-blue-400 rounded-full p-2 mr-3"> |
|
|
<i class="fas fa-clock text-white"></i> |
|
|
</div> |
|
|
<span class="text-sm md:text-base">30-minute strategy call</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto text-center mb-16 slide-in"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6"> |
|
|
What If You Could See 6 Months Into Your Business's Future? |
|
|
</h2> |
|
|
<p class="text-xl text-gray-600"> |
|
|
Imagine walking into a board meeting and confidently saying: 'If we increase marketing spend by $50K next quarter, we'll add 127 new customers and generate $340K in additional revenue.' |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-5xl mx-auto grid md:grid-cols-2 gap-12"> |
|
|
<div class="fade-in" style="animation-delay: 0.3s;"> |
|
|
<div class="bg-blue-50 rounded-2xl p-8 h-full"> |
|
|
<h3 class="text-2xl font-bold text-blue-800 mb-6"> |
|
|
What if you could predict exactly what happens when you: |
|
|
</h3> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-blue-100 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-bullseye text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Double your ad spend</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-blue-100 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-users text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Hire two new salespeople</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-blue-100 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-rocket text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Launch that new product line</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-blue-100 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-globe text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Expand into a new market</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-blue-100 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-tags text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Change your pricing strategy</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="fade-in" style="animation-delay: 0.6s;"> |
|
|
<div class="bg-gray-100 rounded-2xl p-8 h-full"> |
|
|
<h3 class="text-2xl font-bold text-gray-800 mb-6"> |
|
|
Right now, you're probably making million-dollar decisions with thousand-dollar data: |
|
|
</h3> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-gray-200 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-question text-gray-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Guessing if that marketing campaign will actually pay off</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-gray-200 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-chart-line text-gray-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Not knowing your real customer lifetime value</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-gray-200 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-money-bill-wave text-gray-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Unable to predict cash flow beyond next month</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-gray-200 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-user-plus text-gray-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Making hiring decisions based on hope, not data</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-gray-200 rounded-full p-2 mr-4"> |
|
|
<i class="fas fa-chart-pie text-gray-600"></i> |
|
|
</div> |
|
|
<span class="text-lg">Wondering why profit margins feel like they're shrinking</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-3xl mx-auto mt-16 text-center slide-in"> |
|
|
<h3 class="text-2xl font-bold text-blue-800 mb-6"> |
|
|
That's the power of true financial forecasting. Not just tracking what happened, but seeing what's coming. |
|
|
</h3> |
|
|
<button class="bg-blue-600 hover:bg-blue-700 text-white font-bold px-8 py-3 rounded-full transition-all hover-scale"> |
|
|
Get Your Financial Crystal Ball |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-blue-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto text-center mb-16 fade-in"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6"> |
|
|
Here's What Changes When You Can See Your Business Clearly |
|
|
</h2> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-5xl mx-auto"> |
|
|
<div class="bg-white rounded-2xl overflow-hidden shadow-xl fade-in"> |
|
|
<div class="relative" style="padding-bottom: 56.25%; height: 0; overflow: hidden;"> |
|
|
|
|
|
<iframe class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=0&rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
|
|
</div> |
|
|
<div class="p-8 md:p-12"> |
|
|
<p class="text-lg text-gray-700"> |
|
|
This is exactly the type of predictive analysis we'll build for your business - but customized to your specific revenue streams, customer segments, and growth goals. |
|
|
</p> |
|
|
<div class="mt-8"> |
|
|
<button class="w-full max-w-md mx-auto bg-blue-600 hover:bg-blue-700 text-white font-bold px-8 py-4 rounded-full transition-all hover-scale"> |
|
|
Watch Video Demonstration |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto text-center mb-16 fade-in"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6"> |
|
|
Get Your Custom Financial Crystal Ball Built For FREE |
|
|
</h2> |
|
|
<p class="text-xl text-gray-600"> |
|
|
We'll analyze your business and build you the same Integrated Financial Model we normally charge $2,999 for. Plus, one of our fractional CFOs will walk you through it personally and show you exactly how to predict your next 6 months. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-8"> |
|
|
<div class="fade-in" style="animation-delay: 0.3s;"> |
|
|
<div class="border-2 border-blue-100 rounded-2xl p-8 h-full bg-blue-50 relative"> |
|
|
<div class="absolute top-0 right-0 bg-blue-600 text-white px-4 py-1 rounded-bl-lg rounded-tr-lg text-sm font-bold"> |
|
|
$2,999 VALUE |
|
|
</div> |
|
|
<h3 class="text-2xl font-bold text-blue-800 mb-6"> |
|
|
What You Get: |
|
|
</h3> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-white rounded-full p-2 mr-4 inline-flex items-center justify-center"> |
|
|
<i class="fas fa-check-circle text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg"> |
|
|
<strong>Custom Integrated Financial Model</strong> - built specifically for your business |
|
|
</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-white rounded-full p-2 mr-4 inline-flex items-center justify-center"> |
|
|
<i class="fas fa-check-circle text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg"> |
|
|
<strong>6-Month Revenue Prediction</strong> - see exactly where your business is heading |
|
|
</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-white rounded-full p-2 mr-4 inline-flex items-center justify-center"> |
|
|
<i class="fas fa-check-circle text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg"> |
|
|
<strong>30-Minute Strategy Call</strong> with a fractional CFO |
|
|
</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-white rounded-full p-2 mr-4 inline-flex items-center justify-center"> |
|
|
<i class="fas fa-check-circle text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg"> |
|
|
<strong>Growth Scenario Planning</strong> - model what happens when you scale |
|
|
</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-white rounded-full p-2 mr-4 inline-flex items-center justify-center"> |
|
|
<i class="fas fa-check-circle text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg"> |
|
|
<strong>Customer Retention Analysis</strong> - understand your real churn rate |
|
|
</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-white rounded-full p-2 mr-4 inline-flex items-center justify-center"> |
|
|
<i class="fas fa-check-circle text-blue-600"></i> |
|
|
</div> |
|
|
<span class="text-lg"> |
|
|
<strong>No sales pitch</strong> - just pure predictive insights for your business |
|
|
</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="fade-in" style="animation-delay: 0.6s;"> |
|
|
<div class="bg-gray-100 rounded-2xl p-8 h-full"> |
|
|
<div class="text-center mb-8"> |
|
|
<div class="inline-flex items-center bg-yellow-100 text-yellow-800 px-4 py-2 rounded-full text-sm font-semibold mb-4"> |
|
|
<i class="fas fa-fire mr-2"></i>Only 10 spots left this month |
|
|
</div> |
|
|
<h3 class="text-2xl font-bold text-gray-900 mb-2"> |
|
|
Claim Your Free Financial Model |
|
|
</h3> |
|
|
<p class="text-gray-600">Schedule your 30-minute strategy call below</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="step1" class="space-y-4"> |
|
|
<div class="pt-2"> |
|
|
|
|
|
<div class="bg-white rounded-lg p-4 border border-gray-300"> |
|
|
<p class="text-center text-gray-600 mb-4">Select available time slot below:</p> |
|
|
<div class="grid grid-cols-2 gap-2"> |
|
|
<button type="button" class="time-slot bg-blue-50 hover:bg-blue-100 text-blue-800 py-2 px-4 rounded transition-all" data-time="Monday 9am"> |
|
|
Mon 9AM |
|
|
</button> |
|
|
<button type="button" class="time-slot bg-blue-50 hover:bg-blue-100 text-blue-800 py-2 px-4 rounded transition-all" data-time="Monday 2pm"> |
|
|
Mon 2PM |
|
|
</button> |
|
|
<button type="button" class="time-slot bg-blue-50 hover:bg-blue-100 text-blue-800 py-2 px-4 rounded transition-all" data-time="Tuesday 10am"> |
|
|
Tue 10AM |
|
|
</button> |
|
|
<button type="button" class="time-slot bg-blue-50 hover:bg-blue-100 text-blue-800 py-2 px-4 rounded transition-all" data-time="Tuesday 3pm"> |
|
|
Tue 3PM |
|
|
</button> |
|
|
<button type="button" class="time-slot bg-blue-50 hover:bg-blue-100 text-blue-800 py-2 px-4 rounded transition-all" data-time="Wednesday 11am"> |
|
|
Wed 11AM |
|
|
</button> |
|
|
<button type="button" class="time-slot bg-blue-50 hover:bg-blue-100 text-blue-800 py-2 px-4 rounded transition-all" data-time="Wednesday 4pm"> |
|
|
Wed 4PM |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<button id="nextToStep2" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold px-8 py-4 rounded-lg transition-all hover-scale"> |
|
|
Next - Enter Your Details |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="step2" class="space-y-4 hidden"> |
|
|
<div> |
|
|
<label class="block text-gray-700 mb-1">Business Name*</label> |
|
|
<input type="text" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label class="block text-gray-700 mb-1">Your Name*</label> |
|
|
<input type="text" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label class="block text-gray-700 mb-1">Email*</label> |
|
|
<input type="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label class="block text-gray-700 mb-1">Phone*</label> |
|
|
<input type="tel" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"> |
|
|
</div> |
|
|
<div class="flex gap-4 pt-2"> |
|
|
<button id="backToStep1" type="button" class="w-1/2 bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold px-8 py-3 rounded-lg transition-all"> |
|
|
Back |
|
|
</button> |
|
|
<button id="nextToStep3" type="button" class="w-1/2 bg-blue-600 hover:bg-blue-700 text-white font-bold px-8 py-3 rounded-lg transition-all hover-scale"> |
|
|
Next - Business Details |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="step3" class="space-y-4 hidden"> |
|
|
<div> |
|
|
<label class="block text-gray-700 mb-1">Current Monthly Revenue*</label> |
|
|
<select class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"> |
|
|
<option value="">Select...</option> |
|
|
<option>Under $30K</option> |
|
|
<option>$30K-$75K</option> |
|
|
<option>$75K-$150K</option> |
|
|
<option>$150K+</option> |
|
|
</select> |
|
|
</div> |
|
|
<div> |
|
|
<label class="block text-gray-700 mb-1">Biggest Financial Challenge*</label> |
|
|
<select class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"> |
|
|
<option value="">Select...</option> |
|
|
<option>Can't predict revenue</option> |
|
|
<option>Unclear profit margins</option> |
|
|
<option>Don't know if marketing works</option> |
|
|
<option>Cash flow issues</option> |
|
|
<option>Other</option> |
|
|
</select> |
|
|
</div> |
|
|
<div class="flex gap-4 pt-2"> |
|
|
<button id="backToStep2" type="button" class="w-1/2 bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold px-8 py-3 rounded-lg transition-all"> |
|
|
Back |
|
|
</button> |
|
|
<button type="submit" class="w-1/2 bg-blue-600 hover:bg-blue-700 text-white font-bold px-8 py-3 rounded-lg transition-all hover-scale"> |
|
|
Book My Free Call |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-4 text-center text-sm text-gray-500"> |
|
|
<p class="flex items-center justify-center"> |
|
|
<i class="fas fa-lock mr-1"></i> No spam, ever. Your information is 100% secure. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
|
|
|
const nextToStep2 = document.getElementById('nextToStep2'); |
|
|
const nextToStep3 = document.getElementById('nextToStep3'); |
|
|
const backToStep1 = document.getElementById('backToStep1'); |
|
|
const backToStep2 = document.getElementById('backToStep2'); |
|
|
|
|
|
nextToStep2.addEventListener('click', () => { |
|
|
document.getElementById('step1').classList.add('hidden'); |
|
|
document.getElementById('step2').classList.remove('hidden'); |
|
|
}); |
|
|
|
|
|
nextToStep3.addEventListener('click', () => { |
|
|
document.getElementById('step2').classList.add('hidden'); |
|
|
document.getElementById('step3').classList.remove('hidden'); |
|
|
}); |
|
|
|
|
|
backToStep1.addEventListener('click', () => { |
|
|
document.getElementById('step2').classList.add('hidden'); |
|
|
document.getElementById('step1').classList.remove('hidden'); |
|
|
}); |
|
|
|
|
|
backToStep2.addEventListener('click', () => { |
|
|
document.getElementById('step3').classList.add('hidden'); |
|
|
document.getElementById('step2').classList.remove('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('.time-slot').forEach(slot => { |
|
|
slot.addEventListener('click', function() { |
|
|
document.querySelectorAll('.time-slot').forEach(s => { |
|
|
s.classList.remove('bg-blue-600', 'text-white'); |
|
|
s.classList.add('bg-blue-50', 'text-blue-800'); |
|
|
}); |
|
|
this.classList.remove('bg-blue-50', 'text-blue-800'); |
|
|
this.classList.add('bg-blue-600', 'text-white'); |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-blue-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto text-center mb-16 fade-in"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6"> |
|
|
The Same Future-Forecasting Process We Use for $10M+ Companies |
|
|
</h2> |
|
|
<p class="text-xl text-gray-600"> |
|
|
Our team has built predictive financial models for venture-funded startups, scaled e-commerce brands, and traditional businesses doing $30K-$75K monthly expenses. The forecasting methodology is the same whether you're doing $100K or $10M in revenue. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-6xl mx-auto grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-white rounded-2xl p-8 shadow-md hover:shadow-lg transition-shadow fade-in" style="animation-delay: 0.3s;"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-blue-100 rounded-full p-3 mr-4"> |
|
|
<i class="fas fa-chart-line text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-xl">For Venture-Funded Startups</h3> |
|
|
</div> |
|
|
<p class="text-gray-600"> |
|
|
Built financial models for SaaS companies raising Series A and beyond, helping them identify most profitable growth paths. |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-white rounded-2xl p-8 shadow-md hover:shadow-lg transition-shadow fade-in" style="animation-delay: 0.5s;"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-blue-100 rounded-full p-3 mr-4"> |
|
|
<i class="fas fa-shopping-bag text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-xl">For E-commerce Brands</h3> |
|
|
</div> |
|
|
<p class="text-gray-600"> |
|
|
Helped DTC brands predict seasonality, optimize ad spend, and allocate inventory purchases with 90%+ accuracy. |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-white rounded-2xl p-8 shadow-md hover:shadow-lg transition-shadow fade-in" style="animation-delay: 0.7s;"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-blue-100 rounded-full p-3 mr-4"> |
|
|
<i class="fas fa-store text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-xl">For Service Businesses</h3> |
|
|
</div> |
|
|
<p class="text-gray-600"> |
|
|
Modeled workforce planning and cash flow for agencies, consultants, and professional service firms. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-blue-800 text-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto text-center mb-10 fade-in"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6"> |
|
|
Only 10 Models Available This Month |
|
|
</h2> |
|
|
<p class="text-xl text-blue-100"> |
|
|
Each predictive model takes 3-4 hours of dedicated CFO time to build properly. We're limiting this to 10 businesses this month to ensure quality. When they're gone, they're gone. |
|
|
</p> |
|
|
</div> |
|
|
<div class="max-w-2xl mx-auto fade-in" style="animation-delay: 0.3s;"> |
|
|
<div class="bg-blue-900 rounded-lg p-6"> |
|
|
<div class="flex items-center justify-between mb-4"> |
|
|
<span class="font-medium">Spots filled this month:</span> |
|
|
<span class="font-bold">6/10</span> |
|
|
</div> |
|
|
<div class="w-full bg-blue-700 rounded-full h-4"> |
|
|
<div class="bg-yellow-400 h-4 rounded-full" style="width: 60%;"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center mt-10 fade-in" style="animation-delay: 0.6s;"> |
|
|
<button class="bg-yellow-400 hover:bg-yellow-300 text-blue-900 font-bold px-8 py-4 rounded-full text-lg transition-all hover-scale"> |
|
|
Secure My Spot Now |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto text-center mb-16 fade-in"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6"> |
|
|
Frequently Asked Questions |
|
|
</h2> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-3xl mx-auto space-y-6"> |
|
|
<div class="border border-gray-200 rounded-xl overflow-hidden fade-in" style="animation-delay: 0.3s;"> |
|
|
<button class="faq-toggle w-full px-6 py-4 text-left flex justify-between items-center hover:bg-gray-50 focus:outline-none transition-all"> |
|
|
<span class="text-lg font-medium text-gray-900">Is this really free?</span> |
|
|
<i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer px-6 py-4 bg-gray-50 hidden"> |
|
|
<p class="text-gray-600"> |
|
|
Yes. We're running this promotion to demonstrate the value of our approach. The only 'catch' is that if you love the model and want ongoing support, we'll mention how we can help. No pressure. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-xl overflow-hidden fade-in" style="animation-delay: 0.4s;"> |
|
|
<button class="faq-toggle w-full px-6 py-4 text-left flex justify-between items-center hover:bg-gray-50 focus:outline-none transition-all"> |
|
|
<span class="text-lg font-medium text-gray-900">How long does the call take?</span> |
|
|
<i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer px-6 py-4 bg-gray-50 hidden"> |
|
|
<p class="text-gray-600"> |
|
|
Exactly 30 minutes. Our CFO will walk through your model, explain what it means, and give you 2-3 actionable insights you can implement immediately. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-xl overflow-hidden fade-in" style="animation-delay: 0.5s;"> |
|
|
<button class="faq-toggle w-full px-6 py-4 text-left flex justify-between items-center hover:bg-gray-50 focus:outline-none transition-all"> |
|
|
<span class="text-lg font-medium text-gray-900">What if I already have financial reports?</span> |
|
|
<i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer px-6 py-4 bg-gray-50 hidden"> |
|
|
<p class="text-gray-600"> |
|
|
Most businesses have basic P&L reports. Our Integrated Financial Model goes 3 levels deeper - breaking down customer acquisition, retention, unit economics, and forward-looking scenarios. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-xl overflow-hidden fade-in" style="animation-delay: 0.6s;"> |
|
|
<button class="faq-toggle w-full px-6 py-4 text-left flex justify-between items-center hover:bg-gray-50 focus:outline-none transition-all"> |
|
|
<span class="text-lg font-medium text-gray-900">Who is this for?</span> |
|
|
<i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer px-6 py-4 bg-gray-50 hidden"> |
|
|
<p class="text-gray-600"> |
|
|
This is designed for business owners, founders, and executives doing at least $30K/month in revenue who want to stop guessing about their financial future. If you're making major business decisions without clear financial forecasting, this is for you. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-xl overflow-hidden fade-in" style="animation-delay: 0.7s;"> |
|
|
<button class="faq-toggle w-full px-6 py-4 text-left flex justify-between items-center hover:bg-gray-50 focus:outline-none transition-all"> |
|
|
<span class="text-lg font-medium text-gray-900">What do I need to prepare?</span> |
|
|
<i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer px-6 py-4 bg-gray-50 hidden"> |
|
|
<p class="text-gray-600"> |
|
|
Nothing required - we'll ask a few questions when you book your call, then build the model from that information. Optionally, you can share recent financials to make the model even more accurate (but not required). |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 gradient-bg text-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto text-center"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6 fade-in"> |
|
|
Stop Guessing. Start Knowing. |
|
|
</h2> |
|
|
<p class="text-xl text-blue-100 mb-10 max-w-2xl mx-auto fade-in" style="animation-delay: 0.3s;"> |
|
|
In 30 minutes, you'll have more clarity about your business finances than most entrepreneurs get in 6 years. |
|
|
</p> |
|
|
<button class="bg-yellow-400 hover:bg-yellow-300 text-blue-900 font-bold px-8 py-4 rounded-full text-lg transition-all hover-scale fade-in" style="animation-delay: 0.6s;"> |
|
|
Get My Free Model Now |
|
|
</button> |
|
|
<div class="mt-8 text-blue-200 text-sm fade-in" style="animation-delay: 0.9s;"> |
|
|
<i class="fas fa-clock mr-1"></i> Only 4 spots remaining this month |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-gray-400 py-12"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-6xl mx-auto grid md:grid-cols-4 gap-8"> |
|
|
<div class="mb-8"> |
|
|
<img src="https://weeklyaccounting.com/" alt="Weekly Accounting Logo" class="h-8 mb-4"> |
|
|
<p class="text-sm"> |
|
|
Helping businesses predict and scale their financial future with precision forecasting. |
|
|
</p> |
|
|
<div class="flex space-x-4 mt-6"> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition-all"> |
|
|
<i class="fab fa-facebook-f"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition-all"> |
|
|
<i class="fab fa-twitter"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition-all"> |
|
|
<i class="fab fa-linkedin-in"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mb-8"> |
|
|
<h3 class="text-white font-semibold mb-4">Company</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="hover:text-white transition-all">About Us</a></li> |
|
|
<li><a href="#" class="hover:text-white transition-all">Case Studies</a></li> |
|
|
<li><a href="#" class="hover:text-white transition-all">Careers</a></li> |
|
|
<li><a href="#" class="hover:text-white transition-all">Contact</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="mb-8"> |
|
|
<h3 class="text-white font-semibold mb-4">Services</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="hover:text-white transition-all">Fractional CFO</a></li> |
|
|
<li><a href="#" class="hover:text-white transition-all">Financial Modeling</a></li> |
|
|
<li><a href="#" class="hover:text-white transition-all">Revenue Forecasting</a></li> |
|
|
<li><a href="#" class="hover:text-white transition-all">Growth Planning</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="mb-8"> |
|
|
<h3 class="text-white font-semibold mb-4">Legal</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="hover:text-white transition-all">Privacy Policy</a></li> |
|
|
<li><a href="#" class="hover:text-white transition-all">Terms of Service</a></li> |
|
|
<li><a href="#" class="hover:text-white transition-all">GDPR Compliance</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-sm"> |
|
|
<p>© 2023 Weekly Accounting. All rights reserved.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
|
|
|
const faqToggles = document.querySelectorAll('.faq-toggle'); |
|
|
faqToggles.forEach(toggle => { |
|
|
toggle.addEventListener('click', () => { |
|
|
const answer = toggle.nextElementSibling; |
|
|
const icon = toggle.querySelector('i'); |
|
|
|
|
|
if (answer.classList.contains('hidden')) { |
|
|
answer.classList.remove('hidden'); |
|
|
icon.classList.add('transform', 'rotate-180'); |
|
|
} else { |
|
|
answer.classList.add('hidden'); |
|
|
icon.classList.remove('transform', 'rotate-180'); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
const fadeElements = document.querySelectorAll('.fade-in'); |
|
|
const slideElements = document.querySelectorAll('.slide-in'); |
|
|
|
|
|
const animateOnScroll = () => { |
|
|
fadeElements.forEach(element => { |
|
|
const elementTop = element.getBoundingClientRect().top; |
|
|
const elementVisible = 150; |
|
|
|
|
|
if (elementTop < window.innerHeight - elementVisible) { |
|
|
element.style.opacity = '1'; |
|
|
} |
|
|
}); |
|
|
|
|
|
slideElements.forEach(element => { |
|
|
const elementTop = element.getBoundingClientRect().top; |
|
|
const elementVisible = 150; |
|
|
|
|
|
if (elementTop < window.innerHeight - elementVisible) { |
|
|
element.style.transform = 'translateY(0)'; |
|
|
element.style.opacity = '1'; |
|
|
} |
|
|
}); |
|
|
}; |
|
|
|
|
|
window.addEventListener('scroll', animateOnScroll); |
|
|
animateOnScroll(); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=trippykat/wa1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
