Skip to content

Sync dev to main: ESPHome Starter Kit buy buttons #953

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bharvey88 merged 2 commits into from
Jun 18, 2026
Merged

Sync dev to main: ESPHome Starter Kit buy buttons #953

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
deb0634
Add ESPHome Starter Kit buy buttons (#952)
bharvey88 Jun 18, 2026
56e45b5
Merge branch 'main' into dev
bharvey88 Jun 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 15 additions & 12 deletions docs/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,21 +42,24 @@ description: >-
}
</style>

<a href="https://wiki.apolloautomation.com/products/ESPHome-Starter-Kit/start-here/" style="display: block; text-decoration: none; color: inherit; margin: 1.5em 0;">
<div class="apollo-esk-card" style="background: #4379AA; border-radius: 12px; padding: 24px 28px; position: relative; overflow: hidden; min-height: 260px;">
<div class="apollo-esk-text" style="max-width: calc(100% - 320px);">
<div style="color: #9ABD32; font-size: 13px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase;">
Spotlight
</div>
<h2 style="color: white; font-size: 28px; font-weight: 600; margin: 8px 0 6px;">ESPHome Starter Kit</h2>
<p style="color: #D4E8F8; font-size: 15px; margin: 0 0 16px; line-height: 1.5;">Build your first smart sensor from scratch.</p>
<span style="display: inline-flex; align-items: center; gap: 8px; background: #9ABD32; color: #1F425F; padding: 11px 22px; border-radius: 8px; font-weight: 600; font-size: 15px;">
<div class="apollo-esk-card" style="background: #4379AA; border-radius: 12px; padding: 24px 28px; position: relative; overflow: hidden; min-height: 260px; margin: 1.5em 0;">
<div class="apollo-esk-text" style="max-width: calc(100% - 320px);">
<div style="color: #9ABD32; font-size: 13px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase;">
Spotlight
</div>
<h2 style="color: white; font-size: 28px; font-weight: 600; margin: 8px 0 6px;">ESPHome Starter Kit</h2>
<p style="color: #D4E8F8; font-size: 15px; margin: 0 0 16px; line-height: 1.5;">Build your first smart sensor from scratch.</p>
<div style="display: flex; flex-wrap: wrap; gap: 28px;">
<a href="https://wiki.apolloautomation.com/products/ESPHome-Starter-Kit/start-here/" style="display: inline-flex; align-items: center; gap: 8px; background: #9ABD32; color: #1F425F; padding: 11px 22px; border-radius: 8px; font-weight: 600; font-size: 15px; text-decoration: none;">
View the setup guide →
</span>
</a>
<a href="https://apolloautomation.com/products/esk-1-esphome-starter-kit" style="display: inline-flex; align-items: center; gap: 8px; background: white; color: #1F425F; padding: 11px 22px; border-radius: 8px; font-weight: 600; font-size: 15px; text-decoration: none;">
Buy now →
</a>
</div>
<img class="apollo-esk-img" src="assets/esphome-starter-kit-at-sotoh-2026.jpg" alt="ESPHome Starter Kit" />
</div>
</a>
<img class="apollo-esk-img" src="assets/esphome-starter-kit-at-sotoh-2026.jpg" alt="ESPHome Starter Kit" />
</div>

&nbsp;

Expand Down
2 changes: 2 additions & 0 deletions docs/products/ESPHome-Starter-Kit/setup/first-steps.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,8 @@ This guide walks you through installing the ESPHome Device Builder app, and maki

By the end you'll have your ESPHome Starter Kit flashed with a working configuration, showing up in Home Assistant, and reachable in a browser at its IP address or http://esphome-starter-kit.local via its built-in web server.

[:material-cart: Buy the ESPHome Starter Kit](https://apolloautomation.com/products/esk-1-esphome-starter-kit){ .md-button .md-button--primary }

!!! tip "Click the (+) for extra context"

<div markdown class="annotate">
Expand Down
2 changes: 2 additions & 0 deletions docs/products/ESPHome-Starter-Kit/start-here.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@ description: Landing page of the ESPHome Starter Kit QR Code.

Welcome to the start of your ESPHome journey with the all-new **ESPHome Starter Kit**!

[:material-cart: Buy the ESPHome Starter Kit](https://apolloautomation.com/products/esk-1-esphome-starter-kit){ .md-button .md-button--primary }

![](../../assets/esphome-starter-kit-exploded-with-box-1.png)

By the end of this wiki you'll know how to:
Expand Down