From 85a2853d4e47a4a73f62ca7482b5dd63b7ebb369 Mon Sep 17 00:00:00 2001 From: v0 Date: Sun, 2 Nov 2025 20:04:35 +0000 Subject: [PATCH] feat: add fern background with transparency Generate lush forest fern image and update CSS for site background. #VERCEL_SKIP Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com> --- app/about/page.tsx | 255 +++++++++++++++++++++++++++++ app/globals.css | 46 ++++++ app/page.tsx | 75 +++++++-- app/sponsor/page.tsx | 85 +++++----- components/navigation.tsx | 6 +- public/forest-ferns-background.jpg | Bin 0 -> 161725 bytes 6 files changed, 407 insertions(+), 60 deletions(-) create mode 100644 app/about/page.tsx create mode 100644 public/forest-ferns-background.jpg diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..4be6bf1 --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,255 @@ +import { Navigation } from "@/components/navigation" +import { Button } from "@/components/ui/button" +import { Card, CardContent } from "@/components/ui/card" +import Link from "next/link" + +export default function About() { + return ( +
+ + + {/* Hero Section */} +
+
+
+
+

+ Living His Best Life in the Wilderness +

+

+ Meet John—a modern-day Tom Bombadil who traded the conventional world for 20 acres of old growth forest + at the edge of civilization on Texada Island, where the pavement ends and true living begins. +

+ + + +
+
+ John's log cabin in the woods +
+
+
+
+ + {/* Life in the Woods */} +
+
+

A Life Among the Trees

+ +
+ + +
🏡
+

The Log Cabin

+

+ John's small log cabin sits nestled deep in the forest, a testament to simple living and + self-sufficiency. Built with respect for the land, it's more than a home—it's a sanctuary where the + rhythm of nature dictates the pace of life. +

+

+ Here, the crackling fire provides warmth and light, and the forest sounds are the only soundtrack + needed. It's a place where stories are shared, poetry flows freely, and the wisdom of the woods seeps + into every conversation. +

+
+
+ + + +
🐕
+

Una, His Faithful Companion

+

+ Una, John's loyal dog, is his constant companion through the forest trails and mushroom patches. She + knows every path, every log, and every secret spot where the best shiitakes grow. +

+

+ Together they walk the land daily, checking on the mushroom logs, greeting the deer that share their + home, and maintaining the delicate balance between cultivation and conservation. +

+
+
+
+ +
+ + +
🦌
+

Living Among the Deer

+

+ The deer are John's neighbors, moving gracefully through the forest at dawn and dusk. He's learned + their patterns, respects their space, and they've come to accept his presence as part of the natural + order. +

+

+ This coexistence is a daily reminder that he's not just living in the forest—he's part of its + ecosystem, a steward rather than an owner. +

+
+
+ + + +
🌲
+

At the Edge of Civilization

+

+ Texada Island sits at the end of the Sunshine Coast, and John's property is where the pavement + literally ends. Beyond his gate, there's only forest, mountains, and the wild beauty of untamed + British Columbia. +

+

+ This remoteness isn't isolation—it's freedom. Freedom to live authentically, to cultivate mushrooms + the old way, and to share knowledge with those willing to make the journey. +

+
+
+
+
+
+ + {/* The Storyteller */} +
+
+

The Storyteller

+ +
+ + +

+ ⛏️ + Tales from the Mines +

+

+ Sit by John's fire long enough, and you'll hear stories from his mining days—tales of working deep in + the earth, the camaraderie of miners, and the lessons learned in darkness that illuminate life above + ground. These aren't just stories; they're oral history, passed down with the reverence they deserve. +

+
+
+ + + +

+ 💎 + The Mystery of Texada Flower Rock +

+

+ John is one of the few who truly understands the extremely rare composition of Texada flower rock—a + geological wonder found nowhere else on Earth. He'll explain the unique mineral formations, the + volcanic history that created them, and why collectors travel from around the world to see these + natural masterpieces. His knowledge comes from years of observation, study, and a deep connection to + the island's geology. +

+
+
+ + + +

+ 📖 + Red Hot Beat Poetry +

+

+ When the mood strikes, John recites beat poetry with the passion of Ginsberg and the rhythm of + Kerouac. His performances are spontaneous, raw, and utterly captivating—words flowing like the forest + streams, carrying the energy of a generation that dared to question everything. It's performance art + in its purest form, delivered under the stars with only the trees as witnesses. +

+
+
+
+
+
+ + {/* Community Spirit */} +
+
+
+
+

A Heart for Community

+

