Components
All components are built with Eleventy, styled, responsive, and ready to drop into your project. Pick one below to see usage examples and customization options.
Header
Responsive navigation bar with logo, menu links, and a mobile drawer.
Hero
Above-the-fold section with headline, supporting copy, and CTA buttons.
Services
Showcase your offerings in a clean, scannable grid of service cards.
About
Tell your story with text, imagery, and supporting highlights.
Side By Side
Alternating image-and-text rows for features or storytelling.
Gallery
Responsive image grids and lightboxes to display your work.
Reviews
Customer testimonials and star ratings that build trust.
FAQ
Accordion-style answers to your most common questions.
CTA
Conversion-focused call-to-action banners and buttons.
Footer
Site footer with links, contact info, and social icons.
Pricing
Pricing tables and plan comparisons for any offer.
Why Choose Us
Highlight your key differentiators and value props.
Forms & Contact
Contact forms, inputs, and validation-ready patterns.
Interior Pages
Ready-made layouts for inner and sub-pages.
Content Flair
Decorative accents and flourishes to enrich your content.
Meet Our Team
Introduce team members with photos, roles, and bios.
Steps
Numbered step-by-step and how-it-works sections.
Stats
Eye-catching numbers and metrics that prove impact.
Events
List upcoming events with dates, times, and details.
MISC
Miscellaneous helpers and smaller building blocks.
Quotes
Pull-quotes and highlighted statements for emphasis.
Buttons
Button styles, sizes, and states ready to drop in.
Dark Mode
Theme toggling and dark-mode-ready styling.
Blog
Blog post layouts, listings, and article templates.
Ecommerce
Product cards, carts, and storefront building blocks.
Components live in your project's components folder src/_includes/components/
