Improve Hero text layout (#9)

msaps · web-flow · commit 71836d41c9de · 2026-02-12T19:43:09.000Z
diff --git a/src/pages/home/sections/Hero.module.css b/src/pages/home/sections/Hero.module.css
@@ -71,6 +71,9 @@
   color: var(--color-text-secondary);
   line-height: 1.6;
   margin-bottom: var(--space-xl);
+  max-width: 480px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .actions {
diff --git a/src/pages/home/sections/Hero.tsx b/src/pages/home/sections/Hero.tsx
@@ -24,9 +24,7 @@ export default function Hero() {
         >
           <h1 className={styles.title}>Lounge Smarter at LHR</h1>
 
-          <p className={styles.subtitle}>
-            The perfect pre-flight companion for luxurious lounging<br></br>at London Heathrow Terminal 5
-          </p>
+          <p className={styles.subtitle}>The perfect pre-flight companion for luxurious lounging at London Heathrow Terminal 5</p>
 
           <div className={styles.actions}>
             <a href={links.appStore} target="_blank" rel="noopener noreferrer" className={styles.appStoreLink}>

Original file line number	Diff line number	Diff line change
`@@ -71,6 +71,9 @@`
`71`	`71`	`color: var(--color-text-secondary);`
`72`	`72`	`line-height: 1.6;`
`73`	`73`	`margin-bottom: var(--space-xl);`
	`74`	`+ max-width: 480px;`
	`75`	`+ margin-left: auto;`
	`76`	`+ margin-right: auto;`
`74`	`77`	`}`
`75`	`78`
`76`	`79`	`.actions {`
Original file line number	Diff line number	Diff line change
`@@ -24,9 +24,7 @@ export default function Hero() {`
`24`	`24`	`>`
`25`	`25`	`<h1 className={styles.title}>Lounge Smarter at LHR</h1>`
`26`	`26`
`27`		`- <p className={styles.subtitle}>`
`28`		`- The perfect pre-flight companion for luxurious lounging<br></br>at London Heathrow Terminal 5`
`29`		`- </p>`
	`27`	`+ <p className={styles.subtitle}>The perfect pre-flight companion for luxurious lounging at London Heathrow Terminal 5</p>`
`30`	`28`
`31`	`29`	`<div className={styles.actions}>`
`32`	`30`	`<a href={links.appStore} target="_blank" rel="noopener noreferrer" className={styles.appStoreLink}>`