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:
sebastjanartic 2025-08-30 21:10:52 +00:00
parent 1604bdaab0
commit 84c43e3b9b

View File

@ -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'}}>