fix: adjust header sizes and update footer links

- Fix Philosophy header size: text-5xl md:text-7xl → text-3xl sm:text-4xl lg:text-5xl
- Fix Working Principles header size: text-5xl md:text-7xl → text-3xl sm:text-4xl lg:text-5xl
- Increase Philosophy subheader size: text-base → text-xl to match other sections
- Update footer link labels to reflect new section names:
  - 'How we work' → 'Working Principles'
  - 'The team' → 'Our Team'
  - 'Tools' → 'Our Stack'
- Update Korean footer translations accordingly
- Ensure all footer links point to correct sections (no 404 errors)
- Maintain consistent typography hierarchy across all sections

Author: mmaxence

src/app/page.tsx

@@ -64,10 +64,10 @@ export default function Home() {
           <section id="philosophy" className="py-20 scroll-mt-24">
             <div className="max-w-7xl mx-auto px-8">
               <div className="text-center mb-16">
-                <h2 className="text-5xl md:text-7xl font-bold mb-2 bg-gradient-to-r from-foreground to-muted-foreground bg-clip-text text-transparent">
+                <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold mb-2 bg-gradient-to-r from-foreground to-muted-foreground bg-clip-text text-transparent">
                   {t('philosophy.title')}
                 </h2>
-                <p className="text-base text-muted-foreground/70 font-medium">
+                <p className="text-xl text-muted-foreground max-w-3xl mx-auto">
                   {t('philosophy.subtitle')}
                 </p>
               </div>

src/components/sections/Values.tsx

@@ -218,7 +218,7 @@ const Values = () => {
     <section className="py-20 px-4 sm:px-6 lg:px-8" ref={valuesSectionRef}>
       <div className="max-w-7xl mx-auto">
         <div className="text-center mb-16">
-          <h2 className="text-5xl md:text-7xl font-bold mb-2 bg-gradient-to-r from-foreground to-muted-foreground bg-clip-text text-transparent">
+          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold mb-2 bg-gradient-to-r from-foreground to-muted-foreground bg-clip-text text-transparent">
             {t('values.title')}
           </h2>
           <p className="text-lg text-muted-foreground max-w-3xl mx-auto">

src/contexts/LanguageContext.tsx

@@ -184,9 +184,9 @@ const translations = {
             'footer.description': 'Empowering designers with the tools, resources, and knowledge needed to create exceptional user experiences.',
             'footer.foundations.mission': 'The Mission',
             'footer.foundations.philosophy': 'Our Mindset',
-            'footer.foundations.values': 'How we work',
-            'footer.foundations.team': 'The team',
-            'footer.foundations.tools': 'Tools',
+            'footer.foundations.values': 'Working Principles',
+            'footer.foundations.team': 'Our Team',
+            'footer.foundations.tools': 'Our Stack',
             'footer.brand.principles': 'Principles',
             'footer.brand.guidelines': 'Guidelines',
             'footer.brand.resources': 'Resources',
@@ -368,9 +368,9 @@ const translations = {
             'footer.description': '탁월한 사용자 경험을 만들기 위해 필요한 도구, 리소스, 지식으로 디자이너를 강화합니다.',
             'footer.foundations.mission': '미션',
             'footer.foundations.philosophy': '마인드셋',
-            'footer.foundations.values': '우리가 일하는 방식',
-            'footer.foundations.team': '팀',
-            'footer.foundations.tools': '도구',
+            'footer.foundations.values': '작업 원칙',
+            'footer.foundations.team': '우리의 팀',
+            'footer.foundations.tools': '우리의 스택',
             'footer.brand.principles': '원칙',
             'footer.brand.guidelines': '가이드라인',
             'footer.brand.resources': '리소스',