Eko Blog Home Page Copy
Purpose: Section-by-section copy for the eko.day/blog landing page. Defines the content for the blog index — the first page visitors see when navigating to the blog. The blog currently shows a "coming soon" state; this copy defines the full experience for when blog posts are live.
Source: Features Document
Section 1: Hero
Component:
BlogHero— page header with heading, subheading, and optional search bar
Heading
The Eko Blog
Subheading
Insights, updates, and stories about monitoring the web that matters to you.
Search Bar (placeholder)
Search posts...
Design note: The search bar is a future enhancement. Initial launch may omit it and rely on category filtering instead.
Section 2: Featured Post
Component:
FeaturedPostCard— large hero card for the pinned/featured blog post. Full-width with hero image, overlaid category badge, and prominent title.
Layout
| Element | Description |
|---|---|
| Hero image | Full-width cover image from the blog generator's hero image field |
| Category badge | Pill badge — Product, Engineering, or Stories |
| Title | Post title, large heading |
| Excerpt | 1-2 sentence excerpt from the post's meta description |
| Meta line | Author name · Publication date · Reading time (e.g., "5 min read") |
| CTA | Read more → /blog/:slug |
Design note: The featured post is editable by admins. When no post is explicitly pinned, the most recent published post is featured.
Section 3: Recent Posts Grid
Component:
PostCardGrid— 3-column responsive card grid of recent blog posts (excludes the featured post)
Post Card Structure
Each card includes:
| Element | Description |
|---|---|
| Thumbnail | Post hero image, cropped to card dimensions |
| Category badge | Small pill badge — Product, Engineering, or Stories |
| Title | Post title, truncated to 2 lines |
| Excerpt | 1-2 sentence excerpt, truncated to 3 lines |
| Meta line | Author name · Publication date · Reading time |
Empty State
Design note: When fewer than 3 posts exist, show available posts without placeholder cards. If no posts exist beyond the featured post, this section is hidden.
Section 4: Category Filter Bar
Component:
CategoryFilterBar— horizontal row of filter chips for browsing by category
Filter Chips
| Label | Behavior |
|---|---|
| All | Show all posts (default, active state) |
| Product | Filter to product updates, feature launches, how-tos |
| Engineering | Filter to technical deep-dives, architecture, performance |
| Stories | Filter to customer use cases, workflows, real-world wins |
Design note: Filtering is client-side for the initial set of posts. The active chip has a distinct visual state (filled vs. outlined). Selecting a category scrolls to the posts grid and filters in place.
Section 5: Newsletter CTA
Component:
NewsletterSignup— email capture or account creation CTA section
Eyebrow
Stay in the loop
Heading
Get new posts delivered to your inbox
Body
We publish insights on web monitoring, product updates, and the stories behind how people use Eko. No spam — just the posts that matter.
Primary CTA
Create an account → /signup
Design note: For unauthenticated users, the CTA leads to account creation (which includes email subscription). For authenticated users, this section can show a "You're subscribed" confirmation or be hidden entirely.
Section 6: Final CTA
Component:
BlogFooterCTA— closing call to action redirecting to the product
Heading
Can't wait? Start tracking today
Body
Add your first page in 30 seconds. Free forever for up to 10 pages.
Primary CTA
Get started free → /signup