Add dandelion hero image and update button link

- Button now links to dandelion.nusqool.com
- Added AI-generated dandelion meadow hero image
- Updated hero section with background image and overlay

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2025-12-26 12:36:57 -05:00
parent 5f9e1e5954
commit 65d315528a
2 changed files with 9 additions and 8 deletions

BIN
public/dandelion-hero.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 968 KiB

View File

@ -122,14 +122,15 @@ function Navigation() {
// Hero Section // Hero Section
function Hero() { function Hero() {
return ( return (
<section className="relative min-h-screen flex items-center justify-center bg-nusqool-sage/20"> <section className="relative min-h-screen flex items-center justify-center">
{/* Background Pattern */} {/* Background Image */}
<div className="absolute inset-0 opacity-10"> <div
<div className="absolute inset-0 bg-gradient-to-br from-nusqool-sage/30 to-transparent" /> className="absolute inset-0 bg-cover bg-center bg-no-repeat"
</div> style={{ backgroundImage: "url('/dandelion-hero.png')" }}
/>
{/* Hero Image Placeholder */} {/* Overlay for text readability */}
<div className="absolute inset-0 bg-gradient-to-b from-nusqool-cream/80 via-transparent to-nusqool-cream/90" /> <div className="absolute inset-0 bg-gradient-to-b from-nusqool-cream/70 via-nusqool-cream/40 to-nusqool-cream/80" />
<div className="relative z-10 text-center max-w-4xl mx-auto px-6 pt-20"> <div className="relative z-10 text-center max-w-4xl mx-auto px-6 pt-20">
<h1 className="heading-xl text-nusqool-brown mb-6"> <h1 className="heading-xl text-nusqool-brown mb-6">
@ -138,7 +139,7 @@ function Hero() {
<p className="body-text max-w-2xl mx-auto mb-10"> <p className="body-text max-w-2xl mx-auto mb-10">
A sanctuary for healing, growth, and reconnection in the heart of rural Ontario. A sanctuary for healing, growth, and reconnection in the heart of rural Ontario.
</p> </p>
<a href="#adventure" className="btn-primary"> <a href="https://dandelion.nusqool.com" className="btn-primary">
Join the Next Embodiment Circle Join the Next Embodiment Circle
</a> </a>
</div> </div>