import React, { useState, useEffect } from 'react'; import { Sparkles, Calculator, Briefcase, ChefHat, ArrowRight, CheckCircle2, Copy, GraduationCap, Loader2 } from 'lucide-react'; const App = () => { const [step, setStep] = useState('intro'); // intro, loading, calculator, result // State for calculator inputs const [cityTier, setCityTier] = useState('medium'); const [experience, setExperience] = useState('family'); const [currentSalary, setCurrentSalary] = useState(45000); const [workHours, setWorkHours] = useState(40); const [bakingHours, setBakingHours] = useState(5); const [targetGoal, setTargetGoal] = useState('phone'); // Logo error state const [logoError, setLogoError] = useState(false); // Loading state const [loadingText, setLoadingText] = useState(''); // Constants const cityMultipliers = { small: { check: 1200, label: 'Небольшой' }, medium: { check: 1800, label: 'Средний' }, large: { check: 2500, label: 'Мегаполис' }, }; const goals = { phone: { name: 'Новый iPhone', cost: 120000, emoji: '????' }, travel: { name: 'Отпуск на море', cost: 150000, emoji: '????️' }, debt: { name: 'Закрыть кредитку', cost: 50000, emoji: '????' }, repair: { name: 'Ремонт', cost: 80000, emoji: '????️' }, }; const experienceLevels = [ { id: 'beginner', label: 'Только учусь' }, { id: 'family', label: 'Готовлю для семьи и друзей' }, { id: 'sales', label: 'Есть опыт продаж' }, ]; // Calculations const [results, setResults] = useState(null); const startCalculation = () => { setStep('loading'); const messages = [ "Анализируем спрос в твоем городе...", "Считаем себестоимость продуктов...", "Подбираем идеальное меню...", "Формируем стратегию продаж..." ]; let i = 0; setLoadingText(messages[0]); const interval = setInterval(() => { i++; if (i < messages.length) { setLoadingText(messages[i]); } else { clearInterval(interval); performCalculation(); } }, 600); // 600ms per message }; const performCalculation = () => { const avgCheck = cityMultipliers[cityTier].check; const profitPerOrder = avgCheck * 0.5; const ordersPerWeekPossible = Math.floor(bakingHours / 1.5); const weeklyProfit = ordersPerWeekPossible * profitPerOrder; const monthlyProfit = weeklyProfit * 4; const mainJobHourly = currentSalary / (workHours * 4); const sweetHourly = bakingHours > 0 ? weeklyProfit / bakingHours : 0; const selectedGoal = goals[targetGoal]; const monthsToGoal = monthlyProfit > 0 ? (selectedGoal.cost / monthlyProfit).toFixed(1) : '∞'; const boxCount = Math.ceil(ordersPerWeekPossible * 0.6); const cakeCount = Math.floor(ordersPerWeekPossible * 0.4); setResults({ monthlyProfit, ordersPerWeek: ordersPerWeekPossible, mainJobHourly: Math.round(mainJobHourly), sweetHourly: Math.round(sweetHourly), monthsToGoal, goalName: selectedGoal.name, goalEmoji: selectedGoal.emoji, avgCheck, productMix: { boxes: boxCount, cakes: cakeCount } }); setStep('result'); }; // Action script generator const [showScript, setShowScript] = useState(false); const [copied, setCopied] = useState(false); const copyScript = () => { setCopied(true); setTimeout(() => setCopied(false), 2000); }; return ( ); }; export default App;