Skip to content

Commit 22870da

Browse files
ericyangpanclaude
andcommitted
refactor: improve footer semantics and styling
- Replace h4 with h2 for proper heading hierarchy in FooterLinkList - Replace h4 with span for non-heading brand text - Update Discord link to use redirect URL (/discord) - Improve text spacing with block-level span and mt spacing - Adjust line-height from relaxed to 1.8 for better readability 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 0cccb42 commit 22870da

File tree

1 file changed

+5
-7
lines changed

1 file changed

+5
-7
lines changed

src/components/Footer.tsx

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ interface FooterLinkListProps {
1414
function FooterLinkList({ title, links }: FooterLinkListProps) {
1515
return (
1616
<div className="flex flex-col gap-[var(--spacing-sm)] lg:col-span-2">
17-
<h4 className="text-sm font-semibold tracking-tight">{title}</h4>
17+
<h2 className="text-sm font-semibold tracking-tight">{title}</h2>
1818
<ul className="flex flex-col gap-[var(--spacing-xs)] list-none">
1919
{links.map(item => (
2020
<li key={item.href}>
@@ -73,7 +73,7 @@ function Footer() {
7373
isExternal: true,
7474
},
7575
{
76-
href: 'https://discord.gg/aicodingstack',
76+
href: 'https://aicodingstack.io/discord',
7777
label: tCommunity('discord'),
7878
isExternal: true,
7979
},
@@ -89,12 +89,10 @@ function Footer() {
8989
<div className="max-w-[1400px] mx-auto px-[var(--spacing-md)]">
9090
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-9 gap-[var(--spacing-lg)] mb-[var(--spacing-lg)]">
9191
<div className="flex flex-col gap-[var(--spacing-sm)] lg:col-span-3">
92-
<h4 className="text-sm font-semibold tracking-tight">{tFooter('aicodingstack')}</h4>
93-
<p className="text-sm pb-[var(--spacing-sm)] leading-relaxed text-[var(--color-text-secondary)] font-light">
92+
<span className="text-sm font-semibold tracking-tight">{tFooter('aicodingstack')}</span>
93+
<p className="text-sm pb-[var(--spacing-sm)] leading-[1.8] text-[var(--color-text-secondary)] font-light">
9494
{tFooter('tagline')}
95-
<br />
96-
<br />
97-
{tFooter('openSource')}
95+
<span className="block mt-[var(--spacing-sm)]">{tFooter('openSource')}</span>
9896
</p>
9997
<div className="flex gap-[var(--spacing-xs)]">
10098
<button

0 commit comments

Comments
 (0)