Technical Direction & Visual Palette:
Palette: Modern dark mode. Seamless blending from website background into Deep Forest Obsidian (#050805). Use Olive Green (#8C9F4E) for headers and text-white/70 for copy.

Navigation & Footer: Keep the exact text and links from image_15.png, but make them sticky, low-opacity overlays that dissolve and reappear with scroll.

Data Integration (Use exact text from image_15.png): Preserve the descriptions for "Vertical Hydroponic Modules," "Easy to Use," "Configurable Spacing," and "Adjustable Water Level."

Implementation Layout (The Scroll Journey):
Instead of the sections scrolling past, the entire WebGL scene moves in Z-Space (depth).

1. Scroll Section 1: The Bio-Aesthetics (0% -> 20% Scroll)

The Canvas: Renders a high-fidelity 3D model of the "Macro-Tech Tunnel" generated image (acting as an environmental mesh).

The Interaction: On scroll, the camera glides forward into the tunnel. The initial text overlay is the main header "Our Technology."

2. Scroll Section 2: "Our Technology" (25% -> 45% Scroll)

The Interaction: As the camera glides past rows of plants, the text block "Vertical Hydroponic Modules" (with its specific details) fades into the left-third of the screen.

The Depth: The 3D plants in the tunnel should have a depth-of-field shader that blurs foreground elements while keeping the text block sharp.

3. Scroll Section 3: The "Precision Modules" (55% -> 75% Scroll)

The Transition: The tunnel background smoothly dissolves into a floating rendering of the "Exploded Tech Matrix" generated image.

The Text: All the detailed bullet points ("Easy to Use," "Configurable Spacing," "Adjustable Water Level") from image_15.png are integrated as sticky, low-opacity spatial tooltips that follow the floating components (sensors, lights).

4. Scroll Section 4: The Awwwards-Level Finish (80% -> 100% Scroll)

The Interaction: The entire exploded matrix revolves slightly, centering the composition. The final footer links from image_15.png (Sitemap, Head Office) fade in at the bottom-right, perfectly aligned with the dark void.

Polish & UX:
Add a subtle post-processing Noise filter and a Bloom effect on the LEDs for a cinematic quality.

Implement Kinetic Scrolling with heavy interpolation (Lerping), so movement feels expensive and controlled.

When the user stops scrolling, apply a momentary Chromatic Aberration distortion effect that intensifies when the user scrolls fast.



content 
---------




Vertical Hydroponic Modules
Our vertical hydroponic modules are designed for fast assembly, ease of use, and versatility. Utilizing specialized light recipes and NFT hybrid irrigation modes, they are perfect for efficient vertical farming.

Easy to Use
Our automated water and fertilizer system integrates seamlessly with the water supply, providing intelligent control over irrigation.

Automated scheduling for water supply
Precise control of fertilizer concentration
Efficient water usage
Configurable Spacing
The automated system allows for flexible spacing configurations, ensuring optimal growth conditions.

Pumps for water and fertilizer delivery
Adjustable fertilizer absorption ratios
Adjustable Water Level
Our NFT system offers gravity-driven water circulation, adjustable between shallow and deep flow.

Automated tidal irrigation control
Scheduled and manual irrigation options
Energy-efficient LED lighting with automatic control