chore: create initial project snapshot

Capture the portfolio source, design references, and production assets with repository-specific ignore rules.

src/components/EducationSection.tsx

@@ -0,0 +1,45 @@
+'use client';
+
+import React from 'react';
+import Image from 'next/image';
+import { education } from '@/data/education';
+import styles from './EducationSection.module.css';
+
+export const EducationSection: React.FC = () => {
+  return (
+    <section id="education" className={styles.educationSection}>
+      <div className="content-container">
+        {/* Section Header */}
+        <div className="section-header">
+          <span className="section-eyebrow">EDUCATION</span>
+          <div className="section-title-wrap">
+            <h2 className="section-title">Where I Built the Foundation</h2>
+            <div className="section-underline" />
+          </div>
+        </div>
+
+        {/* Degree Card */}
+        <div className={styles.card}>
+          <div className={styles.crestCol}>
+            <div className={styles.crestContainer}>
+              <Image
+                src={education.logo}
+                alt={education.institution}
+                width={180}
+                height={60}
+                className={styles.crestImage}
+              />
+            </div>
+            <div className={styles.institution}>{education.institution}</div>
+            <div className={styles.date}>{education.date}</div>
+          </div>
+
+          <div className={styles.detailsCol}>
+            <h3 className={styles.degreeTitle}>{education.degree}</h3>
+            <p className={styles.description}>{education.description}</p>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};