FlowLinesHero — the signature dark band

Every channel.
One AI.
Your desks.

Draw-in flow lines, traveling pulses, a breathing glow and parallax auroras — full motion for every visitor.

A

Aroma Coffee

Online — replies instantly

Boleh saya tempah meja untuk 4 orang malam ini?

Boleh! Pukul 8 malam ada meja tepi tingkap. Nak saya sahkan?

Ya, sahkan. Terima kasih!

Two-tier claims

Availability pills and official marks

One shared datum drives every pill; LIVE lists first, the Website channel first of all. Vendor marks come from the Console's official set — never hand-drawn; the Website globe is our own first-party glyph.

Coming soonOn the roadmap

Website

Telegram

WhatsApp

Messenger

Instagram

TikTok

On the roadmap

Zanroo Desk

CRMeja

Zendesk

Coming soon

Freshchat

Coming soon

LiveChat

Coming soon

Intercom

Coming soon

HubSpot

Coming soon

Pipedrive

Coming soon

WordPress

WooCommerce

Shopify

Google Sheets

Booking inputs

Code input and the phone group

The Book-a-Demo primitives: a six-cell one-time-code input (paste splits, auto-advance, auto-submit) and the dial-code phone group whose country choice drives the prefill.

CodeInput — six cells, numeric keypad on mobile

Phone group — dial-code select + national number

We'll call +60123456789

Brand surfaces

The six section recipes

Every band on the site is one of these — BRAND.md §3.5. This section itself is T2.

T1 Light canvas

Default section

T2 Tint panel

Callouts, feature panels

T3 Dark punctuation

Hero, emphasis, footer

T4 Action band

CTA strips, sparingly

T5 Warm highlight

≤ 1 per page

T6 Gradient

Blue 500→700 only

Signature organism

Hub and spoke

Channels in, one AI in the middle, your desks and CRM out — marching-dash connectors, brand-colored pulses on the live routes.

WebsiteTelegramWhatsAppMessengerInstagramTikTok
Zanroo DeskCRMejaZendeskFreshchatLiveChatIntercomHubSpotPipedrive

Coming soon: Zendesk, Freshchat, LiveChat, Intercom, HubSpot, and Pipedrive. On the roadmap: TikTok.

Features hub

ConsoleTour — the dashboard, coded

Five Console scenes under a tab rail, each filling over its dwell, with CyclePauseButton (dark tone). ConsoleSceneFrame renders one scene for a feature-page hero.

console.gydr.ai/knowledge
KnowledgeTeach it once. Upload documents, connect your store, add FAQs and outlets — every channel answers from the same knowledge, and you can test it before it goes live.

Platform pages

Product demos in a browser frame

WordPressConnectDemo cycles four scenes under a step rail with a pause button; StoreChatDemo plays one shopping exchange once. Both sit in BrowserFrame.

seriyoga.example/wp-admin/plugins.php
bloomandtwig.example

OfferPanel — a secondary offer as an object

Tinted ground, a white icon tile, a real outline button. Used under the pricing table and for the platform cross-links.

The answer stays in the DOM while collapsed, so the prerendered page carries every answer its FAQPage JSON-LD serializes.

Channel marquee

WebsiteTelegramWhatsAppMessengerInstagramTikTokZanroo DeskCRMejaZendeskFreshchatLiveChatIntercomHubSpotPipedriveWordPressWooCommerceShopifyGoogle Sheets

We use cookies to run and improve Gydr.

Read our Cookie Policy