1003 lines
34 KiB
HTML
1003 lines
34 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-hy-app-code="lalu">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, viewport-fit=cover"
|
|
/>
|
|
<title data-i18n="lalu_site.pageTitle">Lalu Voice Party</title>
|
|
<meta
|
|
name="description"
|
|
content="Lalu Voice Party official website for voice rooms, social parties, and support contacts."
|
|
/>
|
|
<link rel="stylesheet" href="../common/theme.css" />
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
min-width: 320px;
|
|
margin: 0;
|
|
background: var(--hy-theme-bg);
|
|
color: var(--hy-theme-text);
|
|
font-family:
|
|
Inter,
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
'Segoe UI',
|
|
Arial,
|
|
sans-serif;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
body,
|
|
button,
|
|
a {
|
|
font: inherit;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
button {
|
|
border: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.site-shell {
|
|
min-height: 100vh;
|
|
overflow-x: hidden;
|
|
background:
|
|
linear-gradient(
|
|
180deg,
|
|
rgba(255, 255, 255, 0.9) 0%,
|
|
rgba(255, 255, 255, 0) 420px
|
|
),
|
|
var(--hy-theme-bg);
|
|
}
|
|
|
|
.site-header {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 20;
|
|
border-bottom: 1px solid rgba(240, 232, 251, 0.86);
|
|
background: rgba(251, 248, 255, 0.88);
|
|
backdrop-filter: blur(18px);
|
|
}
|
|
|
|
.header-inner {
|
|
display: flex;
|
|
width: min(1120px, calc(100% - 40px));
|
|
min-height: 68px;
|
|
margin: 0 auto;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 18px;
|
|
}
|
|
|
|
.brand {
|
|
display: inline-flex;
|
|
min-width: 0;
|
|
align-items: center;
|
|
gap: 10px;
|
|
font-weight: 800;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.brand img {
|
|
width: 38px;
|
|
height: 38px;
|
|
border-radius: var(--hy-theme-radius-icon);
|
|
box-shadow: var(--hy-theme-role-shadow);
|
|
}
|
|
|
|
.brand span {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.nav-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: 10px;
|
|
}
|
|
|
|
.nav-links {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
}
|
|
|
|
.nav-link,
|
|
.language-button {
|
|
display: inline-flex;
|
|
min-height: 36px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: var(--hy-theme-radius-pill);
|
|
color: var(--hy-theme-muted);
|
|
font-size: 13px;
|
|
font-weight: 750;
|
|
letter-spacing: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.nav-link {
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.nav-link:hover,
|
|
.language-button:hover {
|
|
background: var(--hy-theme-primary-soft);
|
|
color: var(--hy-theme-primary-deep);
|
|
}
|
|
|
|
.language-switcher {
|
|
position: relative;
|
|
}
|
|
|
|
.language-button {
|
|
min-width: 58px;
|
|
border: 1px solid var(--hy-theme-line);
|
|
background: var(--hy-theme-surface);
|
|
}
|
|
|
|
.language-menu {
|
|
position: absolute;
|
|
inset-block-start: calc(100% + 8px);
|
|
inset-inline-end: 0;
|
|
min-width: 142px;
|
|
padding: 6px;
|
|
border: 1px solid var(--hy-theme-line);
|
|
border-radius: 8px;
|
|
background: var(--hy-theme-surface);
|
|
box-shadow: var(--hy-theme-shadow);
|
|
}
|
|
|
|
.language-menu[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.language-menu button {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 34px;
|
|
padding: 0 10px;
|
|
border-radius: 6px;
|
|
background: transparent;
|
|
color: var(--hy-theme-text);
|
|
font-size: 13px;
|
|
font-weight: 720;
|
|
text-align: start;
|
|
}
|
|
|
|
.language-menu button.is-active,
|
|
.language-menu button:hover {
|
|
background: var(--hy-theme-primary-soft);
|
|
color: var(--hy-theme-primary-deep);
|
|
}
|
|
|
|
.primary-link,
|
|
.secondary-link {
|
|
display: inline-flex;
|
|
min-height: 46px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: var(--hy-theme-radius-pill);
|
|
font-size: 15px;
|
|
font-weight: 820;
|
|
letter-spacing: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.primary-link {
|
|
padding: 0 22px;
|
|
background: var(--hy-theme-button);
|
|
color: #fff;
|
|
box-shadow: var(--hy-theme-button-shadow);
|
|
}
|
|
|
|
.secondary-link {
|
|
padding: 0 20px;
|
|
border: 1px solid var(--hy-theme-line);
|
|
background: rgba(255, 255, 255, 0.72);
|
|
color: var(--hy-theme-primary-deep);
|
|
}
|
|
|
|
.hero {
|
|
position: relative;
|
|
min-height: 78svh;
|
|
isolation: isolate;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hero::before {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: -2;
|
|
background:
|
|
linear-gradient(
|
|
90deg,
|
|
rgba(251, 248, 255, 0.98) 0%,
|
|
rgba(251, 248, 255, 0.9) 45%,
|
|
rgba(251, 248, 255, 0.76) 100%
|
|
),
|
|
var(--hy-theme-hero);
|
|
}
|
|
|
|
.hero-bg-mark {
|
|
position: absolute;
|
|
z-index: -1;
|
|
inset-block-start: 8%;
|
|
inset-inline-end: max(-70px, -4vw);
|
|
width: min(46vw, 520px);
|
|
min-width: 290px;
|
|
opacity: 0.18;
|
|
filter: saturate(0.96);
|
|
transform: rotate(-8deg);
|
|
}
|
|
|
|
.hero-inner,
|
|
.section-inner {
|
|
width: min(1120px, calc(100% - 40px));
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.hero-inner {
|
|
display: flex;
|
|
min-height: 78svh;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
gap: 34px;
|
|
padding: 56px 0 48px;
|
|
}
|
|
|
|
.hero-copy {
|
|
max-width: 650px;
|
|
}
|
|
|
|
.eyebrow {
|
|
display: inline-flex;
|
|
min-height: 30px;
|
|
align-items: center;
|
|
border-radius: var(--hy-theme-radius-pill);
|
|
color: var(--hy-theme-primary-deep);
|
|
font-size: 13px;
|
|
font-weight: 850;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
p {
|
|
margin: 0;
|
|
}
|
|
|
|
h1 {
|
|
max-width: 720px;
|
|
margin-top: 16px;
|
|
color: var(--hy-theme-text);
|
|
font-size: 60px;
|
|
font-weight: 900;
|
|
line-height: 1.02;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.hero-lead {
|
|
max-width: 590px;
|
|
margin-top: 22px;
|
|
color: var(--hy-theme-muted);
|
|
font-size: 18px;
|
|
font-weight: 520;
|
|
line-height: 1.72;
|
|
}
|
|
|
|
.hero-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 12px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.availability {
|
|
margin-top: 14px;
|
|
color: var(--hy-theme-muted);
|
|
font-size: 13px;
|
|
font-weight: 680;
|
|
}
|
|
|
|
.hero-proof {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
max-width: 760px;
|
|
gap: 10px;
|
|
}
|
|
|
|
.proof-item {
|
|
min-height: 86px;
|
|
padding: 16px;
|
|
border: 1px solid var(--hy-theme-line);
|
|
border-radius: 8px;
|
|
background: rgba(255, 255, 255, 0.68);
|
|
box-shadow: var(--hy-theme-shadow);
|
|
}
|
|
|
|
.proof-item strong {
|
|
display: block;
|
|
color: var(--hy-theme-text);
|
|
font-size: 18px;
|
|
font-weight: 900;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.proof-item span {
|
|
display: block;
|
|
margin-top: 6px;
|
|
color: var(--hy-theme-muted);
|
|
font-size: 13px;
|
|
font-weight: 680;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.section {
|
|
padding: 64px 0;
|
|
}
|
|
|
|
.section-heading {
|
|
display: flex;
|
|
max-width: 760px;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
|
|
.section-heading h2 {
|
|
color: var(--hy-theme-text);
|
|
font-size: 36px;
|
|
font-weight: 900;
|
|
line-height: 1.12;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.section-heading p {
|
|
color: var(--hy-theme-muted);
|
|
font-size: 16px;
|
|
font-weight: 520;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.feature-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
gap: 14px;
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.feature-card {
|
|
min-height: 210px;
|
|
padding: 22px;
|
|
border: 1px solid var(--hy-theme-line);
|
|
border-radius: 8px;
|
|
background: var(--hy-theme-surface);
|
|
box-shadow: var(--hy-theme-shadow);
|
|
}
|
|
|
|
.feature-icon {
|
|
display: grid;
|
|
width: 42px;
|
|
height: 42px;
|
|
margin-bottom: 18px;
|
|
place-items: center;
|
|
border-radius: 8px;
|
|
background: var(--hy-theme-primary-soft);
|
|
color: var(--hy-theme-primary-deep);
|
|
font-size: 20px;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.feature-card h3 {
|
|
color: var(--hy-theme-text);
|
|
font-size: 20px;
|
|
font-weight: 880;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.feature-card p {
|
|
margin-top: 10px;
|
|
color: var(--hy-theme-muted);
|
|
font-size: 14px;
|
|
font-weight: 520;
|
|
line-height: 1.72;
|
|
}
|
|
|
|
.company-band {
|
|
border-block: 1px solid var(--hy-theme-line);
|
|
background: rgba(255, 255, 255, 0.62);
|
|
}
|
|
|
|
.company-layout {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 0.92fr) minmax(300px, 1.08fr);
|
|
gap: 34px;
|
|
align-items: start;
|
|
}
|
|
|
|
.company-logo {
|
|
width: 96px;
|
|
height: 96px;
|
|
margin-top: 24px;
|
|
border-radius: 22px;
|
|
box-shadow: var(--hy-theme-role-shadow);
|
|
}
|
|
|
|
.info-list {
|
|
display: grid;
|
|
gap: 10px;
|
|
}
|
|
|
|
.info-row {
|
|
display: grid;
|
|
grid-template-columns: 150px minmax(0, 1fr);
|
|
gap: 14px;
|
|
padding: 18px;
|
|
border: 1px solid var(--hy-theme-line);
|
|
border-radius: 8px;
|
|
background: var(--hy-theme-surface);
|
|
box-shadow: var(--hy-theme-shadow);
|
|
}
|
|
|
|
.info-row dt {
|
|
color: var(--hy-theme-muted);
|
|
font-size: 13px;
|
|
font-weight: 780;
|
|
}
|
|
|
|
.info-row dd {
|
|
min-width: 0;
|
|
margin: 0;
|
|
color: var(--hy-theme-text);
|
|
font-size: 15px;
|
|
font-weight: 760;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.contact-strip {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 24px;
|
|
padding: 30px;
|
|
border: 1px solid var(--hy-theme-line);
|
|
border-radius: 8px;
|
|
background: var(--hy-theme-surface);
|
|
box-shadow: var(--hy-theme-shadow);
|
|
}
|
|
|
|
.contact-strip h2 {
|
|
font-size: 28px;
|
|
font-weight: 900;
|
|
line-height: 1.16;
|
|
}
|
|
|
|
.contact-strip p {
|
|
max-width: 620px;
|
|
margin-top: 8px;
|
|
color: var(--hy-theme-muted);
|
|
font-size: 15px;
|
|
font-weight: 520;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.site-footer {
|
|
padding: 28px 0 34px;
|
|
color: var(--hy-theme-muted);
|
|
font-size: 13px;
|
|
font-weight: 680;
|
|
}
|
|
|
|
.footer-inner {
|
|
display: flex;
|
|
width: min(1120px, calc(100% - 40px));
|
|
margin: 0 auto;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 18px;
|
|
}
|
|
|
|
@media (max-width: 820px) {
|
|
.header-inner {
|
|
width: min(100% - 28px, 720px);
|
|
min-height: 62px;
|
|
}
|
|
|
|
.nav-links {
|
|
display: none;
|
|
}
|
|
|
|
.hero-inner,
|
|
.section-inner {
|
|
width: min(100% - 28px, 720px);
|
|
}
|
|
|
|
.hero,
|
|
.hero-inner {
|
|
min-height: 82svh;
|
|
}
|
|
|
|
.hero-inner {
|
|
padding: 42px 0 36px;
|
|
}
|
|
|
|
.hero-bg-mark {
|
|
inset-block-start: 11%;
|
|
inset-inline-end: -88px;
|
|
width: 360px;
|
|
opacity: 0.12;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 42px;
|
|
line-height: 1.08;
|
|
}
|
|
|
|
.hero-lead {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.hero-proof,
|
|
.feature-grid,
|
|
.company-layout {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.proof-item {
|
|
min-height: 74px;
|
|
}
|
|
|
|
.section {
|
|
padding: 46px 0;
|
|
}
|
|
|
|
.section-heading h2 {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.company-logo {
|
|
width: 74px;
|
|
height: 74px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.info-row {
|
|
grid-template-columns: 1fr;
|
|
gap: 7px;
|
|
}
|
|
|
|
.contact-strip,
|
|
.footer-inner {
|
|
align-items: stretch;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.contact-strip {
|
|
padding: 22px;
|
|
}
|
|
|
|
.contact-strip .primary-link {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 430px) {
|
|
.header-inner {
|
|
width: calc(100% - 24px);
|
|
gap: 10px;
|
|
}
|
|
|
|
.brand img {
|
|
width: 34px;
|
|
height: 34px;
|
|
}
|
|
|
|
.brand span {
|
|
max-width: 106px;
|
|
}
|
|
|
|
.primary-link,
|
|
.secondary-link {
|
|
width: 100%;
|
|
min-height: 48px;
|
|
}
|
|
|
|
.hero-actions {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.hero-proof {
|
|
gap: 8px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 36px;
|
|
}
|
|
}
|
|
</style>
|
|
<script>
|
|
window.HyAppI18nSupported = ['en', 'ar', 'tr', 'es'];
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="site-shell">
|
|
<header class="site-header">
|
|
<div class="header-inner">
|
|
<a class="brand" href="#top" aria-label="Lalu">
|
|
<img src="../app-store/assets/lalu-logo.png" alt="" />
|
|
<span>Lalu</span>
|
|
</a>
|
|
|
|
<div class="nav-actions">
|
|
<nav class="nav-links" aria-label="Primary">
|
|
<a
|
|
class="nav-link"
|
|
href="#features"
|
|
data-i18n="lalu_site.navFeatures"
|
|
>
|
|
Features
|
|
</a>
|
|
<a
|
|
class="nav-link"
|
|
href="#company"
|
|
data-i18n="lalu_site.navCompany"
|
|
>
|
|
Company
|
|
</a>
|
|
<a
|
|
class="nav-link"
|
|
href="#contact"
|
|
data-i18n="lalu_site.navContact"
|
|
>
|
|
Contact
|
|
</a>
|
|
</nav>
|
|
|
|
<div class="language-switcher">
|
|
<button
|
|
type="button"
|
|
class="language-button"
|
|
data-language-toggle
|
|
aria-expanded="false"
|
|
data-i18n-aria="lalu_site.changeLanguage"
|
|
>
|
|
<span data-current-lang>EN</span>
|
|
</button>
|
|
<div
|
|
class="language-menu"
|
|
data-language-menu
|
|
hidden
|
|
>
|
|
<button type="button" data-lang-option="en">
|
|
English
|
|
</button>
|
|
<button type="button" data-lang-option="ar">
|
|
العربية
|
|
</button>
|
|
<button type="button" data-lang-option="tr">
|
|
Türkçe
|
|
</button>
|
|
<button type="button" data-lang-option="es">
|
|
Español
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="top">
|
|
<section class="hero" aria-labelledby="heroTitle">
|
|
<img
|
|
class="hero-bg-mark"
|
|
src="../app-store/assets/lalu-logo.png"
|
|
alt=""
|
|
aria-hidden="true"
|
|
/>
|
|
<div class="hero-inner">
|
|
<div class="hero-copy">
|
|
<p
|
|
class="eyebrow"
|
|
data-i18n="lalu_site.heroEyebrow"
|
|
>
|
|
Lalu Voice Party
|
|
</p>
|
|
<h1 id="heroTitle" data-i18n="lalu_site.heroTitle">
|
|
Meet new friends in live voice rooms
|
|
</h1>
|
|
<p class="hero-lead" data-i18n="lalu_site.heroLead">
|
|
Lalu brings people together through voice chat,
|
|
party rooms, and light social entertainment.
|
|
</p>
|
|
<div class="hero-actions">
|
|
<a
|
|
class="primary-link"
|
|
href="https://play.google.com/store/apps/details?id=com.org.laluparty&hl=zh"
|
|
data-download-link
|
|
rel="noopener"
|
|
data-i18n="lalu_site.downloadButton"
|
|
>
|
|
Download Lalu
|
|
</a>
|
|
<a
|
|
class="secondary-link"
|
|
href="mailto:postmaster@haiyinet.com.cn?subject=Lalu%20Support"
|
|
data-i18n="lalu_site.contactButton"
|
|
>
|
|
Contact support
|
|
</a>
|
|
</div>
|
|
<p
|
|
class="availability"
|
|
data-i18n="lalu_site.availability"
|
|
>
|
|
Available on Google Play.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="hero-proof" aria-label="Lalu highlights">
|
|
<div class="proof-item">
|
|
<strong data-i18n="lalu_site.proofVoiceValue">
|
|
Voice
|
|
</strong>
|
|
<span data-i18n="lalu_site.proofVoiceLabel">
|
|
Live room chat
|
|
</span>
|
|
</div>
|
|
<div class="proof-item">
|
|
<strong data-i18n="lalu_site.proofPartyValue">
|
|
Party
|
|
</strong>
|
|
<span data-i18n="lalu_site.proofPartyLabel">
|
|
Social moments
|
|
</span>
|
|
</div>
|
|
<div class="proof-item">
|
|
<strong data-i18n="lalu_site.proofSupportValue">
|
|
Support
|
|
</strong>
|
|
<span data-i18n="lalu_site.proofSupportLabel">
|
|
Email contact
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section
|
|
class="section"
|
|
id="features"
|
|
aria-labelledby="featuresTitle"
|
|
>
|
|
<div class="section-inner">
|
|
<div class="section-heading">
|
|
<h2
|
|
id="featuresTitle"
|
|
data-i18n="lalu_site.featureTitle"
|
|
>
|
|
A social voice app for shared moments
|
|
</h2>
|
|
<p data-i18n="lalu_site.featureLead">
|
|
Join rooms, talk with people, and keep the party
|
|
moving with simple social interactions.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="feature-grid">
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
L
|
|
</div>
|
|
<h3 data-i18n="lalu_site.featureVoiceTitle">
|
|
Live voice rooms
|
|
</h3>
|
|
<p data-i18n="lalu_site.featureVoiceBody">
|
|
Enter public rooms and speak with friends or
|
|
new people in real time.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
+
|
|
</div>
|
|
<h3 data-i18n="lalu_site.featurePartyTitle">
|
|
Party interaction
|
|
</h3>
|
|
<p data-i18n="lalu_site.featurePartyBody">
|
|
Share playful moments with room activities
|
|
and virtual gifts.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
@
|
|
</div>
|
|
<h3 data-i18n="lalu_site.featureSupportTitle">
|
|
Clear support path
|
|
</h3>
|
|
<p data-i18n="lalu_site.featureSupportBody">
|
|
Reach the official contact email for account
|
|
or product questions.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section
|
|
class="section company-band"
|
|
id="company"
|
|
aria-labelledby="companyTitle"
|
|
>
|
|
<div class="section-inner company-layout">
|
|
<div>
|
|
<div class="section-heading">
|
|
<h2
|
|
id="companyTitle"
|
|
data-i18n="lalu_site.companyTitle"
|
|
>
|
|
Company information
|
|
</h2>
|
|
<p data-i18n="lalu_site.companyLead">
|
|
Lalu is operated by Global Interactive
|
|
Technology Co., Limited.
|
|
</p>
|
|
</div>
|
|
<img
|
|
class="company-logo"
|
|
src="../app-store/assets/lalu-logo.png"
|
|
alt=""
|
|
aria-hidden="true"
|
|
/>
|
|
</div>
|
|
|
|
<dl class="info-list">
|
|
<div class="info-row">
|
|
<dt data-i18n="lalu_site.companyNameLabel">
|
|
Company
|
|
</dt>
|
|
<dd data-i18n="lalu_site.companyNameValue">
|
|
GLOBAL INTERACTIVE TECHNOLOGY CO., LIMITED
|
|
</dd>
|
|
</div>
|
|
<div class="info-row">
|
|
<dt data-i18n="lalu_site.appLabel">App</dt>
|
|
<dd data-i18n="lalu_site.appValue">
|
|
Lalu Voice Party
|
|
</dd>
|
|
</div>
|
|
<div class="info-row">
|
|
<dt data-i18n="lalu_site.addressLabel">
|
|
Address
|
|
</dt>
|
|
<dd data-i18n="lalu_site.addressValue">
|
|
Unit 1111, 11/F, Hollywood Plaza, 610 Nathan
|
|
Road, Mong Kok, HK
|
|
</dd>
|
|
</div>
|
|
<div class="info-row">
|
|
<dt data-i18n="lalu_site.emailLabel">Email</dt>
|
|
<dd>
|
|
<a href="mailto:postmaster@haiyinet.com.cn">
|
|
postmaster@haiyinet.com.cn
|
|
</a>
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</section>
|
|
|
|
<section
|
|
class="section"
|
|
id="contact"
|
|
aria-labelledby="contactTitle"
|
|
>
|
|
<div class="section-inner">
|
|
<div class="contact-strip">
|
|
<div>
|
|
<h2
|
|
id="contactTitle"
|
|
data-i18n="lalu_site.contactTitle"
|
|
>
|
|
Need help with Lalu?
|
|
</h2>
|
|
<p data-i18n="lalu_site.contactLead">
|
|
Send product, account, or cooperation
|
|
questions to the official email address.
|
|
</p>
|
|
</div>
|
|
<a
|
|
class="primary-link"
|
|
href="mailto:postmaster@haiyinet.com.cn?subject=Lalu%20Support"
|
|
data-i18n="lalu_site.emailSupport"
|
|
>
|
|
Email support
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="footer-inner">
|
|
<span>
|
|
© <span id="currentYear">2026</span>
|
|
<span data-i18n="lalu_site.footerCompany">
|
|
Global Interactive Technology Co., Limited
|
|
</span>
|
|
</span>
|
|
<a
|
|
href="mailto:postmaster@haiyinet.com.cn"
|
|
data-i18n="lalu_site.footerContact"
|
|
>
|
|
postmaster@haiyinet.com.cn
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="../common/i18n.js"></script>
|
|
<script>
|
|
(function () {
|
|
var DEFAULT_DOWNLOAD_URL =
|
|
'https://play.google.com/store/apps/details?id=com.org.laluparty&hl=zh';
|
|
var params = new URLSearchParams(window.location.search);
|
|
var yearNode = document.getElementById('currentYear');
|
|
var downloadLinks = document.querySelectorAll(
|
|
'[data-download-link]'
|
|
);
|
|
|
|
function firstParam(names) {
|
|
for (var i = 0; i < names.length; i += 1) {
|
|
var value = String(params.get(names[i]) || '').trim();
|
|
if (value) return value;
|
|
}
|
|
return '';
|
|
}
|
|
|
|
function resolveDownloadURL() {
|
|
return (
|
|
firstParam(['downloadUrl', 'download_url', 'url']) ||
|
|
DEFAULT_DOWNLOAD_URL
|
|
);
|
|
}
|
|
|
|
if (yearNode) {
|
|
yearNode.textContent = String(new Date().getFullYear());
|
|
}
|
|
|
|
downloadLinks.forEach(function (link) {
|
|
// 官网默认给出已验证的 Lalu Google Play 入口；投放页如需替换下载地址，只能显式传入 URL 参数，避免页面伪造未知渠道。
|
|
link.setAttribute('href', resolveDownloadURL());
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|