+ Despite living at the edge of civilization, John is deeply connected to his community. He volunteers + regularly, sharing his knowledge of sustainable forestry, mushroom cultivation, and the importance of + watershed protection. +

+

+ His courses aren't just about growing mushrooms—they're about reconnecting with nature, understanding + our role as stewards of the land, and learning to live more sustainably. Students leave not just with + technical knowledge, but with a renewed sense of purpose and connection to the natural world. +

+

+ John believes that knowledge should be shared freely, that stories preserve culture, and that we all + have a responsibility to protect the wild places that remain. His life is a living example of these + principles. +

+ + + +
+
+ Shiitake cultivation +
+
+
+
+ + {/* Philosophy */} +
+
+

Living His Best Life

+

+ John's life isn't about escaping the world—it's about engaging with it on his own terms. In his forest + sanctuary, he's found the perfect balance between solitude and community, tradition and innovation, work and + contemplation. +

+

+ He proves that living simply doesn't mean living small. His days are rich with purpose: cultivating + mushrooms, teaching eager students, protecting endangered species, sharing stories, and simply being present + in the magnificent wilderness he calls home. +

+

+ "At the edge of civilization, I found the center of everything that matters." +

+
+
+ + {/* CTA Section */} +
+
+

Support This Way of Life

+

+ Help John continue his work protecting the old growth forest, teaching sustainable cultivation, and + preserving the stories and knowledge that connect us to the land. +

+ + + +
+
+ + {/* Footer */} +
+
+

Shiitake John's Forest • Texada Island, BC • Where the pavement ends

