Improve home page layout and typography
- Fix feature cards layout: 2 columns desktop, 1 mobile with consistent sizing - Add Google Fonts: Merriweather for headings, Lato for body text - Improve card content structure and spacing - Center feature cards and stats section for better alignment - Group all card content (icon, title, description) in single container - Set fixed card dimensions (400px max width, 280px height) - Add text overflow handling for descriptions (3 lines max) 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
15
lib/fonts.ts
Normal file
15
lib/fonts.ts
Normal file
@@ -0,0 +1,15 @@
|
||||
import { Merriweather, Lato } from 'next/font/google'
|
||||
|
||||
export const merriweather = Merriweather({
|
||||
subsets: ['latin'],
|
||||
weight: ['300', '400', '700', '900'],
|
||||
variable: '--font-merriweather',
|
||||
display: 'swap',
|
||||
})
|
||||
|
||||
export const lato = Lato({
|
||||
subsets: ['latin'],
|
||||
weight: ['300', '400', '700', '900'],
|
||||
variable: '--font-lato',
|
||||
display: 'swap',
|
||||
})
|
||||
Reference in New Issue
Block a user