diff --git a/public/fonts/IRANYekanXVF.ttf b/public/fonts/IRANYekanXVF.ttf new file mode 100644 index 0000000..c73c150 Binary files /dev/null and b/public/fonts/IRANYekanXVF.ttf differ diff --git a/src/components/ExperienceSection.module.css b/src/components/ExperienceSection.module.css index 32d5391..b3c988c 100644 --- a/src/components/ExperienceSection.module.css +++ b/src/components/ExperienceSection.module.css @@ -45,9 +45,9 @@ .verticalLine { position: absolute; top: 20px; - bottom: 0; + bottom: 14px; width: 2px; - background-color: var(--border-default); + background-color: var(--border-strong); z-index: 1; } @@ -55,27 +55,27 @@ display: flex; flex-grow: 1; padding-left: 20px; - padding-bottom: 56px; - gap: 48px; + padding-bottom: 36px; + gap: 36px; } .identityCol { - width: 380px; + width: 360px; flex-shrink: 0; } .metaRow { display: flex; align-items: center; - gap: 16px; - margin-bottom: 16px; + gap: 8px; + margin-bottom: 14px; } .dateBadge { font-size: var(--font-size-label-small); line-height: var(--line-height-label-small); font-weight: 700; - letter-spacing: var(--letter-spacing-eyebrow); + letter-spacing: 0.08em; color: var(--text-muted); text-transform: uppercase; } @@ -90,6 +90,7 @@ .locationIcon { color: var(--text-muted); + flex-shrink: 0; } .locationText { @@ -99,7 +100,7 @@ .roleIdentityRow { display: flex; align-items: flex-start; - gap: 16px; + gap: 10px; } .logoContainer { @@ -107,8 +108,8 @@ height: 72px; border-radius: var(--radius-md); overflow: hidden; - background-color: var(--bg-surface); - border: 1px solid var(--border-default); + background: transparent; + border: 0; display: flex; align-items: center; justify-content: center; @@ -132,7 +133,7 @@ line-height: var(--line-height-h3); font-weight: 700; color: var(--text-primary); - margin-bottom: 4px; + margin-bottom: 0; } .companyName { @@ -149,10 +150,10 @@ } .summary { - font-size: var(--font-size-body-default); - line-height: var(--line-height-body-default); + font-size: var(--font-size-body-small); + line-height: var(--line-height-body-small); color: var(--text-secondary); - margin-bottom: 16px; + margin-bottom: 12px; } .bulletList { diff --git a/src/components/ExperienceSection.tsx b/src/components/ExperienceSection.tsx index 947fe74..916f53a 100644 --- a/src/components/ExperienceSection.tsx +++ b/src/components/ExperienceSection.tsx @@ -2,7 +2,6 @@ import React from 'react'; import Image from 'next/image'; -import { MapPin } from 'lucide-react'; import { experiences } from '@/data/experience'; import styles from './ExperienceSection.module.css'; @@ -42,7 +41,20 @@ export const ExperienceSection: React.FC = () => {