HERO COMPONENT
Hero sections with title, subtitle, actions, and images
Welcome to the Component Kitchen Sink
Every component available in this Astro theme, demonstrated with realistic content
Component Showcase
FEATURES COMPONENT
Feature grids with icons (2-column layout)
Features
Core features showcase
Standard features component with 2-column grid and icons
Visual Process Builder
Design workflows with drag-and-drop simplicity. No technical skills needed - if you can draw a flowchart, you can build a process.
Smart Task Automation
Automatically assign tasks based on roles, conditions, or previous steps. Set up once, run forever.
Real-time Tracking
See exactly where every process stands. No more asking for status updates - just look at the dashboard.
Conditional Logic
Branch workflows based on form responses, approvals, or any data point. Handle exceptions without manual intervention.
Approval Workflows
Route approvals to the right people automatically. Track who approved what and when - perfect for compliance.
Team Collaboration
Comment, mention teammates, attach files. Everything related to a process in one place.
FEATURES2 COMPONENT
Alternative features layout with different styling
More Features
Advanced capabilities
Features2 component with alternative styling and layout
Collect information with smart forms that adapt based on responses. Validation, file uploads, and conditional fields built-in.
Start with proven process templates or build your own. Share templates across your organization.
Set SLAs, send automatic reminders, escalate overdue tasks. Never miss a deadline again.
Connect with Slack, Microsoft Teams, Google Workspace, and hundreds of other tools via Zapier.
CONTENT COMPONENT
Content blocks with text and optional images
Impact
How workflow automation transforms teams
Real results from real companies
70% faster onboarding
New employees get up to speed in days, not weeks
85% fewer errors
Automated checklists ensure nothing gets missed
40% time savings
Teams spend less time on admin, more on strategic work
HOWITWORKS COMPONENT
Unified Document/Track/Improve process display (grid-centered variant)
How It Works
Three-step process to eliminate busywork
HOWITWORKS (LIST VARIANT)
Vertical list layout for blog posts and detailed explanations
Enterprise implementation
How Tallyfy transforms your operations
-
Discovery
Map your current processes and identify automation opportunities.
-
Configuration
Set up workflows, forms, and automations tailored to your needs.
-
Training
Onboard your team with guided training and documentation.
-
Launch
Go live with dedicated support and continuous improvement.
STATS COMPONENT
Statistics display with numbers and icons
Our Impact
Trusted by teams worldwide
Real metrics from real customers
TESTIMONIALS COMPONENT
Customer testimonials with photos and quotes
Testimonials
What our customers say
Real feedback from teams using our platform
"This platform transformed how we onboard new employees. What used to take 3 weeks now takes 5 days, and nothing falls through the cracks.
"
Sarah Johnson
Operations Director
"We automated our customer onboarding process and cut our time-to-value in half. Our customers are happier and our team is less stressed.
"
Michael Chen
VP of Customer Success
"Finally, a workflow tool that makes compliance easy. Audit trails, approval chains, and deadline tracking all in one place.
"
Emily Rodriguez
Compliance Manager
PRICING COMPONENT
Pricing tables with features and CTAs
Pricing
Simple, transparent pricing
Choose the option that fits your team
Starter
Perfect for small teams
Enterprise
For large organizations
FAQS COMPONENT
Frequently asked questions with accordion/collapse
FAQs
Frequently asked questions
Get answers to common questions about our platform
How long does implementation take?
Most teams are up and running in under a week. Our visual builder makes it easy to create your first workflow in minutes, not months.
Do I need technical skills?
No coding required. If you can use a spreadsheet, you can build workflows. Our drag-and-drop interface is designed for business users.
What integrations do you support?
We integrate with Slack, Microsoft Teams, Google Workspace, Salesforce, and hundreds more via Zapier. Custom integrations available for Enterprise.
Is my data secure?
Yes. We are SOC 2 Type II certified with enterprise-grade security. Your data is encrypted in transit and at rest. We maintain 99.9% uptime SLA.
Can I try before buying?
Absolutely. Start with a free 14-day trial - no credit card required. See if our platform works for your team before committing.
What kind of support do you offer?
Email support is always included. Professional and Enterprise get priority support with faster response times. Enterprise customers get dedicated account managers.
BRANDS COMPONENT
Brand logos or partner icons display
Our Customers
Trusted by leading companies
Join thousands of teams using our platform
BLOG POST SUMMARY
Summary section with heading, bulleted takeaways, and Tallyfy green bottom border - appears immediately after frontmatter in blog posts
Note the green bottom border below ↓
This is the Tallyfy brand color (#01803d) that visually separates the summary from main content.
Summary
- Client onboarding creates critical first impressions - 80% of future revenue comes from 20% of current customers (Gartner), making a strong start essential
- Compliance is built-in for regulated industries - Professional services, technology, and financial firms need client-facing workflows with audit trails
- Clear processes prevent customer frustration - Nobody wants a mess of phone calls, emails, and branch visits during onboarding
- Trackable workflows improve retention - Tallyfy provides transparent status sharing and information collection
- Need help automating workflows? Explore Tallyfy for your team.
Component Usage:
✅ For .astro or .mdx files (Recommended):
Import the component and pass data as props:
import BlogPostSummary from '~/components/blog/BlogPostSummary.astro';
<BlogPostSummary
heading="Summary"
takeaways=[object Object][object Object][object Object]
ctaText="Need help automating workflows?"
ctaLink="/booking/"
/>📝 For .md files (Current blog posts):
Use HTML wrapper with markdown bullets inside:
<div class="pb-6 mb-6 border-b-4 border-[#01803d]">
### Summary
- **Client onboarding creates critical first impressions** - 80% of future revenue comes from 20% of current customers (Gartner), making a strong start essential
- **Compliance is built-in for regulated industries** - Professional services, technology, and financial firms need client-facing workflows with audit trails
- **Trackable workflows improve retention** - Tallyfy provides transparent status sharing and information collection. [Schedule a call](/booking/).
</div>Key styling:
pb-6 mb-6- Padding and margin for spacingborder-b-4 border-[#01803d]- 4px green bottom border (Tallyfy brand)- Use markdown bullets inside the div (not HTML ul/li)
- Last bullet can include a CTA link
Live example: /definition-client-onboarding/
Component Props:
heading(optional, default: "Summary") - Section heading texttakeaways[](required) - Array of objects withtitleanddescriptionpropertiesctaText(optional) - Call-to-action text for last bulletctaLink(optional) - URL for CTA link
CALLTOACTION COMPONENT
Call-to-action sections with buttons
Ready to automate your workflows?
Join thousands of teams already using our platform
Component Kitchen Sink Complete
You have seen all available components with realistic content examples.
Layout Components
- • Hero
- • Content
- • CallToAction
Feature Components
- • Features (3 variants)
- • HowItWorks (grid/list)
- • Stats
- • FAQs
Social Proof & Content
- • Testimonials
- • Brands
- • Pricing
- • Blog Post Summary
Check src/types.d.ts for complete prop definitions • All components support dark mode • Icons from Tabler Icons