Update the Hero section with the following:
Use the provided aerial photo as a full-bleed background image.
Add a dark gradient overlay (to-bottom, rgba(13,51,32,0.4), #0d3320) so the text remains legible.
Move the 'Pilot Plan' text to the top right as a header. On the other side (top left) put the 0asis logo, ensuring that the 0 is accented and very clearly not an O.
Make the headline 'Building toward zero.' significantly larger.
Ensure the 'Explore the cycle' button has a subtle 'pulse' animation using Framer Motion to draw attention.
Keep the spaciousness, but ensure the content feels 'anchored' to the image background.
I can see the aerial image shows the 0ASIS thin-layer cascade cultivation facility with the distinctive neon-green outlined growing beds in the desert landscape. This is perfect for a dramatic full-bleed hero section.
Let me save the image and update the hero section:
Now let me read the current page to update the hero section:
Now I'll update the hero section with the aerial background image, gradient overlay, repositioned logo/pilot plan text, larger headline, and pulse animation on the button:
I've completely redesigned the hero section with the following updates:
Hero Section Enhancements:
rgba(13,51,32,0.4) to #0d3320) that ensures text legibility while preserving the dramatic imageryscale that gently draws attention without being distractingThe hero section now creates a powerful visual impact with the facility imagery front and center, complemented by clean typography and a subtle call-to-action.
Remove: "LEARN MORE
Visit our technical documentation and research papers." Add a contact us section with Adela Horn: ahorn@hcstonline.org and Lucinda Peng: lucindapeng21@gmail.com. Change the "Market Context" text to:
"Aligned with Puro.earth CORCs (~€130/tonne) and Frontier BiCRS pathways ($214–$690/tonne) for carbon offtake." Add this diagram image above technical specifications and below Hyderabad pilot plan. In the hero, link pilot plan to scroll to hyderabad pilot plan, and add more buttons in that top right like that. For example, there should be the loop farthest left of the list, then the pilot plan button, Then the technology which scrolls to where the new diagram will be, Then a mission button. The mission should be the farthest right, and the others are to the left of it in a row.
I'll start by saving the technical diagram image and then update the page with all the requested changes.
Now I'll make the requested changes. I'll:
I've made all the requested updates to your landing page:
Changes implemented:
The page now has complete navigation flow and showcases the technical process diagram prominently in its own dedicated section.