diff --git a/app/about/page.tsx b/app/about/page.tsx index 4be6bf1..02f9e6d 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -28,8 +28,8 @@ export default function About() {
John's log cabin in the woods
@@ -199,8 +199,8 @@ export default function About() {
Shiitake cultivation
diff --git a/app/events/page.tsx b/app/events/page.tsx index 7dccd43..b0008ed 100644 --- a/app/events/page.tsx +++ b/app/events/page.tsx @@ -33,13 +33,24 @@ export default function EventsPage() { {/* Hero Section */} -
-
-

Mushroom Cultivation Courses

-

- Learn the ancient art of shiitake cultivation in the heart of a working forest. Hands-on courses taught by - someone who lives and breathes mushroom farming. -

+
+
+
+
+

Courses and Events

+

+ Learn the ancient art of shiitake cultivation in the heart of a working forest. Hands-on courses taught + by someone who lives and breathes mushroom farming. +

+
+
+ Vibrant coral mushrooms in the forest +
+
@@ -79,9 +90,33 @@ export default function EventsPage() {
{/* Experience Section */} -
+
-

The Learning Experience

+

The Learning Experience

+ +
+
+ Morel mushroom in the forest +
+
+ Yellow coral mushrooms on moss +
+
+ Ghost pipe plant in the forest +
+
diff --git a/app/globals.css b/app/globals.css index fa4c934..2d0fa7a 100644 --- a/app/globals.css +++ b/app/globals.css @@ -158,6 +158,7 @@ position: relative; } + /* Increased overlay opacity and ensured text is above overlay */ .forest-texture::before { content: ""; position: absolute; @@ -165,8 +166,16 @@ left: 0; right: 0; bottom: 0; - background-color: rgba(250, 245, 235, 0.85); + background-color: rgba(250, 245, 235, 0.92); pointer-events: none; + z-index: 0; + } + + /* Ensure all content is above the overlay with full opacity */ + .forest-texture > * { + position: relative; + z-index: 1; + opacity: 1; } .moss-texture { diff --git a/app/layout.tsx b/app/layout.tsx index 55eff70..c2c6782 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,15 +1,15 @@ -import type { Metadata } from 'next' -import { Geist, Geist_Mono } from 'next/font/google' -import { Analytics } from '@vercel/analytics/next' -import './globals.css' +import type React from "react" +import type { Metadata } from "next" +import { Geist, Geist_Mono } from "next/font/google" +import "./globals.css" -const _geist = Geist({ subsets: ["latin"] }); -const _geistMono = Geist_Mono({ subsets: ["latin"] }); +const _geist = Geist({ subsets: ["latin"] }) +const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { - title: 'v0 App', - description: 'Created with v0', - generator: 'v0.app', + title: "Shiitake John's Woodlot", + description: "Homegrown shiitake mushrooms from 20 acres of old growth forest on Texada Island", + generator: "v0.app", } export default function RootLayout({ @@ -19,10 +19,7 @@ export default function RootLayout({ }>) { return ( - - {children} - - + {children} ) } diff --git a/app/page.tsx b/app/page.tsx index b35efd5..6ea54f1 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -39,8 +39,8 @@ export default function Home() {
Shiitake mushrooms on logs
@@ -110,26 +110,41 @@ export default function Home() { endangered fish depend on for survival. Our careful stewardship ensures clean water flows into nearby lakes, preserving habitat for these unique evolutionary treasures.

- + + Learn About the Stickleback → + + + +
-
-
🐟
-

Texada Island Stickleback

-

One of Earth's youngest and rarest species

-
+ Moss and lichen in the forest watershed
@@ -141,8 +156,8 @@ export default function Home() {
Log cabin in the woods
diff --git a/components/navigation.tsx b/components/navigation.tsx index 0323068..8d06b44 100644 --- a/components/navigation.tsx +++ b/components/navigation.tsx @@ -16,7 +16,7 @@ export function Navigation() { About Shiitake John - Events + Courses and Events diff --git a/package.json b/package.json index bb2b97c..0e71564 100644 --- a/package.json +++ b/package.json @@ -37,7 +37,7 @@ "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", - "@vercel/analytics": "latest", + "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ad74fa5..eead06a 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -93,8 +93,8 @@ importers: specifier: 1.1.6 version: 1.1.6(@types/react-dom@19.0.0)(@types/react@19.0.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0) '@vercel/analytics': - specifier: latest - version: 1.5.0(next@16.0.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0) + specifier: 1.3.1 + version: 1.3.1(next@16.0.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0) autoprefixer: specifier: ^10.4.20 version: 10.4.20(postcss@8.5.0) @@ -1201,31 +1201,16 @@ packages: '@types/react@19.0.0': resolution: {integrity: sha512-MY3oPudxvMYyesqs/kW1Bh8y9VqSmf+tzqw3ae8a9DZW68pUe3zAdHeI1jc6iAysuRdACnVknHP8AhwD4/dxtg==} - '@vercel/analytics@1.5.0': - resolution: {integrity: sha512-MYsBzfPki4gthY5HnYN7jgInhAZ7Ac1cYDoRWFomwGHWEX7odTEzbtg9kf/QSo7XEsEAqlQugA6gJ2WS2DEa3g==} + '@vercel/analytics@1.3.1': + resolution: {integrity: sha512-xhSlYgAuJ6Q4WQGkzYTLmXwhYl39sWjoMA3nHxfkvG+WdBT25c563a7QhwwKivEOZtPJXifYHR1m2ihoisbWyA==} peerDependencies: - '@remix-run/react': ^2 - '@sveltejs/kit': ^1 || ^2 next: '>= 13' - react: ^18 || ^19 || ^19.0.0-rc - svelte: '>= 4' - vue: ^3 - vue-router: ^4 + react: ^18 || ^19 peerDependenciesMeta: - '@remix-run/react': - optional: true - '@sveltejs/kit': - optional: true next: optional: true react: optional: true - svelte: - optional: true - vue: - optional: true - vue-router: - optional: true aria-hidden@1.2.6: resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==} @@ -1634,6 +1619,9 @@ packages: engines: {node: '>=10'} hasBin: true + server-only@0.0.1: + resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==} + sharp@0.34.4: resolution: {integrity: sha512-FUH39xp3SBPnxWvd5iib1X8XY7J0K0X7d93sie9CJg2PO8/7gmg89Nve6OjItK53/MlAushNNxteBYfM6DEuoA==} engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0} @@ -2720,7 +2708,9 @@ snapshots: dependencies: csstype: 3.1.3 - '@vercel/analytics@1.5.0(next@16.0.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)': + '@vercel/analytics@1.3.1(next@16.0.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)': + dependencies: + server-only: 0.0.1 optionalDependencies: next: 16.0.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0) react: 19.2.0 @@ -3086,6 +3076,8 @@ snapshots: semver@7.7.3: optional: true + server-only@0.0.1: {} + sharp@0.34.4: dependencies: '@img/colour': 1.0.0