<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI-Powered Business Plan Generator</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 800px;
margin: 0 auto;
background: white;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
overflow: hidden;
}
.header {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
padding: 30px;
text-align: center;
color: white;
}
.header h1 {
font-size: 2.5em;
margin-bottom: 10px;
font-weight: 700;
}
.header p {
font-size: 1.2em;
opacity: 0.9;
}
.progress-bar {
height: 6px;
background: rgba(255,255,255,0.3);
margin: 20px 0;
border-radius: 3px;
overflow: hidden;
}
.progress-fill {
height: 100%;
background: white;
width: 10%;
transition: width 0.3s ease;
border-radius: 3px;
}
.page {
display: none;
padding: 40px;
min-height: 500px;
}
.page.active {
display: block;
animation: fadeIn 0.5s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.page h2 {
color: #2c3e50;
font-size: 2em;
margin-bottom: 10px;
font-weight: 600;
}
.page p {
color: #7f8c8d;
margin-bottom: 30px;
font-size: 1.1em;
line-height: 1.6;
}
.form-group {
margin-bottom: 25px;
}
.form-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #2c3e50;
font-size: 1.1em;
}
.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
padding: 15px;
border: 2px solid #e0e0e0;
border-radius: 10px;
font-size: 1em;
transition: border-color 0.3s ease;
font-family: inherit;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
outline: none;
border-color: #f5576c;
box-shadow: 0 0 0 3px rgba(245, 87, 108, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 100px;
}
.ai-section {
background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
padding: 25px;
border-radius: 15px;
margin: 30px 0;
border-left: 5px solid #f5576c;
}
.ai-section h3 {
color: #2c3e50;
margin-bottom: 15px;
font-size: 1.3em;
display: flex;
align-items: center;
gap: 10px;
}
.ai-section h3::before {
content: "🤖";
font-size: 1.2em;
}
.ai-prompt {
background: white;
padding: 20px;
border-radius: 10px;
margin: 15px 0;
border: 1px solid #e0e0e0;
font-family: 'Courier New', monospace;
font-size: 0.95em;
line-height: 1.5;
color: #2c3e50;
}
.ai-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
padding: 12px 25px;
border-radius: 25px;
cursor: pointer;
font-size: 1em;
font-weight: 600;
transition: all 0.3s ease;
margin: 10px 10px 10px 0;
}
.ai-button:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
}
.navigation {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
padding-top: 30px;
border-top: 2px solid #ecf0f1;
}
.nav-button {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
border: none;
padding: 15px 30px;
border-radius: 25px;
cursor: pointer;
font-size: 1.1em;
font-weight: 600;
transition: all 0.3s ease;
min-width: 150px;
}
.nav-button:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(240, 147, 251, 0.3);
}
.nav-button:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.page-indicator {
background: #ecf0f1;
padding: 8px 16px;
border-radius: 15px;
color: #7f8c8d;
font-weight: 600;
}
.tip-section {
background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
padding: 20px;
border-radius: 15px;
margin: 25px 0;
border-left: 5px solid #f39c12;
}
.tip-section h4 {
color: #d35400;
margin-bottom: 10px;
font-size: 1.2em;
display: flex;
align-items: center;
gap: 8px;
}
.tip-section h4::before {
content: "💡";
}
.business-plan-output {
background: #f8f9fa;
padding: 30px;
border-radius: 15px;
margin: 20px 0;
border: 2px solid #e9ecef;
}
.business-plan-output h3 {
color: #2c3e50;
margin-bottom: 20px;
font-size: 1.5em;
text-align: center;
}
.plan-section {
margin-bottom: 25px;
padding: 20px;
background: white;
border-radius: 10px;
border-left: 4px solid #f5576c;
}
.plan-section h4 {
color: #2c3e50;
margin-bottom: 10px;
font-size: 1.2em;
}
.plan-section p {
color: #5a6c7d;
line-height: 1.6;
margin-bottom: 8px;
}
.weekly-planner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 15px;
margin: 20px 0;
}
.day-card {
background: white;
padding: 20px;
border-radius: 10px;
border-left: 4px solid #667eea;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.day-card h5 {
color: #2c3e50;
margin-bottom: 10px;
font-size: 1.1em;
}
.day-card ul {
list-style: none;
padding: 0;
}
.day-card li {
padding: 5px 0;
color: #5a6c7d;
border-bottom: 1px solid #ecf0f1;
}
.day-card li:last-child {
border-bottom: none;
}
.export-buttons {
display: flex;
gap: 15px;
margin-top: 30px;
flex-wrap: wrap;
}
.export-button {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
color: white;
border: none;
padding: 12px 25px;
border-radius: 25px;
cursor: pointer;
font-size: 1em;
font-weight: 600;
transition: all 0.3s ease;
}
.export-button:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(79, 172, 254, 0.3);
}
.radio-group {
display: flex;
gap: 15px;
flex-wrap: wrap;
margin-top: 10px;
}
.radio-option {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.radio-option input[type="radio"] {
width: auto;
margin: 0;
}
.success-message {
background: #d4edda;
color: #155724;
padding: 15px;
border-radius: 10px;
margin: 15px 0;
border-left: 4px solid #28a745;
display: none;
}
@media (max-width: 768px) {
.container {
margin: 10px;
border-radius: 15px;
}
.header {
padding: 20px;
}
.header h1 {
font-size: 2em;
}
.page {
padding: 25px;
}
.navigation {
flex-direction: column;
gap: 15px;
}
.nav-button {
width: 100%;
min-width: auto;
}
.export-buttons {
flex-direction: column;
}
.export-button {
width: 100%;
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>AI-Powered Business Plan Generator</h1>
<p>Create your startup business plan with AI assistance</p>
<div class="progress-bar">
<div class="progress-fill" id="progressFill"></div>
</div>
</div>
<!-- Page 1: Business Vision -->
<div class="page active" id="page1">
<h2>🎯 Business Vision</h2>
<p>Let's start by defining your business vision and core values. This foundation will guide every decision you make.</p>
<div class="form-group">
<label for="businessName">Business Name</label>
<input type="text" id="businessName" placeholder="Enter your business name">
</div>
<div class="form-group">
<label for="businessTone">Business Tone</label>
<select id="businessTone">
<option value="">Select your brand tone</option>
<option value="Bold">Bold & Confident</option>
<option value="Spiritual">Spiritual & Mindful</option>
<option value="Elegant">Elegant & Sophisticated</option>
<option value="Corporate">Corporate & Professional</option>
<option value="Friendly">Friendly & Approachable</option>
<option value="Innovative">Innovative & Cutting-edge</option>
</select>
</div>
<div class="form-group">
<label for="missionStatement">Mission Statement</label>
<textarea id="missionStatement" placeholder="What is your business's purpose and mission?"></textarea>
</div>
<div class="form-group">
<label for="visionStatement">Vision Statement</label>
<textarea id="visionStatement" placeholder="Where do you see your business in 5 years?"></textarea>
</div>
<div class="form-group">
<label for="coreValues">Core Values</label>
<textarea id="coreValues" placeholder="What are your business's core values? (e.g., integrity, innovation, customer-first)"></textarea>
</div>
<div class="ai-section">
<h3>AI Assistance</h3>
<div class="ai-prompt">Create a compelling mission statement for my [business type] business that focuses on [target audience] and emphasizes [key values]. Make it [tone] and inspiring.</div>
<button class="ai-button" onclick="copyToClipboard('Create a compelling mission statement for my [business type] business that focuses on [target audience] and emphasizes [key values]. Make it [tone] and inspiring.')">Copy Mission Statement Prompt</button>
<div class="ai-prompt">Generate a 5-year vision statement for my [business name] that shows growth, impact, and success in the [industry] space. Tone should be [selected tone].</div>
<button class="ai-button" onclick="copyToClipboard('Generate a 5-year vision statement for my [business name] that shows growth, impact, and success in the [industry] space. Tone should be [selected tone].')">Copy Vision Statement Prompt</button>
</div>
<div class="tip-section">
<h4>Why Vision Matters</h4>
<p>Your vision and mission statements serve as your North Star. They help you make decisions, attract the right customers, and stay motivated during challenging times. Take time to craft these thoughtfully.</p>
</div>
<div class="navigation">
<button class="nav-button" disabled>Previous</button>
<div class="page-indicator">Page 1 of 10</div>
<button class="nav-button" onclick="nextPage()">Next: Legal Structure</button>
</div>
</div>
<!-- Page 2: Legal Structure -->
<div class="page" id="page2">
<h2>⚖️ Legal Structure & Setup</h2>
<p>Establish the legal foundation for your business. This protects you and legitimizes your operations.</p>
<div class="form-group">
<label for="businessType">Business Type</label>
<select id="businessType">
<option value="">Select business structure</option>
<option value="Sole Proprietorship">Sole Proprietorship</option>
<option value="LLC">LLC (Limited Liability Company)</option>
<option value="Corporation">Corporation</option>
<option value="Partnership">Partnership</option>
<option value="S-Corp">S-Corporation</option>
</select>
</div>
<div class="form-group">
<label for="stateRegistered">State Registered?</label>
<div class="radio-group">
<label class="radio-option">
<input type="radio" name="stateRegistered" value="Yes"> Yes
</label>
<label class="radio-option">
<input type="radio" name="stateRegistered" value="No"> No
</label>
<label class="radio-option">
<input type="radio" name="stateRegistered" value="In Progress"> In Progress
</label>
</div>
</div>
<div class="form-group">
<label for="einAcquired">EIN (Tax ID) Acquired?</label>
<div class="radio-group">
<label class="radio-option">
<input type="radio" name="einAcquired" value="Yes"> Yes
</label>
<label class="radio-option">
<input type="radio" name="einAcquired" value="No"> No
</label>
<label class="radio-option">
<input type="radio" name="einAcquired" value="Applying"> Applying
</label>
</div>
</div>
<div class="form-group">
<label for="businessLicense">Business License/Permits Needed</label>
<textarea id="businessLicense" placeholder="What licenses or permits does your business need?"></textarea>
</div>
<div class="ai-section">
<h3>AI Legal Assistance</h3>
<div class="ai-prompt">Which business structure (LLC, Corp, Sole Proprietorship) is best for a [your industry] business in [your state]? Consider liability protection, taxes, and future growth plans.</div>
<button class="ai-button" onclick="copyToClipboard('Which business structure (LLC, Corp, Sole Proprietorship) is best for a [your industry] business in [your state]? Consider liability protection, taxes, and future growth plans.')">Copy Business Structure Prompt</button>
<div class="ai-prompt">What licenses and permits do I need to legally operate a [business type] in [your state/city]? Provide a checklist of requirements.</div>
<button class="ai-button" onclick="copyToClipboard('What licenses and permits do I need to legally operate a [business type] in [your state/city]? Provide a checklist of requirements.')">Copy Legal Requirements Prompt</button>
</div>
<div class="tip-section">
<h4>Legal Structure Tips</h4>
<p>LLCs offer liability protection and tax flexibility for most small businesses. Corporations are better for businesses seeking investment. Consult with a lawyer or use services like LegalZoom for setup assistance.</p>
</div>
<div class="navigation">
<button class="nav-button" onclick="previousPage()">Previous</button>
<div class="page-indicator">Page 2 of 10</div>
<button class="nav-button" onclick="nextPage()">Next: Financial Foundations</button>
</div>
</div>
<!-- Page 3: Financial Foundations -->
<div class="page" id="page3">
<h2>💰 Financial Foundations</h2>
<p>Plan your finances to ensure your business has the resources it needs to succeed and grow.</p>
<div class="form-group">
<label for="startupCosts">Estimated Startup Costs</label>
<input type="number" id="startupCosts" placeholder="Enter amount (e.g., 5000)">
</div>
<div class="form-group">
<label for="monthlyRevenue">Monthly Revenue Goal (Year 1)</label>
<input type="number" id="monthlyRevenue" placeholder="Enter monthly revenue target">
</div>
<div class="form-group">
<label for="fundingSource">Primary Funding Source</label>
<select id="fundingSource">
<option value="">Select funding source</option>
<option value="Personal Savings">Personal Savings</option>
<option value="Business Loan">Business Loan</option>
<option value="Investor">Investor/Angel Funding</option>
<option value="Grant">Grant</option>
<option value="Crowdfunding">Crowdfunding</option>
<option value="Revenue">Revenue/Bootstrapped</option>
</select>
</div>
<div class="form-group">
<label for="monthlyExpenses">Expected Monthly Expenses</label>
<textarea id="monthlyExpenses" placeholder="List your expected monthly expenses (e.g., rent, software, marketing, etc.)"></textarea>
</div>
<div class="form-group">
<label for="pricingStrategy">Pricing Strategy</label>
<textarea id="pricingStrategy" placeholder="How will you price your products/services?"></textarea>
</div>
<div class="ai-section">
<h3>AI Financial Assistance</h3>
<div class="ai-prompt">Create a detailed startup cost breakdown for a [business type] including equipment, marketing, legal, and operational expenses for the first 6 months.</div>
<button class="ai-button" onclick="copyToClipboard('Create a detailed startup cost breakdown for a [business type] including equipment, marketing, legal, and operational expenses for the first 6 months.')">Copy Startup Costs Prompt</button>
<div class="ai-prompt">Generate a 12-month financial forecast for a [business type] with [monthly revenue goal] target. Include revenue projections, expenses, and break-even analysis.</div>
<button class="ai-button" onclick="copyToClipboard('Generate a 12-month financial forecast for a [business type] with [monthly revenue goal] target. Include revenue projections, expenses, and break-even analysis.')">Copy Financial Forecast Prompt</button>
</div>
<div class="tip-section">
<h4>Financial Planning Tips</h4>
<p>Always overestimate expenses and underestimate revenue for the first year. Keep 3-6 months of expenses in reserve. Track your cash flow weekly and adjust your plans based on real data.</p>
</div>
<div class="navigation">
<button class="nav-button" onclick="previousPage()">Previous</button>
<div class="page-indicator">Page 3 of 10</div>
<button class="nav-button" onclick="nextPage()">Next: CEO Mindset</button>
</div>
</div>
<!-- Page 4: CEO Mindset -->
<div class="page" id="page4">
<h2>🧠 CEO Mindset & Habits</h2>
<p>Develop the mindset and habits that will drive your success as a business owner.</p>
<div class="form-group">
<label for="limitingBeliefs">What limiting beliefs are you letting go of?</label>
<textarea id="limitingBeliefs" placeholder="What negative thoughts or beliefs about success/money/business are you ready to release?"></textarea>
</div>
<div class="form-group">
<label for="ceoTimeBlock">Weekly CEO Time Block</label>
<select id="ceoTimeBlock">
<option value="">Select your dedicated CEO time</option>
<option value="Monday 9-11am">Monday 9-11am</option>
<option value="Tuesday 8-10am">Tuesday 8-10am</option>
<option value="Wednesday 7-9am">Wednesday 7-9am</option>
<option value="Thursday 9-11am">Thursday 9-11am</option>
<option value="Friday 8-10am">Friday 8-10am</option>
<option value="Saturday 9-11am">Saturday 9-11am</option>
<option value="Sunday 8-10am">Sunday 8-10am</option>
</select>
</div>
<div class="form-group">
<label for="selfCare">Self-Care Practices</label>
<textarea id="selfCare" placeholder="What self-care practices will you maintain as an entrepreneur? (e.g., exercise, meditation, hobbies)"></textarea>
</div>
<div class="form-group">
<label for="successHabits">Daily Success Habits</label>
<textarea id="successHabits" placeholder="What daily habits will support your business success?"></textarea>
</div>
<div class="ai-section">
<h3>AI Mindset Assistance</h3>
<div class="ai-prompt">Create 5 powerful daily affirmations for a [business type] entrepreneur who wants to overcome [limiting belief] and achieve [business goal]. Make them [tone] and empowering.</div>
<button class="ai-button" onclick="copyToClipboard('Create 5 powerful daily affirmations for a [business type] entrepreneur who wants to overcome [limiting belief] and achieve [business goal]. Make them [tone] and empowering.')">Copy CEO Affirmation Prompt</button>
<div class="ai-prompt">Design a perfect morning routine for a busy entrepreneur that includes mindset work, planning, and energy practices. Keep it under 60 minutes and focused on peak performance.</div>
<button class="ai-button" onclick="copyToClipboard('Design a perfect morning routine for a busy entrepreneur that includes mindset work, planning, and energy practices. Keep it under 60 minutes and focused on peak performance.')">Copy Morning Routine Prompt</button>
</div>
<div class="tip-section">
<h4>CEO Mindset Tips</h4>
<p>Success starts in your mind. Schedule regular time for strategic thinking, protect your energy, and invest in personal development. Remember: you're not just building a business, you're becoming the person who can run it successfully.</p>
</div>
<div class="navigation">
<button class="nav-button" onclick="previousPage()">Previous</button>
<div class="page-indicator">Page 4 of 10</div>
<button class="nav-button" onclick="nextPage()">Next: Brand & Audience</button>
</div>
</div>
<!-- Page 5: Brand & Audience -->
<div class="page" id="page5">
<h2>🎯 Brand & Audience Clarity</h2>
<p>Define who you serve and what makes you unique in the marketplace.</p>
<div class="form-group">
<label for="idealCustomer">Who is your ideal customer?</label>
<textarea id="idealCustomer" placeholder="Describe your ideal customer in detail (demographics, psychographics, pain points)"></textarea>
</div>
<div class="form-group">
<label for="problemSolved">What problem do you solve?</label>
<textarea id="problemSolved" placeholder="What specific problem or need does your business address?"></textarea>
</div>
<div class="form-group">
<label for="uniqueValue">What makes you unique?</label>
<textarea id="uniqueValue" placeholder="What sets you apart from competitors? What's your unique value proposition?"></textarea>
</div>
<div class="form-group">
<label for="brandPersonality">Brand Personality</label>
<textarea id="brandPersonality" placeholder="How would you describe your brand's personality? (e.g., professional, fun, innovative, caring)"></textarea>
</div>
<div class="ai-section">
<h3>AI Brand Assistance</h3>
<div class="ai-prompt">Create a detailed customer persona for a [business type] that serves [target audience]. Include demographics, psychographics, pain points, goals, and where they spend time online.</div>
<button class="ai-button" onclick="copyToClipboard('Create a detailed customer persona for a [business type] that serves [target audience]. Include demographics, psychographics, pain points, goals, and where they spend time online.')">Copy Customer Persona Prompt</button>
<div class="ai-prompt">Write a compelling value proposition for a [business type] that solves [specific problem] for [target audience]. Make it clear, benefit-focused, and [tone] in style.</div>
<button class="ai-button" onclick="copyToClipboard('Write a compelling value proposition for a [business type] that solves [specific problem] for [target audience]. Make it clear, benefit-focused, and [tone] in style.')">Copy Value Proposition Prompt</button>
</div>
<div class="tip-section">
<h4>Brand Clarity Tips</h4>
<p>The clearer you are about who you serve and what makes you different, the easier it becomes to attract the right customers. Focus on being the obvious choice for a specific group rather than trying to appeal to everyone.</p>
</div>
<div class="navigation">
<button class="nav-button" onclick="previousPage()">Previous</button>
<div class="page-indicator">Page 5 of 10</div>
<button class="nav-button" onclick="nextPage()">Next: Offer & Pricing</button>
</div>
</div>
<!-- Page 6: Offer & Pricing -->
<div class="page" id="page6">
<h2>🎁 Offer & Pricing</h2>
<p>Define your signature offer and pricing strategy to maximize value and profit.</p>
<div class="form-group">
<label for="signatureOffer">Signature Offer Name</label>
<input type="text" id="signatureOffer" placeholder="What's the name of your main product/service?">
</div>
<div class="form-group">
<label for="offerIncludes">What it includes</label>
<textarea id="offerIncludes" placeholder="What exactly does your offer include? List all components, features, or services."></textarea>
</div>
<div class="form-group">
<label for="pricePoint">Price Point</label>
<input type="text" id="pricePoint" placeholder="What's your price? (e.g., $497, $50/month, $1,200)">
</div>
<div class="form-group">
<label for="offerValue">Why this offer is valuable</label>
<textarea id="offerValue" placeholder="What's the value and transformation your offer provides to customers?"></textarea>
</div>
<div class="form-group">
<label for="deliveryMethod">Delivery Method</label>
<select id="deliveryMethod">
<option value="">How do you deliver your offer?</option>
<option value="One-on-one service">One-on-one service</option>
<option value="Group program">Group program</option>
<option value="Digital course">Digital course</option>
<option value="Physical product">Physical product</option>
<option value="Software/App">Software/App</option>
<option value="Subscription service">Subscription service</option>
<option value="Workshop/Event">Workshop/Event</option>
</select>
</div>
<div class="ai-section">
<h3>AI Offer Assistance</h3>
<div class="ai-prompt">Help me create a compelling offer for my [business type] that serves [target audience] and solves [main problem]. Make it irresistible and [tone] in presentation.</div>
<button class="ai-button" onclick="copyToClipboard('Help me create a compelling offer for my [business type] that serves [target audience] and solves [main problem]. Make it irresistible and [tone] in presentation.')">Copy Compelling Offer Prompt</button>
<div class="ai-prompt">Generate 10 creative names for a [service type] offer that helps [target audience] achieve [desired outcome]. Make them catchy and [tone].</div>
<button class="ai-button" onclick="copyToClipboard('Generate 10 creative names for a [service type] offer that helps [target audience] achieve [desired outcome]. Make them catchy and [tone].')">Copy Offer Names Prompt</button>
</div>
<div class="tip-section">
<h4>Pricing Strategy Tips</h4>
<p>Price based on value, not time. Your customers buy results and transformation, not hours. Research competitor pricing but don't undervalue yourself. Start higher - you can always adjust down, but it's harder to raise prices later.</p>
</div>
<div class="navigation">
<button class="nav-button" onclick="previousPage()">Previous</button>
<div class="page-indicator">Page 6 of 10</div>
<button class="nav-button" onclick="nextPage()">Next: Marketing Strategy</button>
</div>
</div>
<!-- Page 7: Marketing Strategy -->
<div class="page" id="page7">
<h2>📢 Marketing Strategy</h2>
<p>Plan how you'll reach and attract your ideal customers consistently.</p>
<div class="form-group">
<label for="primaryPlatform">Primary Marketing Platform</label>
<select id="primaryPlatform">
<option value="">Select your main platform</option>
<option value="Instagram">Instagram</option>
<option value="YouTube">YouTube</option>
<option value="LinkedIn">LinkedIn</option>
<option value="TikTok">TikTok</option>
<option value="Facebook">Facebook</option>
<option value="Email Marketing">Email Marketing</option>
<option value="SEO/Website">SEO/Website</option>
<option value="Networking">Networking</option>
</select>
</div>
<div class="form-group">
<label for="contentThemes">Weekly Content Themes</label>
<textarea id="contentThemes" placeholder="What topics will you consistently share about? (e.g., tips, behind-the-scenes, success stories)"></textarea>
</div>
<div class="form-group">
<label for="contentFrequency">Content Frequency</label>
<select id="contentFrequency">
<option value="">How often will you post?</option>
<option value="Daily">Daily</option>
<option value="3-4 times per week">3-4 times per week</option>
<option value="2-3 times per week">2-3 times per week</option>
<option value="Weekly">Weekly</option>
<option value="Bi-weekly">Bi-weekly</option>
</select>
</div>
<div class="form-group">
<label for="emailStrategy">Email Marketing Strategy</label>
<textarea id="emailStrategy" placeholder="How will you use email to nurture leads and customers?"></textarea>
</div>
<div class="ai-section">
<h3>AI Marketing Assistance</h3>
<div class="ai-prompt">Create a 30-day content calendar for a [business type] on [platform] targeting [audience]. Include post ideas, captions, and hashtag strategies. Focus on [main topics].</div>
<button class="ai-button" onclick="copyToClipboard('Create a 30-day content calendar for a [business type] on [platform] targeting [audience]. Include post ideas, captions, and hashtag strategies. Focus on [main topics].')">Copy Content Calendar Prompt</button>
<div class="ai-prompt">Write a 5-email welcome sequence for new subscribers of my [business type]. Guide them from awareness to [desired action]. Make it [tone] and valuable.</div>
<button class="ai-button" onclick="copyToClipboard('Write a 5-email welcome sequence for new subscribers of my [business type]. Guide them from awareness to [desired action]. Make it [tone] and valuable.')">Copy Email Sequence Prompt</button>
</div>
<div class="tip-section">
<h4>Marketing Strategy Tips</h4>
<p>Focus on one platform initially and master it before expanding. Consistency beats perfection. Provide value first, sell second. Track what content performs best and double down on those themes.</p>
</div>
<div class="navigation">
<button class="nav-button" onclick="previousPage()">Previous</button>
<div class="page-indicator">Page 7 of 10</div>
<button class="nav-button" onclick="nextPage()">Next: Operations</button>
</div>
</div>
<!-- Page 8: Operations & Tools -->
<div class="page" id="page8">
<h2>⚙️ Operations & Tools</h2>
<p>Set up the systems and processes that will help your business run smoothly.</p>
<div class="form-group">
<label for="businessTools">Essential Business Tools</label>
<textarea id="businessTools" placeholder="What tools/software will you use? (e.g., CRM, email platform, scheduling, accounting)"></textarea>
</div>
<div class="form-group">
<label for="teamNeeds">Team & Collaboration Needs</label>
<textarea id="teamNeeds" placeholder="Who do you need to hire or collaborate with? What skills are needed?"></textarea>
</div>
<div class="form-group">
<label for="customerJourney">Customer Journey Process</label>
<textarea id="customerJourney" placeholder="How do customers find you, buy from you, and get served? Map out the process."></textarea>
</div>
<div class="form-group">
<label for="qualityControl">Quality Control & Standards</label>
<textarea id="qualityControl" placeholder="How will you ensure consistent quality in your products/services?"></textarea>
</div>
<div class="ai-section">
<h3>AI Operations Assistance</h3>
<div class="ai-prompt">Create a standard operating procedure (SOP) for [specific business process] in my [business type]. Make it step-by-step and easy to follow for team members.</div>
<button class="ai-button" onclick="copyToClipboard('Create a standard operating procedure (SOP) for [specific business process] in my [business type]. Make it step-by-step and easy to follow for team members.')">Copy Systems SOP Prompt</button>
<div class="ai-prompt">Recommend the best business tools and software stack for a [business type] with [monthly revenue goal] budget. Include CRM, automation, and productivity tools.</div>
<button class="ai-button" onclick="copyToClipboard('Recommend the best business tools and software stack for a [business type] with [monthly revenue goal] budget. Include CRM, automation, and productivity tools.')">Copy Business Tools Prompt</button>
</div>
<div class="tip-section">
<h4>Operations Tips</h4>
<p>Start simple and add complexity as you grow. Document processes as you create them. Automate repetitive tasks when possible. Invest in good tools that will scale with your business.</p>
</div>
<div class="navigation">
<button class="nav-button" onclick="previousPage()">Previous</button>
<div class="page-indicator">Page 8 of 10</div>
<button class="nav-button" onclick="nextPage()">Next: Weekly Strategy</button>
</div>
</div>
<!-- Page 9: Weekly Strategy -->
<div class="page" id="page9">
<h2>📅 Weekly Strategy Generator</h2>
<p>Create your personalized weekly CEO schedule based on your business plan.</p>
<div class="form-group">
<label for="weeklyFocus">Primary Weekly Focus Areas</label>
<textarea id="weeklyFocus" placeholder="What are your top 3 focus areas each week? (e.g., sales, content creation, client delivery)"></textarea>
</div>
<div class="form-group">
<label for="timeAvailable">Hours Available for Business Weekly</label>
<select id="timeAvailable">
<option value="">Select weekly time commitment</option>
<option value="10-15 hours">10-15 hours (side hustle)</option>
<option value="20-25 hours">20-25 hours (part-time)</option>
<option value="30-40 hours">30-40 hours (full-time)</option>
<option value="40+ hours">40+ hours (full commitment)</option>
</select>
</div>
<button class="nav-button" onclick="generateWeeklyPlanner()" style="margin: 20px 0;">Generate Personalized Weekly Planner</button>
<div id="weeklyPlannerOutput" style="display: none;">
<h3>Your Personalized CEO Weekly Planner</h3>
<div class="weekly-planner" id="weeklyPlannerContent"></div>
<button class="ai-button" onclick="copyWeeklyPlanner()">Copy Weekly Planner</button>
</div>
<div class="ai-section">
<h3>AI Weekly Planning Assistance</h3>
<div class="ai-prompt">Create a detailed weekly schedule for a [business type] entrepreneur with [time availability]. Include time blocks for [focus areas] and maintain work-life balance.</div>
<button class="ai-button" onclick="copyToClipboard('Create a detailed weekly schedule for a [business type] entrepreneur with [time availability]. Include time blocks for [focus areas] and maintain work-life balance.')">Copy Weekly Planner Prompt</button>
</div>
<div class="navigation">
<button class="nav-button" onclick="previousPage()">Previous</button>
<div class="page-indicator">Page 9 of 10</div>
<button class="nav-button" onclick="nextPage()">Next: Final Plan</button>
</div>
</div>
<!-- Page 10: Final Business Plan -->
<div class="page" id="page10">
<h2>📋 Your Complete Business Plan</h2>
<p>Congratulations! Here's your comprehensive business plan ready to guide your entrepreneurial journey.</p>
<button class="nav-button" onclick="generateBusinessPlan()" style="margin-bottom: 30px;">Generate Complete Business Plan</button>
<div id="businessPlanOutput" class="business-plan-output" style="display: none;">
<h3>🚀 Your AI-Generated Business Plan</h3>
<div id="businessPlanContent"></div>
<div class="export-buttons">
<button class="export-button" onclick="downloadPlan()">Download as HTML</button>
<button class="export-button" onclick="emailPlan()">Email to Myself</button>
<button class="export-button" onclick="copyPlan()">Copy to Clipboard</button>
<button class="export-button" onclick="startOver()">Start Over</button>
</div>
</div>
<div class="success-message" id="successMessage">
Business plan generated successfully! 🎉
</div>
<div class="navigation">
<button class="nav-button" onclick="previousPage()">Previous</button>
<div class="page-indicator">Page 10 of 10</div>
<button class="nav-button" disabled>Complete!</button>
</div>
</div>
</div>
<script>
let currentPage = 1;
const totalPages = 10;
let businessData = {};
function updateProgress() {
const progressFill = document.getElementById('progressFill');
const percentage = (currentPage / totalPages) * 100;
progressFill.style.width = percentage + '%';
}
function saveFormData() {
const currentPageElement = document.getElementById(`page${currentPage}`);
const inputs = currentPageElement.querySelectorAll('input, textarea, select');
inputs.forEach(input => {
if (input.type === 'radio') {
if (input.checked) {
businessData[input.name] = input.value;
}
} else {
businessData[input.id] = input.value;
}
});
}
function loadFormData() {
const currentPageElement = document.getElementById(`page${currentPage}`);
const inputs = currentPageElement.querySelectorAll('input, textarea, select');
inputs.forEach(input => {
if (input.type === 'radio') {
if (businessData[input.name] === input.value) {
input.checked = true;
}
} else if (businessData[input.id]) {
input.value = businessData[input.id];
}
});
}
function showPage(pageNumber) {
// Hide all pages
for (let i = 1; i <= totalPages; i++) {
document.getElementById(`page${i}`).classList.remove('active');
}
// Show target page
document.getElementById(`page${pageNumber}`).classList.add('active');
currentPage = pageNumber;
updateProgress();
loadFormData();
}
function nextPage() {
if (currentPage < totalPages) {
saveFormData();
showPage(currentPage + 1);
}
}
function previousPage() {
if (currentPage > 1) {
saveFormData();
showPage(currentPage - 1);
}
}
function copyToClipboard(text) {
navigator.clipboard.writeText(text).then(() => {
// Show success message briefly
const button = event.target;
const originalText = button.textContent;
button.textContent = 'Copied!';
button.style.background = '#28a745';
setTimeout(() => {
button.textContent = originalText;
button.style.background = '';
}, 2000);
});
}
function generateWeeklyPlanner() {
saveFormData();
const weeklyPlanner = {
'Monday': [
`Vision & Strategy Time (${businessData.ceoTimeBlock || 'Schedule your CEO time'})`,
'Review weekly goals and priorities',
'Financial check-in and planning',
businessData.selfCare ? `Self-care: ${businessData.selfCare.split(',')[0]}` : 'Self-care practice'
],
'Tuesday': [
`Marketing Focus (${businessData.primaryPlatform || 'your chosen platform'})`,
businessData.contentThemes ? `Content creation: ${businessData.contentThemes.split(',')[0]}` : 'Content creation',
'Social media engagement',
'Email marketing tasks'
],
'Wednesday': [
'Sales & Client Focus',
businessData.signatureOffer ? `Promote ${businessData.signatureOffer}` : 'Promote your signature offer',
'Follow up with leads',
'Client delivery and service'
],
'Thursday': [
'Operations & Systems',
businessData.businessTools ? `Work with ${businessData.businessTools.split(',')[0]}` : 'System optimization',
'Process improvement',
'Team coordination'
],
'Friday': [
businessData.contentFrequency === 'Daily' ? 'Content creation & batch' : 'Weekly content planning',
'Week review and reflection',
'Plan next week priorities',
'Celebrate wins and progress'
]
};
let plannerHTML = '';
Object.entries(weeklyPlanner).forEach(([day, tasks]) => {
plannerHTML += `
<div class="day-card">
<h5>${day}</h5>
<ul>
${tasks.map(task => `<li>${task}</li>`).join('')}
</ul>
</div>
`;
});
document.getElementById('weeklyPlannerContent').innerHTML = plannerHTML;
document.getElementById('weeklyPlannerOutput').style.display = 'block';
}
function copyWeeklyPlanner() {
const plannerContent = document.getElementById('weeklyPlannerContent').innerText;
copyToClipboard(`Weekly CEO Planner\n\n${plannerContent}`);
}
function generateBusinessPlan() {
saveFormData();
const planHTML = `
<div class="plan-section">
<h4>🎯 Business Overview</h4>
<p><strong>Business Name:</strong> ${businessData.businessName || 'Your Business Name'}</p>
<p><strong>Business Type:</strong> ${businessData.businessType || 'TBD'}</p>
<p><strong>Mission:</strong> ${businessData.missionStatement || 'Define your mission'}</p>
<p><strong>Vision:</strong> ${businessData.visionStatement || 'Define your vision'}</p>
<p><strong>Core Values:</strong> ${businessData.coreValues || 'Define your values'}</p>
</div>
<div class="plan-section">
<h4>💰 Financial Plan</h4>
<p><strong>Startup Costs:</strong> ${businessData.startupCosts || 'TBD'}</p>
<p><strong>Monthly Revenue Goal:</strong> ${businessData.monthlyRevenue || 'TBD'}</p>
<p><strong>Funding Source:</strong> ${businessData.fundingSource || 'TBD'}</p>
<p><strong>Pricing Strategy:</strong> ${businessData.pricingStrategy || 'Define pricing approach'}</p>
</div>
<div class="plan-section">
<h4>🎯 Target Market</h4>
<p><strong>Ideal Customer:</strong> ${businessData.idealCustomer || 'Define your ideal customer'}</p>
<p><strong>Problem Solved:</strong> ${businessData.problemSolved || 'Define the problem you solve'}</p>
<p><strong>Unique Value:</strong> ${businessData.uniqueValue || 'Define what makes you unique'}</p>
</div>
<div class="plan-section">
<h4>🎁 Signature Offer</h4>
<p><strong>Offer Name:</strong> ${businessData.signatureOffer || 'Your Signature Offer'}</p>
<p><strong>Price:</strong> ${businessData.pricePoint || 'TBD'}</p>
<p><strong>What's Included:</strong> ${businessData.offerIncludes || 'Define what your offer includes'}</p>
<p><strong>Value Provided:</strong> ${businessData.offerValue || 'Define the value and transformation'}</p>
</div>
<div class="plan-section">
<h4>📢 Marketing Strategy</h4>
<p><strong>Primary Platform:</strong> ${businessData.primaryPlatform || 'Choose your platform'}</p>
<p><strong>Content Themes:</strong> ${businessData.contentThemes || 'Define your content themes'}</p>
<p><strong>Content Frequency:</strong> ${businessData.contentFrequency || 'Set posting schedule'}</p>
<p><strong>Email Strategy:</strong> ${businessData.emailStrategy || 'Plan your email approach'}</p>
</div>
<div class="plan-section">
<h4>⚙️ Operations</h4>
<p><strong>Essential Tools:</strong> ${businessData.businessTools || 'List your business tools'}</p>
<p><strong>Team Needs:</strong> ${businessData.teamNeeds || 'Define team requirements'}</p>
<p><strong>Customer Journey:</strong> ${businessData.customerJourney || 'Map customer experience'}</p>
</div>
<div class="plan-section">
<h4>🧠 CEO Success Habits</h4>
<p><strong>CEO Time Block:</strong> ${businessData.ceoTimeBlock || 'Schedule strategic time'}</p>
<p><strong>Self-Care Practices:</strong> ${businessData.selfCare || 'Define self-care routine'}</p>
<p><strong>Success Habits:</strong> ${businessData.successHabits || 'List daily success habits'}</p>
</div>
<div class="plan-section">
<h4>🎯 Next Steps (Week 1 Action Plan)</h4>
<p>✅ Complete legal setup (${businessData.businessType || 'chosen structure'})</p>
<p>✅ Set up essential business tools</p>
<p>✅ Create ${businessData.signatureOffer || 'signature offer'} materials</p>
<p>✅ Launch ${businessData.primaryPlatform || 'marketing platform'} presence</p>
<p>✅ Implement CEO time blocks and success habits</p>
</div>
`;
document.getElementById('businessPlanContent').innerHTML = planHTML;
document.getElementById('businessPlanOutput').style.display = 'block';
document.getElementById('successMessage').style.display = 'block';
setTimeout(() => {
document.getElementById('successMessage').style.display = 'none';
}, 5000);
}
function downloadPlan() {
const planContent = document.getElementById('businessPlanOutput').innerHTML;
const htmlContent = `
<!DOCTYPE html>
<html>
<head>
<title>${businessData.businessName || 'Business'} Plan</title>
<style>
body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; }
.plan-section { margin: 20px 0; padding: 20px; border-left: 4px solid #f5576c; background: #f9f9f9; }
h3, h4 { color: #2c3e50; }
</style>
</head>
<body>
${planContent}
</body>
</html>
`;
const blob = new Blob([htmlContent], { type: 'text/html' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `${businessData.businessName || 'Business'}_Plan.html`;
a.click();
URL.revokeObjectURL(url);
}
function emailPlan() {
const planText = document.getElementById('businessPlanContent').innerText;
const subject = `${businessData.businessName || 'My Business'} Plan`;
const body = encodeURIComponent(`Here's my business plan:\n\n${planText}`);
window.open(`mailto:?subject=${subject}&body=${body}`);
}
function copyPlan() {
const planText = document.getElementById('businessPlanContent').innerText;
copyToClipboard(planText);
}
function startOver() {
if (confirm('Are you sure you want to start over? This will clear all your data.')) {
businessData = {};
currentPage = 1;
showPage(1);
// Clear all form fields
const inputs = document.querySelectorAll('input, textarea, select');
inputs.forEach(input => {
if (input.type === 'radio' || input.type === 'checkbox') {
input.checked = false;
} else {
input.value = '';
}
});
}
}
// Initialize the app
updateProgress();
</script>
</body>
</html>