Component Showcase
Dev-only page listing every block type and key variants. Use the DevDrawer (Cmd+K) to toggle feature flags and see different states.
Hero - Split Layout
heroLayout: split | alignment: left | DevDrawer: hero-style, hero-alignment
Split Hero with Left Alignment
This is the split layout variant with the text on the left and hero image on the right. Toggle hero-style in DevDrawer for shader variants.
Hero - Stacked Layout
heroLayout: stacked | alignment: center
Stacked Hero with Center Alignment
Centered layout with stats bar below. Toggle dev-below-hero for stats/logos/testimonials.
Feature Cards - Grid
layout: grid | headingStyle: above
Grid Layout
Card One
First card in a simple responsive grid layout.
Card Two
Cards auto-flow into columns based on screen size.
Card Three
Works well for 2-4 equal-weight items.
Feature Cards - Pyramid
layout: pyramid | headingStyle: inline | 2 top + 3 bottom
Pyramid Layout
2 cards on top, 3 on bottom. Good for 5 features of equal weight.
Rapid Deployment
Go from concept to production in weeks.
Measurable Results
Track real ROI from day one.
Industry Expertise
Decades of experience.
Compliance First
Built-in governance and security.
No-Code Config
Empower your team.
Feature Cards - Steps
layout: steps | Numbered step-by-step process
How We Work
A step-by-step process flow with numbered cards.
Discovery & Assessment
Understand your challenges, workflows, and objectives.
Solution Design
Design tailored AI solutions that integrate seamlessly.
Rapid Implementation
Deliver working solutions in 6-8 weeks.
Continuous Optimization
Monitor, gather insights, and continuously optimize.
Feature Cards - Product Cards
layout: productCards | Large cards with colored title syntax {orange:Label}
Two Products
One Platform
Feature Cards - Showcase (Sticky)
layout: showcase | Sticky image panel, scrolling text. DevDrawer: showcase-layout, showcase-videos
Showcase Layout
The sticky variant pins the image panel while step text scrolls. Toggle showcase-videos in DevDrawer for video mode.
Step One
First step with sticky image panel. Bullet point one Bullet point two
Step Two
Second step scrolls into view. Image swaps as you scroll Great for multi-step workflows
Step Three
Third step continues. Works with 2-6 steps Labels auto-color from title prefix
Feature Cards - ShowcaseScroll
layout: showcaseScroll | Full-height sections that scroll-snap
Feature Cards - ShowcaseTabs
layout: showcaseTabs | Vertical tabs on left, media panel on right. Click tabs to switch.
How DAISY works
Click a step to see it in action
Feature Cards - Bento
layout: bento | Masonry-style layout with mixed sizes
Bento Layout
Large Feature
This card takes up more space in the bento grid.
Small Feature
Compact card.
Medium Feature
Medium-sized card in the grid.
Another Feature
Fills remaining space.
Feature Cards - Benefits / Stats
layout: benefits | Selectable stat cards with highlight ring
Benefits Layout
90,000 cases processed
DAISY has processed over 90,000 development application cases across multiple councils, learning and improving with each one. This scale means better accuracy, faster pattern recognition, and proven reliability for councils of any size.
Testimonial - Banner
style: banner | Single-line scrolling quote. bannerVariant: products or beforeAfter
Piloting with local government, targeting a 30% increase in building permit approvals. Book a 30-day ROI validation pilot.
Testimonial - Banner (Before/After)
style: banner | bannerVariant: beforeAfter
Blue Mountains City Council
was averaging 285 days per DA.
City Council
Blue Mountains
Testimonial - Card
style: card | Individual testimonial cards with photo and quote
Testimonial - Minimal
style: minimal | Clean, simple quote display
Partners - Marquee
style: marquee | Auto-scrolling logo strip
Trusted by leading organizations
Partners - Panels
style: panels | Logo cards with descriptions
Our Partners
Product Showcase - With Tabs
Tabbed product showcase with hero image and feature panels. DevDrawer: showcase-theme
Product Showcase with Tabs
Switch between product tabs to see different features and screenshots.
Feature 1
Description of feature one.
Feature 2
Description of feature two.
Product Comparison
Comparison table with {+positive+} and {-negative-} highlight syntax
Before vs After comparison
FAQ
Accordion-style FAQ section
Frequently Asked Questions
What is this component?
An accordion FAQ block that expands/collapses on click.
How many items can it hold?
As many as you need. Typically 5-12 questions work best.
Can it use rich text?
Yes, answers support full Lexical rich text including links, bold, lists.
ROI Calculator
Interactive calculator with sliders. Supports DAISY and Enterprise modes.
Calculate Your ROI
Drag the sliders to see projected savings.
Your Current Situation
Your Projected Results
Adjust the inputs on the left and click "Calculate ROI" to see your results.
* Results are estimates based on industry averages and your inputs. Actual results may vary.
CTA - Light
Call-to-action block on white/neutral background
CTA - Dark with Calendly
Dark CTA with embedded Calendly widget
See it in action
Dark background CTA with embedded Calendly scheduling.
Content Block
Rich text content block. Supports headings, paragraphs, lists, links, and more via Lexical editor.
This is a second paragraph to show text flow. Use this block for long-form content, terms, legal text, or editorial sections.
Calendly Embed
Standalone Calendly scheduling widget
Book a consultation
Choose a time that works for you.