<title>Business Ideas Generator</title>
<style>
body {
font-family: 'Arial', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 20px;
}
.container {
background: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
max-width: 600px;
width: 100%;
text-align: center;
}
h1 {
color: #2c3e50;
margin-bottom: 30px;
}
.input-section {
margin-bottom: 25px;
}
select {
padding: 10px;
width: 80%;
border: 2px solid #ddd;
border-radius: 5px;
font-size: 16px;
margin-bottom: 15px;
}
button {
background: #3498db;
color: white;
border: none;
padding: 12px 25px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: background 0.3s;
}
button:hover {
background: #2980b9;
}
#ideaOutput {
margin-top: 25px;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
min-height: 100px;
}
.idea-text {
color: #2c3e50;
font-size: 18px;
line-height: 1.6;
}
</style>
Business Ideas Generator
<div class="input-section">
<select id="industry">
<option value="">Select Industry</option>
<option value="technology">Technology</option>
<option value="health">Health & Wellness</option>
<option value="education">Education</option>
<option value="food">Food & Beverage</option>
<option value="retail">Retail</option>
</select>
</div>
<button onclick="generateIdea()">Generate Idea</button>
<div id="ideaOutput">
<p class="idea-text">Your business idea will appear here...</p>
</div>
</div>
<script>
const ideas = {
technology: [
"Develop an AI-powered personal productivity assistant",
"Create a platform for remote team collaboration",
"Build a cybersecurity training app for small businesses",
"Design a smart home automation solution",
"Launch a digital wellness tracking platform"
],
health: [
"Start a virtual fitness coaching service",
"Create a mental health support app",
"Launch a healthy meal prep delivery service",
"Develop a wellness tracking wearable device",
"Open a specialized meditation center"
],
education: [
"Create an interactive language learning platform",
"Develop a skills-based online learning marketplace",
"Launch a STEM education kit subscription service",
"Build a virtual tutoring platform",
"Design educational games for children"
],
food: [
"Start a sustainable food packaging company",
"Open a specialty food truck",
"Create a meal planning app",
"Launch a local ingredients delivery service",
"Start a cooking workshop business"
],
retail: [
"Launch a personalized shopping assistant app",
"Create a sustainable fashion marketplace",
"Start a subscription box service",
"Open a smart vending machine business",
"Develop a local artisan marketplace"
]
};
function generateIdea() {
const industry = document.getElementById('industry').value;
const outputDiv = document.getElementById('ideaOutput');
if (!industry) {
outputDiv.innerHTML = '<p class="idea-text">Please select an industry first!</p>';
return;
}
const randomIdea = ideas[industry][Math.floor(Math.random() * ideas[industry].length)];
outputDiv.innerHTML = `<p class="idea-text">${randomIdea}</p>`;
}
</script>