Visual edit in Lovable

Edited UI in Lovable

src/pages/Index.tsx

@@ -90,7 +90,7 @@ const Index = () => {
           <div className="flex justify-between items-center">
             <div>
               <h1 className="text-2xl font-bold neuro-text">반갑습니다</h1>
-              <p className="text-gray-500">적자 탈출 계획</p>
+              <p className="text-gray-500">젤리의 적자탈출</p>
             </div>
             <button className="neuro-flat p-2.5 rounded-full">
               <Bell size={20} className="text-gray-600" />
@@ -99,7 +99,7 @@ const Index = () => {
         </header>
 
         {/* 목표 진행 상황 - 제목을 카드 위로 이동 */}
-        <h2 className="text-lg font-semibold mb-3">목표 진행 상황</h2>
+        <h2 className="text-lg font-semibold mb-3">예산지출 현황</h2>
         <div className="neuro-card mb-6 overflow-hidden">
           <Tabs defaultValue="daily" value={selectedTab} onValueChange={setSelectedTab} className="w-full">
             <TabsList className="grid grid-cols-3 mb-4 bg-transparent">
@@ -204,7 +204,7 @@ const Index = () => {
         </div>
 
         {/* 목표 입력 */}
-        <h2 className="text-lg font-semibold mb-3 mt-8">목표 입력</h2>
+        <h2 className="text-lg font-semibold mb-3 mt-8">예산 입력</h2>
         <BudgetInputCard initialBudgets={{
         daily: budgetData.daily.targetAmount,
         weekly: budgetData.weekly.targetAmount,
@@ -212,7 +212,7 @@ const Index = () => {
       }} onSave={handleBudgetGoalUpdate} />
 
         {/* Budget Progress */}
-        <h2 className="text-lg font-semibold mb-3 mt-8">예산 현황</h2>
+        <h2 className="text-lg font-semibold mb-3 mt-8">지출 카테고리</h2>
         <div className="grid gap-4 mb-8">
           <BudgetCard title="이번 달 총 예산" current={850000} total={1500000} />
           <BudgetCard title="식비" current={240000} total={400000} color="neuro-income" />
@@ -220,7 +220,7 @@ const Index = () => {
         </div>
 
         {/* Recent Transactions */}
-        <h2 className="text-lg font-semibold mb-3">최근 거래</h2>
+        <h2 className="text-lg font-semibold mb-3">최근 지출</h2>
         <div className="grid gap-3 mb-6">
           {transactions.map(transaction => <TransactionCard key={transaction.id} transaction={transaction} />)}
         </div>
@@ -234,4 +234,4 @@ const Index = () => {
       <NavBar />
     </div>;
 };
-export default Index;
+export default Index;