jeffemmett
/
xhivart-mirror
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Wayra background image to Work With Me section 

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-02-10 20:04:05 +00:00
parent 740d9b7d11
commit 738b70dc94
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/art/wayra-bg.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

19
src/app/page.tsx
View File

@ -597,14 +597,25 @@ function AboutSection() {
// Work With Me Section // Work With Me Section
function WorkWithMeSection() { function WorkWithMeSection() {
return ( return (
<section className="section darker-section"> <section className="section relative overflow-hidden">
<div className="max-w-3xl mx-auto"> {/* Background Image */}
<div className="absolute inset-0 z-0">
<Image
src="/images/art/wayra-bg.webp"
alt="Wayra"
fill
className="object-cover"
/>
<div className="absolute inset-0 bg-black/70" />
</div>
<div className="max-w-3xl mx-auto relative z-10">
<div className="text-center"> <div className="text-center">
<h2 className="text-4xl md:text-5xl font-light mb-6"> <h2 className="text-4xl md:text-5xl font-light mb-6 text-[var(--text-light)]">
Work With Me Work With Me
</h2> </h2>
<div className="divider"></div> <div className="divider"></div>
<p className="text-lg leading-relaxed mb-16 opacity-80 max-w-2xl mx-auto"> <p className="text-lg leading-relaxed mb-16 opacity-80 max-w-2xl mx-auto text-[var(--text-light)]">
This work is for those ready to meet themselves honestly with courage, This work is for those ready to meet themselves honestly with courage,
sensitivity and presence. sensitivity and presence.
</p> </p>