+
+
+
+ ) +} diff --git a/app/globals.css b/app/globals.css index ced9a72..fa4c934 100644 --- a/app/globals.css +++ b/app/globals.css @@ -146,3 +146,49 @@ @apply bg-background text-foreground; } } + +/* Adding forest texture backgrounds with ferns and moss */ +@layer utilities { + /* Adding real fern background image with transparency */ + .forest-texture { + background-image: url("/forest-ferns-background.jpg"); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + position: relative; + } + + .forest-texture::before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(250, 245, 235, 0.85); + pointer-events: none; + } + + .moss-texture { + background-image: repeating-linear-gradient( + 45deg, + transparent, + transparent 10px, + rgba(95, 70, 45, 0.02) 10px, + rgba(95, 70, 45, 0.02) 20px + ), + repeating-linear-gradient( + -45deg, + transparent, + transparent 10px, + rgba(140, 120, 90, 0.02) 10px, + rgba(140, 120, 90, 0.02) 20px + ); + } + + .fern-pattern { + background-image: radial-gradient(ellipse at 10% 30%, rgba(95, 70, 45, 0.05) 0%, transparent 40%), + radial-gradient(ellipse at 90% 70%, rgba(95, 70, 45, 0.04) 0%, transparent 40%), + radial-gradient(ellipse at 50% 50%, rgba(140, 120, 90, 0.03) 0%, transparent 50%); + } +} diff --git a/app/page.tsx b/app/page.tsx index 53182b9..b35efd5 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -9,12 +9,12 @@ export default function Home() { {/* Hero Section */} -
+

- Welcome to the Shiitake Forest + Welcome to Shiitake John's Woodlot

At the edge of civilization on Texada Island, where the pavement ends and the forest begins, John @@ -22,8 +22,8 @@ export default function Home() {

- @@ -32,7 +32,7 @@ export default function Home() { variant="outline" className="border-primary text-primary hover:bg-primary/10 bg-transparent" > - View Courses + View Cultivation Courses
@@ -49,7 +49,7 @@ export default function Home() {
{/* About Section */} -
+

Life at the Edge of the Woods

@@ -90,8 +90,53 @@ export default function Home() {
+
+
+
+
+

Protecting the Watershed

+

+ Our forest is part of a critical watershed that supports one of the world's rarest fish species—the + Texada Island stickleback species pairs. These remarkable fish are found in only five small lakes on the + Sunshine Coast, making them globally significant. +

+

+ The stickleback species pairs are among the youngest species on Earth, having evolved in less than + 13,000 years since the last Ice Age. They consist of two distinct forms—the "limnetics" that live in + open water eating plankton, and the "benthics" that dwell in the shallows feeding on invertebrates. +

+

+ By supporting sustainable forest practices here, you're helping protect the pristine watershed these + endangered fish depend on for survival. Our careful stewardship ensures clean water flows into nearby + lakes, preserving habitat for these unique evolutionary treasures. +

+ +
+
+
+
🐟
+

Texada Island Stickleback

+

One of Earth's youngest and rarest species

+
+
+
+
+
+ {/* Story Section */} -
+
@@ -102,10 +147,10 @@ export default function Home() { />
-

A Modern Tom Bombadil

+

A Modern Day Tom Bombadil

- In his small log cabin deep in the woods, John lives amongst the deer with his faithful companion Una. - The forest is his home, his classroom, and his sanctuary. + In his small log cabin deep in the woods, Shiitake John lives amongst the deer with his faithful + companion Una. The forest is his home, his classroom, and his sanctuary.

Sit by the fire long enough, and you'll hear stories of mining adventures, the mysteries of Texada's @@ -123,13 +168,13 @@ export default function Home() { {/* CTA Section */}

-

Help Preserve the Shiitake Forest

+

Help Preserve the Old Growth

- Your support helps maintain these 20 acres of forest, continue sustainable mushroom cultivation, and keep - the courses and community programs thriving. + Your support helps maintain these 20 acres of old growth forest, protect the watershed for endangered + species, continue sustainable mushroom cultivation, and keep the courses and community programs thriving.

- @@ -137,7 +182,7 @@ export default function Home() {
{/* Footer */} -
+

Shiitake John's Forest • Texada Island, BC • Where the pavement ends

diff --git a/app/sponsor/page.tsx b/app/sponsor/page.tsx index 79c8897..a05341b 100644 --- a/app/sponsor/page.tsx +++ b/app/sponsor/page.tsx @@ -43,18 +43,19 @@ export default function SponsorPage() { {/* Hero Section */} -
+
-

Sponsor the Shiitake Forest

+

Sponsor the Old Growth

- Help preserve 20 acres of sustainable forest cultivation, support community education, and keep the ancient - art of shiitake growing alive at the edge of civilization. + Help preserve 20 acres of old growth forest, protect the watershed for endangered Texada Island + sticklebacks, support sustainable cultivation, and keep the ancient art of shiitake growing alive at the + edge of civilization.

{/* Why Sponsor Section */} -
+

Why Your Support Matters

@@ -70,6 +71,17 @@ export default function SponsorPage() { + + +
🐟
+

Watershed Protection

+

+ Protect critical habitat for the endangered Texada Island stickleback species pairs—one of Earth's + youngest and rarest fish species found in only five lakes. +

+
+
+
📚
@@ -80,23 +92,12 @@ export default function SponsorPage() {

- - - -
🏞️
-

Forest Preservation

-

- Maintain this unique 20-acre forest ecosystem where mushrooms, deer, and community come together in - harmony. -

-
-
{/* Sponsorship Tiers */} -
+

Sponsorship Levels

@@ -116,9 +117,7 @@ export default function SponsorPage() { ))} - + ))} @@ -127,7 +126,7 @@ export default function SponsorPage() {
{/* One-Time Support */} -
+
@@ -135,8 +134,8 @@ export default function SponsorPage() {

- Prefer to make a one-time contribution? Every bit helps maintain the forest, support the courses, and - keep this unique operation thriving. + Prefer to make a one-time contribution? Every bit helps maintain the old growth forest, protect the + watershed, support the courses, and keep this unique operation thriving.

{/* Impact Section */} -
+

Your Impact

- When you sponsor the Shiitake Forest, you're not just supporting mushroom cultivation. You're preserving a - way of life, protecting forest land, enabling education, and helping maintain a community gathering place - where stories are shared, knowledge is passed down, and the connection between people and nature thrives. + When you sponsor the Old Growth, you're not just supporting mushroom cultivation. You're preserving a way of + life, protecting old growth forest land and critical watershed habitat for endangered species, enabling + education, and helping maintain a community gathering place where stories are shared, knowledge is passed + down, and the connection between people and nature thrives.

@@ -176,6 +176,15 @@ export default function SponsorPage() {

+
+
🐟
+
+

Watershed Conservation

+

+ Protect clean water sources that support the endangered Texada Island stickleback species pairs +

+
+
👥
@@ -188,18 +197,9 @@ export default function SponsorPage() {
🌲
-

Forest Stewardship

+

Old Growth Stewardship

- Protect and maintain 20 acres of working forest land for future generations -

-
-
-
-
📖
-
-

Knowledge Preservation

-

- Keep traditional cultivation methods alive and share decades of experience + Protect and maintain 20 acres of old growth forest land for future generations

@@ -208,21 +208,22 @@ export default function SponsorPage() {
{/* CTA Section */} -
+

Join the Forest Community

Whether you choose monthly sponsorship or a one-time contribution, you become part of something special—a - community dedicated to sustainable living, traditional knowledge, and the magic of the forest. + community dedicated to sustainable living, traditional knowledge, watershed protection, and the magic of the + old growth forest.

-
{/* Footer */} -