Hero Components
Full-width hero sections for landing pages and marketing sites
Hero1
Full-width hero section with announcement pill, headline, subtitle, and dual CTA buttons. Features dark gradient background and responsive layout.
src/components/sections/Hero1.astro Data to enrich your online business
Anim qute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.
Hero2
Full-width hero section with background image overlay, announcement pill, headline, subtitle, and dual CTA buttons. Same structure as Hero1 but with background image.
src/components/sections/Hero2.astro 
Data to enrich your online business
Anim qute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.
Hero3
Centered hero section with headline, subtitle, CTA buttons, and a large dashboard screenshot below. Features double border effect on the image with rounded corners.
src/components/sections/Hero3.astro Data to enrich your online business
Anim qute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.
Hero4
Split hero section with announcement pill, angled image panel, and dual CTA buttons. Includes a mobile image fallback.
src/components/sections/Hero4.astro Data to enrich your business
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
Hero5
Split hero with brand mark, announcement pill, left-aligned content, and a full-height image panel on the right. Includes dual CTA buttons and mobile image fallback.
src/components/sections/Hero5.astro Data to enrich your business
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.
Hero6
Two-column hero with bold headline, CTA buttons, and a floating collage of rounded photos over a subtle grid background.
src/components/sections/Hero6.astro We’re changing the way people connect
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua. Anim aute id magna aliqua ad ad non deserunt sunt.
