불필요한 인덱스 주석 처리 및 디자인 일부 수정

Author: sh-Dang

src/pages/About.jsx

@@ -77,9 +77,7 @@ const About = () => {
             <li>팀 프로젝트를 통한 요구사항 분석, API 명세서 작성, 배포 경험</li>
           </ul>
         </div>
-
-        <h2>Why Backend Developer?</h2>
-        <div className="why-backend-item">
+        {/* <div className="why-backend-item">
           <h3>비즈니스와 기술을 연결하는 개발자</h3>
           <p>
             다양한 현장 경험을 통해 실제 비즈니스 문제를 이해하고, 이를 기술로 해결하는 백엔드 개발자가 되고자 합니다.<br />
@@ -101,7 +99,7 @@ const About = () => {
             다양한 실무 경험을 통해 길러진 상황 대처 능력과 문제 해결 능력<br />
             사용자 관점에서 생각하고 최적의 솔루션을 찾는 개발자
           </p>
-        </div>
+        </div> */}
       </div>
     </motion.div>
   );

src/pages/Skills.css

@@ -10,9 +10,8 @@
 
 .skill-category h3 {
   color: #ccd6f6;
-  border-bottom: 2px solid #64ffda;
   padding-bottom: 10px;
-  margin-bottom: 20px;
+  margin-bottom: 10px;
 }
 
 .skills-grid {

src/pages/Skills.jsx

@@ -48,9 +48,8 @@ const skillCategories = [
     title: 'Databases/ORM',
     skills: [
       { logoUrl: 'https://static.cdnlogo.com/logos/m/10/mysql.svg', proficiency: 70 },
-      { logoUrl: redisLogo, proficiency: 50 },
-      { logoUrl: jpaLogo, proficiency: 50 }
-
+      { logoUrl: jpaLogo, proficiency: 50 },
+      { logoUrl: redisLogo, proficiency: 50 }
     ],
   },
   {
@@ -73,6 +72,7 @@ const Skills = () => {
       transition={pageTransition}
       className="section"
     >
+      <h2>Stacks</h2>
       <div className="category-grid">
         {skillCategories.map((category, index) => (
           <div key={index} className="skill-category">