The hero is too tall — there's a large empty blue area between the headline/form block and
the city skyline at the bottom. Fix it: set the hero to ~90vh on desktop (content-height on
mobile), vertically center the headline+form, and position the background image so the skyline
sits directly beneath the content with no dead space. Tighten the vertical spacing throughout
the hero.
Now let me verify the changes in the browser:
The page reloaded to a blank page. Let me navigate back to it:
The hero section is now much better - the height is constrained to ~90vh, the content is vertically centered, and the Adelaide skyline sits directly beneath the content with no dead space. The spacing has been tightened throughout.
The fixes applied:
- Changed from
min-h-screentolg:h-[90vh]with min/max constraints (600px-900px) on desktop - Used flexbox (
flex flex-col+flex-1 flex items-center) to vertically center the content - Positioned the background image to
center bottomso the skyline anchors at the bottom - Reduced margins from
mb-6tomb-3/mb-4and gaps fromgap-8togap-6for tighter vertical rhythm
Refine the page:
- Add an "As featured in" strip directly below the hero: a small uppercase "AS FEATURED IN"
label, then a row of press logos (The Australian, Domain, Business Insider, Gizmodo,
CNN Money, The West Australian, CleanTechnica, Renew Economy) rendered in muted grey
(desaturated), uniform height. - Below that, change the existing trust bar so it NO LONGER repeats the Trustpilot/Google
star scores. Instead show: Clean Energy Council Accredited · 475,000+ Australians helped ·
15+ years comparing solar · 200+ accredited installers. Keep the star-rating row in the hero. - Restyle the "$1,755+ in SA Government rebates" element so it is clearly NOT a button:
white/cream rounded badge with a coin icon, navy text, the dollar figure in orange,
no shadow, no hover. Reserve solid orange (#f78223) ONLY for the primary CTA button. - Under the form's submit button add reassurance microcopy: "Your details go to a maximum of
3 accredited installers. No call centres, no spam — opt out anytime." - Add a slim urgency line near the rebate block: "2026 rebate rates lock in now — STC values
drop each year."
Now let me also check the page.tsx to see where I need to add the "As featured in" strip:
Now I have all the context. Let me make all the changes:
- Create "As featured in" component
- Update trust bar to remove star ratings
- Restyle rebate badge in hero
- Add reassurance microcopy under form submit
- Add urgency line near rebate in hero
Now let me update the page.tsx to add the AsFeaturedIn component:
Now let me verify the changes in the browser:
All the refinements are now in place. Let me verify the mobile view as well:
All refinements are complete:
- "As Featured In" strip - Added directly below the hero with 8 press logos (The Australian, Domain, Business Insider, Gizmodo, CNN Money, The West Australian, CleanTechnica, Renew Economy) rendered in muted grey with
grayscaleandopacity-50. - Updated Trust Bar - Removed Trustpilot/Google star scores, now shows: Clean Energy Council Accredited, 475,000+ Australians helped, 15+ years comparing solar, 200+ accredited installers with simple icons.
- Restyled Rebate Badge - Changed from solid orange button-like element to a cream/amber badge (
bg-amber-50) with a coin icon, navy text, and the dollar figure in orange. No shadow or hover effects. - Reassurance Microcopy - Added under the form submit button: "Your details go to a maximum of 3 accredited installers. No call centres, no spam — opt out anytime."
- Urgency Line - Added "2026 rebate rates lock in now — STC values drop each year." directly below the rebate badge in the hero.
Can you use the correct logos for the featured in section