Improve homepage layout and visual appeal with gradient background
Update the Home page component to include a new linear gradient background and a simplified header structure, enhancing the visual presentation. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Z1wmn8z
This commit is contained in:
parent
1604bdaab0
commit
84c43e3b9b
@ -73,9 +73,9 @@ export default function Home() {
|
||||
}, [searchQuery, refetch]);
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bunny-dark static-triangles" style={{position: 'static'}}>
|
||||
{/* Header - Now scrolls with page! */}
|
||||
<header style={{position: 'static', display: 'block', width: '100%', padding: '16px 0', background: 'transparent'}}>
|
||||
<div style={{minHeight: '100vh', background: 'linear-gradient(135deg, hsl(250, 50%, 15%) 0%, hsl(240, 30%, 25%) 100%)', color: 'white', position: 'static'}}>
|
||||
{/* SIMPLE HEADER - NO CSS CLASSES */}
|
||||
<div style={{position: 'static', display: 'block', width: '100%', padding: '16px 0', background: 'transparent'}}>
|
||||
<div style={{maxWidth: '1200px', margin: '0 auto', padding: '0 16px', display: 'flex', alignItems: 'center', justifyContent: 'space-between'}}>
|
||||
{/* Logo */}
|
||||
<Link href="/" style={{display: 'flex', alignItems: 'center', gap: '8px', color: 'white', textDecoration: 'none'}}>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user