diff --git a/resources/js/App.jsx b/resources/js/App.jsx index 63ac7e3f..93fb878b 100644 --- a/resources/js/App.jsx +++ b/resources/js/App.jsx @@ -6,13 +6,16 @@ import { MonitorSmartphone, Printer, ShieldCheck, Wrench, Sparkles, Laptop, Tablet, ArrowRight, Bot, PieChart, TrendingUp, BrainCircuit, Package, FileText, ShoppingCart, Warehouse, Users, GitMerge, ArrowLeft, - Utensils, Zap, Clock, UserCheck, CalendarDays, History + Utensils, Zap, Clock, UserCheck, CalendarDays, History, Lock, Wallet } from 'lucide-react'; export default function App() { const [isMenuOpen, setIsMenuOpen] = useState(false); const [activeIndustryTab, setActiveIndustryTab] = useState('fnb'); - const [currentPage, setCurrentPage] = useState('home'); // 'home' or 'industry-detail' + const [currentPage, setCurrentPage] = useState('home'); // 'home', 'industry-detail', or 'checkout' + const [selectedPlan, setSelectedPlan] = useState(null); + const [paymentMethod, setPaymentMethod] = useState('credit_card'); + const [selectedEWallet, setSelectedEWallet] = useState('gopay'); // Scroll to top when changing page useEffect(() => { @@ -80,6 +83,13 @@ export default function App() { const activeIndustry = industries.find(i => i.id === activeIndustryTab); + // Generate Date for Next Month + const getNextMonthDate = () => { + const nextMonth = new Date(); + nextMonth.setMonth(nextMonth.getMonth() + 1); + return nextMonth.toLocaleDateString('id-ID', { day: 'numeric', month: 'long', year: 'numeric' }); + }; + const renderNavbar = () => (