Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
136 changes: 84 additions & 52 deletions src/utils/details.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,36 +2,44 @@ import type { DetailsConfig } from '../components/details';

export const vpeDetails: DetailsConfig = {
hero: {
title: 'Home Assistant Voice PE',
subtitle: 'Local Voice Control for Your Smart Home',
title: 'Home Assistant Voice Preview Edition',
subtitle: 'Local voice control for your smart home',
description:
'Experience the future of voice control with complete local processing. The Voice Preview Edition brings fast, private voice commands to your smart home without sending data to the cloud.',
},
actions: [
{
variant: 'primary',
title: 'Install Firmware',
title: 'Install firmware',
description:
'Flash the latest Voice PE firmware directly to your device using our web installer',
href: 'https://esphome.github.io/home-assistant-voice-pe/',
label: 'Install Firmware',
label: 'Install firmware',
icon: '/svgs/install.svg',
},
{
title: 'Voice Control Setup',
title: 'Voice control documentation',
description:
'Complete guide to setting up voice control, wake words, and commands',
href: 'https://www.home-assistant.io/voice_control/',
label: 'Setup Guide',
label: 'Setup guide',
variant: 'secondary',
},
{
title: 'Source code',
description:
'View the open-source Voice PE firmware code and contribute to development',
href: 'https://github.com/esphome/home-assistant-voice-pe',
label: 'GitHub repository',
variant: 'secondary',
icon: '/svgs/doc.svg',
},
{
title: 'Product Info',
title: 'Product info',
description:
'Learn about Voice PE features, hardware specifications, and compatibility',
'Learn about Voice PE features, hardware specifications, and where to buy',
href: 'https://www.home-assistant.io/voice-pe/',
label: 'Product Details',
label: 'Product details',
variant: 'secondary',
icon: '/svgs/product.svg',
},
Expand All @@ -50,7 +58,7 @@ export const vpeDetails: DetailsConfig = {
export const zwa2Details: DetailsConfig = {
hero: {
title: 'Home Assistant Connect ZWA-2',
subtitle: '800 Series Z-Wave Long Range Stick',
subtitle: '800 series Z-Wave Long Range adapter',
description:
'The ultimate way to connect Z-Wave devices to Home Assistant.',
secondaryDescription:
Expand All @@ -59,28 +67,36 @@ export const zwa2Details: DetailsConfig = {
actions: [
{
variant: 'primary',
title: 'Install/Update Firmware',
title: 'Install/update firmware',
description:
'Flash the latest firmware directly to your ZWA-2 stick using our web-based toolbox',
'Flash the latest firmware directly to your Connect ZWA-2 using our web-based toolbox',
href: 'https://home-assistant.github.io/zwa2-toolbox/',
label: 'Open Toolbox',
label: 'Open toolbox',
icon: '/svgs/install.svg',
},
{
title: 'Documentation',
description:
'Complete setup guides, troubleshooting, and technical documentation',
'User documentation, troubleshooting, and resources',
href: 'https://support.nabucasa.com/hc/en-us/categories/28669861145885',
label: 'Get Support',
label: 'Get support',
variant: 'secondary',
},
{
title: 'Source code',
description:
'View the open-source toolbox code, contribute, or report issues',
href: 'https://github.com/home-assistant/zwa2-toolbox',
label: 'GitHub repository',
variant: 'secondary',
icon: '/svgs/doc.svg',
},
{
title: 'Product Info',
title: 'Product info',
description:
'Learn more about the ZWA-2 specifications, compatibility, and features',
'Learn more about the Connect ZWA-2 features, specifications, and where to buy',
href: 'https://www.home-assistant.io/connect/zwa-2/',
label: 'Product Page',
label: 'Product page',
variant: 'secondary',
icon: '/svgs/product.svg',
},
Expand All @@ -98,35 +114,43 @@ export const zwa2Details: DetailsConfig = {
export const zbt1Details: DetailsConfig = {
hero: {
title: 'Home Assistant Connect ZBT-1',
subtitle: 'Zigbee 3.0 USB Coordinator',
subtitle: 'Zigbee 3.0 USB adapter',
description:
'The Home Assistant Connect ZBT-1 (formerly SkyConnect) is a powerful Zigbee 3.0 USB coordinator that connects your Zigbee devices to Home Assistant. Easy setup, reliable performance, and seamless integration.',
'The Home Assistant Connect ZBT-1 (formerly SkyConnect) is a powerful Zigbee 3.0 USB adapter that connects your Zigbee devices to Home Assistant. Easy setup, reliable performance, and seamless integration.',
},
actions: [
{
variant: 'primary',
title: 'Firmware Update',
title: 'Firmware update',
description:
'Update your ZBT-1 coordinator firmware to the latest version directly from your browser',
'Update your Connect ZBT-1 firmware to the latest version directly from your browser',
href: 'https://home-assistant-skyconnect.netlify.app/firmware-update/',
label: 'Update Firmware',
label: 'Update firmware',
icon: '/svgs/install.svg',
},
{
title: 'Getting Started',
title: 'Getting started',
description:
'Step-by-step guide to set up your ZBT-1 and connect Zigbee devices',
'Step-by-step guide to set up your Connect ZBT-1 and connect Zigbee devices',
href: 'https://home-assistant-skyconnect.netlify.app/',
label: 'Setup Guide',
label: 'Setup guide',
variant: 'secondary',
},
{
title: 'Documentation',
description:
'User documentation, troubleshooting, and resources',
href: 'https://home-assistant-skyconnect.netlify.app/documentation/',
label: 'View docs',
variant: 'secondary',
icon: '/svgs/start.svg',
},
{
title: 'Product Info',
title: 'Product info',
description:
'Learn more about ZBT-1 specifications, compatibility, and features',
'Learn more about Connect ZBT-1 product features, specifications, and where to buy',
href: 'https://www.home-assistant.io/connectzbt1',
label: 'Product Page',
label: 'Product page',
variant: 'secondary',
icon: '/svgs/product.svg',
},
Expand All @@ -145,18 +169,18 @@ export const zbt1Details: DetailsConfig = {
export const esphomeWebDetails: DetailsConfig = {
hero: {
title: 'ESPHome Web',
subtitle: 'Install & Manage ESPHome Firmware',
subtitle: 'Install and manage ESPHome firmware',
description:
'Flash ESPHome firmware directly from your browser to ESP32, ESP8266, and Raspberry Pi Pico devices. No installation required - just connect your device and get started with smart home automation.',
'Flash ESPHome firmware directly from your browser to ESP32, ESP8266, and Raspberry Pi Pico devices. No installation required. Just connect your device and get started with smart home automation.',
},
actions: [
{
variant: 'primary',
title: 'Prepare Device',
title: 'Prepare device',
description:
'Connect and prepare your ESP32, ESP8266 device for ESPHome installation',
href: 'https://web.esphome.io/',
label: 'Connect Device',
label: 'Connect device',
icon: '/svgs/install.svg',
},
{
Expand All @@ -166,14 +190,22 @@ export const esphomeWebDetails: DetailsConfig = {
href: 'https://web.esphome.io/?pico',
label: 'Flash Pico',
variant: 'secondary',
},
{
title: 'View logs',
description:
'Monitor device logs in real-time to debug and verify your ESPHome installation',
href: 'https://web.esphome.io/',
label: 'Open logs',
variant: 'secondary',
icon: '/svgs/raspberry.svg',
},
{
title: 'ESPHome Documentation',
title: 'ESPHome documentation',
description:
'Complete guide to ESPHome components, configuration, and advanced features',
href: 'https://esphome.io/',
label: 'Learn More',
label: 'Learn more',
variant: 'secondary',
icon: '/svgs/doc.svg',
},
Expand All @@ -182,27 +214,27 @@ export const esphomeWebDetails: DetailsConfig = {

export const mediaPlayerDetails: DetailsConfig = {
hero: {
title: 'ESPHome Media Players',
title: 'ESPHome media players',
subtitle: 'Smart, connected audio powered by ESPHome',
description:
'Create an internet-connected media player that integrates with Home Assistant. Install ready-made firmware and explore supported devices.',
},
actions: [
{
variant: 'primary',
title: 'Install (Ready‑Made Projects)',
title: 'Install (ready‑made projects)',
description:
'Use the browser installer to flash a supported media player device',
href: 'https://esphome.io/projects/index.html?type=media',
label: 'Open Installer',
label: 'Open installer',
icon: '/svgs/install.svg',
},
{
title: 'Source code',
description:
'View known, tested devices and configurations for ESPHome media players',
href: 'https://github.com/esphome/media-players',
label: 'Open Repository',
label: 'Open repository',
variant: 'secondary',
icon: '/svgs/github.svg',
},
Expand All @@ -211,27 +243,27 @@ export const mediaPlayerDetails: DetailsConfig = {

export const bluetoothProxyDetails: DetailsConfig = {
hero: {
title: 'ESPHome Bluetooth Proxy',
title: 'ESPHome Bluetooth proxy',
subtitle: 'Extend Bluetooth reach for Home Assistant',
description:
'Turn ESP32 devices into Bluetooth proxies that forward BLE traffic to Home Assistant, improving coverage and reliability.',
},
actions: [
{
variant: 'primary',
title: 'Install (Ready‑Made Projects)',
title: 'Install (ready‑made projects)',
description:
'Use the browser installer to flash a supported Bluetooth proxy device',
href: 'https://esphome.io/projects/index.html?type=bluetooth',
label: 'Open Installer',
label: 'Open installer',
icon: '/svgs/install.svg',
},
{
title: 'Source code',
description:
'View known, tested devices and configurations for Bluetooth proxies',
href: 'https://github.com/esphome/bluetooth-proxies',
label: 'Open Repository',
label: 'Open repository',
variant: 'secondary',
icon: '/svgs/github.svg',
},
Expand All @@ -240,26 +272,26 @@ export const bluetoothProxyDetails: DetailsConfig = {

export const emptyESPHomeDetails: DetailsConfig = {
hero: {
title: 'Empty ESPHome Device',
title: 'Empty ESPHome device',
subtitle: 'Start from a clean slate',
description:
'Install a minimal ESPHome firmware with no special features built-in. Perfect starting point to build your own device.',
},
actions: [
{
variant: 'primary',
title: 'Install (Ready‑Made Projects)',
title: 'Install (ready‑made projects)',
description: 'Use the browser installer to flash an empty ESPHome device',
href: 'https://esphome.io/projects/index.html?type=empty',
label: 'Open Installer',
label: 'Open installer',
icon: '/svgs/install.svg',
},
{
title: 'ESPHome Docs',
title: 'ESPHome docs',
description:
'Explore components and configuration options to build your device',
href: 'https://esphome.io/',
label: 'Open Documentation',
label: 'Open documentation',
variant: 'secondary',
icon: '/svgs/github.svg',
},
Expand All @@ -279,22 +311,22 @@ export const improvDetails: DetailsConfig = {
title: 'Improv Wi‑Fi',
description: 'Learn about the Improv protocol and supported transports',
href: 'https://www.improv-wifi.com/',
label: 'Open Website',
label: 'Open website',
icon: '/svgs/wifi.svg',
},
{
title: 'BLE Provisioning',
title: 'BLE provisioning',
description: 'Provision devices to Wi‑Fi over Bluetooth Low Energy',
href: 'https://www.improv-wifi.com/ble/',
label: 'Open BLE',
variant: 'secondary',
icon: '/svgs/ble.svg',
},
{
title: 'Serial Provisioning',
title: 'Serial provisioning',
description: 'Provision devices to Wi‑Fi over Serial / Web Serial',
href: 'https://www.improv-wifi.com/serial/',
label: 'Open Serial',
label: 'Open serial',
variant: 'secondary',
icon: '/svgs/serial.svg',
},
Expand Down
8 changes: 4 additions & 4 deletions src/utils/tools.ts
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ export const tools: ToolDefinition[] = [
},
{
title: 'Home Assistant Connect ZBT-1',
description: 'Update firmware for your Connect ZBT-1 coordinator',
description: 'Update firmware for your Connect ZBT-1 adapter',
image: '/images/zbt1.jpg',
url: '/zbt1',
},
Expand All @@ -35,7 +35,7 @@ export const tools: ToolDefinition[] = [
url: '/esphome',
},
{
title: 'Bluetooth Proxy',
title: 'Bluetooth proxy',
description:
'Create a device to allow Home Assistant to control Bluetooth devices.',
image: '/images/bluetooth-proxy.png',
Expand All @@ -48,7 +48,7 @@ export const tools: ToolDefinition[] = [
url: '/empty-esphome',
},
{
title: 'Media Player',
title: 'Media player',
description: 'Create an internet connected smart media player.',
image: '/images/media-player.png',
url: '/media-player',
Expand All @@ -60,7 +60,7 @@ export const tools: ToolDefinition[] = [
url: '/improv',
},
{
title: 'WLED Installer',
title: 'WLED installer',
description: 'Install WLED firmware on ESP32/ESP8266 for LED control',
image: '/images/wled.png',
url: 'https://install.wled.me/',
Expand Down