Files
goldable/index.html

798 lines
42 KiB
HTML
Raw Normal View History

2025-04-30 13:21:24 +08:00
2025-04-13 16:35:28 +08:00
<!DOCTYPE html>
2025-04-13 17:17:01 +08:00
<html lang="en">
2025-04-13 16:35:28 +08:00
<head>
2025-04-30 13:21:24 +08:00
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>高德柏控股 | Goldable Holding - 专注价值投资</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.0.0/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css">
<style>
:root {
--neon-blue: #00f3ff;
--neon-purple: #9442fe;
--neon-green: #36ff00;
}
body {
background-color: #000;
color: #fff;
font-family: 'Segoe UI', 'PingFang SC', sans-serif;
overflow-x: hidden;
}
.bg-tech {
background: linear-gradient(135deg, #0c0c0c 0%, #151515 100%);
}
.border-tech {
border: 1px solid rgba(0, 243, 255, 0.3);
}
.text-gradient {
background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.text-gradient-green {
background: linear-gradient(90deg, var(--neon-green), var(--neon-blue));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.glow {
box-shadow: 0 0 10px rgba(0, 243, 255, 0.5);
}
.btn-tech {
background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple));
border: none;
color: #fff;
padding: 12px 24px;
border-radius: 4px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.btn-tech:hover {
box-shadow: 0 0 15px rgba(0, 243, 255, 0.7);
}
.btn-tech::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: all 0.6s ease;
}
.btn-tech:hover::before {
left: 100%;
}
.nav-link {
position: relative;
color: #fff;
text-decoration: none;
padding: 5px 0;
margin: 0 15px;
}
.nav-link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple));
transition: width 0.3s ease;
}
.nav-link:hover::after {
width: 100%;
}
.hexagon {
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));
transition: all 0.3s ease;
}
.hexagon:hover {
transform: scale(1.05);
box-shadow: 0 0 20px rgba(0, 243, 255, 0.7);
}
.portfolio-card {
background: rgba(10, 10, 15, 0.7);
border: 1px solid rgba(0, 243, 255, 0.2);
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
}
.portfolio-card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 20px rgba(0, 243, 255, 0.3);
border-color: var(--neon-blue);
}
.bg-grid {
background-image:
linear-gradient(rgba(65, 184, 255, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(65, 184, 255, 0.05) 1px, transparent 1px);
background-size: 20px 20px;
}
.language-selector {
cursor: pointer;
padding: 5px 10px;
border: 1px solid rgba(0, 243, 255, 0.3);
border-radius: 4px;
transition: all 0.3s ease;
}
.language-selector:hover {
background: rgba(0, 243, 255, 0.1);
border-color: var(--neon-blue);
}
.floating {
animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}
.rotate-slow {
animation: rotate 20s linear infinite;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
</style>
2025-04-13 16:35:28 +08:00
</head>
2025-04-30 13:21:24 +08:00
<body class="bg-grid">
<div id="app">
<!-- Header -->
<header class="fixed w-full top-0 z-50 bg-black bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-tech py-4">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center">
<div class="flex items-center">
<div class="text-3xl font-bold mr-2">
<span class="text-gradient">GOLDABLE</span>
</div>
<div class="text-sm text-gray-400">HOLDING</div>
</div>
2025-04-30 13:21:24 +08:00
<nav class="hidden md:flex items-center">
<a href="#home" class="nav-link" data-lang="en">Home</a>
<a href="#home" class="nav-link hidden" data-lang="zh">首页</a>
<a href="#about" class="nav-link" data-lang="en">About Us</a>
<a href="#about" class="nav-link hidden" data-lang="zh">关于我们</a>
<a href="#investment-areas" class="nav-link" data-lang="en">Investment Areas</a>
<a href="#investment-areas" class="nav-link hidden" data-lang="zh">投资领域</a>
<a href="#portfolio" class="nav-link" data-lang="en">Portfolio</a>
<a href="#portfolio" class="nav-link hidden" data-lang="zh">投资组合</a>
<a href="#contact" class="nav-link" data-lang="en">Contact</a>
<a href="#contact" class="nav-link hidden" data-lang="zh">联系我们</a>
</nav>
<div class="language-selector flex items-center" onclick="toggleLanguage()">
<span class="language-text" data-lang="en">EN</span>
<span class="language-text hidden" data-lang="zh">EN</span>
<span class="mx-1">|</span>
<span class="language-text hidden" data-lang="en">中文</span>
<span class="language-text" data-lang="zh">中文</span>
</div>
2025-04-13 16:35:28 +08:00
</div>
</div>
</header>
2025-04-30 13:21:24 +08:00
<!-- Hero Section -->
<section id="home" class="pt-24 pb-40 relative">
<div class="absolute inset-0 overflow-hidden">
<div class="rotate-slow opacity-5 absolute -right-64 -top-64 w-96 h-96 rounded-full border border-blue-400"></div>
<div class="rotate-slow opacity-5 absolute -left-32 top-64 w-64 h-64 rounded-full border border-purple-400"></div>
<div class="rotate-slow opacity-5 absolute right-32 bottom-32 w-80 h-80 rounded-full border border-green-400"></div>
</div>
<div class="container mx-auto px-4 relative z-10">
<div class="flex flex-col-reverse md:flex-row items-center">
<div class="md:w-1/2 mt-10 md:mt-0" data-aos="fade-right">
<h1 class="text-4xl md:text-6xl font-bold mb-6" data-lang="en">
Focus on <span class="text-gradient">Value Investment</span>
</h1>
<h1 class="text-4xl md:text-6xl font-bold mb-6 hidden" data-lang="zh">
专注<span class="text-gradient">价值投资</span>
</h1>
<p class="text-xl text-gray-300 mb-8" data-lang="en">
Invest in China's agriculture, virtual reality, and financial technology enterprises
</p>
<p class="text-xl text-gray-300 mb-8 hidden" data-lang="zh">
投资中国农业、虚拟现实和金融科技企业
</p>
<div class="flex space-x-4">
<a href="#portfolio" class="btn-tech">
<span data-lang="en">View Portfolio</span>
<span class="hidden" data-lang="zh">查看投资组合</span>
</a>
<a href="#contact" class="border border-blue-400 hover:border-blue-500 text-white px-6 py-3 rounded transition duration-300">
<span data-lang="en">Contact Us</span>
<span class="hidden" data-lang="zh">联系我们</span>
</a>
</div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
<div class="md:w-1/2 flex justify-center" data-aos="fade-left">
<div class="relative floating">
<div class="hexagon w-80 h-80 flex items-center justify-center p-2">
<div class="bg-black w-full h-full flex items-center justify-center rounded-lg">
<div class="text-4xl font-bold">
<div class="text-gradient">GOLDABLE</div>
<div class="text-sm text-center mt-2 text-gray-400">HOLDINGS LIMITED</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="py-20 bg-tech">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl font-bold text-gradient mb-2" data-lang="en">About Us</h2>
<h2 class="text-3xl font-bold text-gradient mb-2 hidden" data-lang="zh">关于我们</h2>
<div class="w-24 h-1 bg-blue-500 mx-auto"></div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
<div class="flex flex-col md:flex-row gap-10">
<div class="md:w-1/2" data-aos="fade-right">
<div class="bg-black bg-opacity-60 border-tech p-8 rounded-lg h-full">
<h3 class="text-2xl font-bold mb-4 text-gradient-green" data-lang="en">Our Mission</h3>
<h3 class="text-2xl font-bold mb-4 text-gradient-green hidden" data-lang="zh">我们的使命</h3>
<p class="text-gray-300 mb-6" data-lang="en">
Goldable Holdings Limited mainly invests in the high-tech industry in mainland China, focusing on value investments in technology, modern agriculture, and consumption sectors.
</p>
<p class="text-gray-300 mb-6 hidden" data-lang="zh">
高德柏控股有限公司主要投资中国大陆的高科技产业,专注于科技、现代农业和消费领域的价值投资。
</p>
<p class="text-gray-300" data-lang="en">
Through strategic investments and partnerships, we aim to foster innovation and sustainable development in China's emerging tech sectors.
</p>
<p class="text-gray-300 hidden" data-lang="zh">
通过战略投资和合作伙伴关系,我们旨在促进中国新兴科技领域的创新和可持续发展。
</p>
</div>
</div>
<div class="md:w-1/2" data-aos="fade-left">
<div class="bg-black bg-opacity-60 border-tech p-8 rounded-lg h-full">
<h3 class="text-2xl font-bold mb-4 text-gradient-green" data-lang="en">Our Values</h3>
<h3 class="text-2xl font-bold mb-4 text-gradient-green hidden" data-lang="zh">我们的价值观</h3>
<ul class="space-y-4">
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-400 mt-1 mr-3"></i>
<div>
<h4 class="font-bold text-white" data-lang="en">Innovation</h4>
<h4 class="font-bold text-white hidden" data-lang="zh">创新</h4>
<p class="text-gray-400" data-lang="en">Supporting cutting-edge technologies that shape the future.</p>
<p class="text-gray-400 hidden" data-lang="zh">支持塑造未来的尖端技术。</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-400 mt-1 mr-3"></i>
<div>
<h4 class="font-bold text-white" data-lang="en">Sustainability</h4>
<h4 class="font-bold text-white hidden" data-lang="zh">可持续性</h4>
<p class="text-gray-400" data-lang="en">Promoting environmentally responsible and sustainable business practices.</p>
<p class="text-gray-400 hidden" data-lang="zh">促进环保和可持续的商业实践。</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-400 mt-1 mr-3"></i>
<div>
<h4 class="font-bold text-white" data-lang="en">Value Creation</h4>
<h4 class="font-bold text-white hidden" data-lang="zh">价值创造</h4>
<p class="text-gray-400" data-lang="en">Building long-term value through strategic investments.</p>
<p class="text-gray-400 hidden" data-lang="zh">通过战略投资构建长期价值。</p>
</div>
</li>
</ul>
</div>
2025-04-13 16:35:28 +08:00
</div>
</div>
</div>
2025-04-30 13:21:24 +08:00
</section>
<!-- Investment Areas -->
<section id="investment-areas" class="py-20">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl font-bold text-gradient mb-2" data-lang="en">Investment Areas</h2>
<h2 class="text-3xl font-bold text-gradient mb-2 hidden" data-lang="zh">投资领域</h2>
<div class="w-24 h-1 bg-blue-500 mx-auto"></div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-10">
<!-- Smart Agriculture -->
<div class="bg-black bg-opacity-60 border-tech rounded-lg overflow-hidden" data-aos="fade-up" data-aos-delay="100">
<div class="h-40 bg-gradient-to-r from-green-500 to-blue-500 flex items-center justify-center">
<i class="fas fa-seedling text-6xl text-white"></i>
</div>
<div class="p-6">
<h3 class="text-2xl font-bold mb-4" data-lang="en">Smart Agriculture</h3>
<h3 class="text-2xl font-bold mb-4 hidden" data-lang="zh">智能农业</h3>
<p class="text-gray-300 mb-6" data-lang="en">
Efficient, safe, and sustainable food production through AI and IoT technologies.
</p>
<p class="text-gray-300 mb-6 hidden" data-lang="zh">
通过人工智能和物联网技术实现高效、安全和可持续的食品生产。
</p>
<div class="flex items-center text-blue-400">
<span data-lang="en">Learn More</span>
<span class="hidden" data-lang="zh">了解更多</span>
<i class="fas fa-arrow-right ml-2"></i>
</div>
</div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
<!-- Financial Technology -->
<div class="bg-black bg-opacity-60 border-tech rounded-lg overflow-hidden" data-aos="fade-up" data-aos-delay="200">
<div class="h-40 bg-gradient-to-r from-blue-500 to-purple-500 flex items-center justify-center">
<i class="fas fa-chart-line text-6xl text-white"></i>
</div>
<div class="p-6">
<h3 class="text-2xl font-bold mb-4" data-lang="en">Financial Technology</h3>
<h3 class="text-2xl font-bold mb-4 hidden" data-lang="zh">金融科技</h3>
<p class="text-gray-300 mb-6" data-lang="en">
Scientific and technological innovation in finance and insurance sectors.
</p>
<p class="text-gray-300 mb-6 hidden" data-lang="zh">
金融和保险领域的科学和技术创新。
</p>
<div class="flex items-center text-blue-400">
<span data-lang="en">Learn More</span>
<span class="hidden" data-lang="zh">了解更多</span>
<i class="fas fa-arrow-right ml-2"></i>
</div>
</div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
<!-- VR Technology -->
<div class="bg-black bg-opacity-60 border-tech rounded-lg overflow-hidden" data-aos="fade-up" data-aos-delay="300">
<div class="h-40 bg-gradient-to-r from-purple-500 to-pink-500 flex items-center justify-center">
<i class="fas fa-vr-cardboard text-6xl text-white"></i>
</div>
<div class="p-6">
<h3 class="text-2xl font-bold mb-4" data-lang="en">VR 3D Technology</h3>
<h3 class="text-2xl font-bold mb-4 hidden" data-lang="zh">VR 3D技术</h3>
<p class="text-gray-300 mb-6" data-lang="en">
Application and development of virtual reality and 3D visualization technologies.
</p>
<p class="text-gray-300 mb-6 hidden" data-lang="zh">
虚拟现实和3D可视化技术的应用和开发。
</p>
<div class="flex items-center text-blue-400">
<span data-lang="en">Learn More</span>
<span class="hidden" data-lang="zh">了解更多</span>
<i class="fas fa-arrow-right ml-2"></i>
</div>
</div>
2025-04-13 16:35:28 +08:00
</div>
</div>
</div>
2025-04-30 13:21:24 +08:00
</section>
<!-- Portfolio Section -->
<section id="portfolio" class="py-20 bg-tech">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl font-bold text-gradient mb-2" data-lang="en">Our Portfolio</h2>
<h2 class="text-3xl font-bold text-gradient mb-2 hidden" data-lang="zh">投资组合</h2>
<div class="w-24 h-1 bg-blue-500 mx-auto"></div>
<p class="text-gray-300 mt-4 max-w-2xl mx-auto" data-lang="en">
Discover our strategic investments in China's most promising tech sectors
</p>
<p class="text-gray-300 mt-4 max-w-2xl mx-auto hidden" data-lang="zh">
探索我们在中国最有前景的科技领域的战略投资
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- AIOTAGRO -->
<div class="portfolio-card" data-aos="fade-up" data-aos-delay="100">
<div class="h-48 bg-gradient-to-r from-green-600 to-blue-600 flex items-center justify-center p-4">
<div class="text-center">
<div class="text-3xl font-bold mb-2">AIOTAGRO</div>
<div class="text-sm text-blue-100" data-lang="en">Smart Agriculture</div>
<div class="text-sm text-blue-100 hidden" data-lang="zh">智能农业</div>
</div>
</div>
<div class="p-6">
<p class="mb-4 text-gray-300" data-lang="en">
AIOTAGRO is a high-tech company focusing on AI+IoT in smart agriculture, dedicated to solving food safety problems from the source of agricultural production.
</p>
<p class="mb-4 text-gray-300 hidden" data-lang="zh">
爱农云联是一家专注于智能农业人工智能+物联网的高科技公司,致力于从农业生产源头解决食品安全问题。
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">AI</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">IoT</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">Agriculture</span>
</div>
<a href="https://www.aiotagro.com" target="_blank" class="text-blue-400 hover:text-blue-300 flex items-center">
<span data-lang="en">Visit Website</span>
<span class="hidden" data-lang="zh">访问网站</span>
<i class="fas fa-external-link-alt ml-2"></i>
</a>
</div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
<!-- JUSU Tech -->
<div class="portfolio-card" data-aos="fade-up" data-aos-delay="200">
<div class="h-48 bg-gradient-to-r from-blue-600 to-purple-600 flex items-center justify-center p-4">
<div class="text-center">
<div class="text-3xl font-bold mb-2">JUSU</div>
<div class="text-sm text-blue-100" data-lang="en">Financial Technology</div>
<div class="text-sm text-blue-100 hidden" data-lang="zh">金融科技</div>
</div>
</div>
<div class="p-6">
<p class="mb-4 text-gray-300" data-lang="en">
JUSU Tech focuses on agricultural fintech services, providing high-quality financial technology solutions to institutions in the agricultural sector.
</p>
<p class="mb-4 text-gray-300 hidden" data-lang="zh">
聚粟科技专注于农业金融科技服务,为农业领域的机构提供高质量的金融科技解决方案。
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">FinTech</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">Agriculture</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">AI</span>
</div>
<a href="https://www.jusutech.com" target="_blank" class="text-blue-400 hover:text-blue-300 flex items-center">
<span data-lang="en">Visit Website</span>
<span class="hidden" data-lang="zh">访问网站</span>
<i class="fas fa-external-link-alt ml-2"></i>
</a>
</div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
<!-- GAOHAO Tech -->
<div class="portfolio-card" data-aos="fade-up" data-aos-delay="300">
<div class="h-48 bg-gradient-to-r from-teal-600 to-green-600 flex items-center justify-center p-4">
<div class="text-center">
<div class="text-3xl font-bold mb-2">GAOHAO</div>
<div class="text-sm text-blue-100" data-lang="en">Agricultural Information</div>
<div class="text-sm text-blue-100 hidden" data-lang="zh">农业信息化</div>
</div>
</div>
<div class="p-6">
<p class="mb-4 text-gray-300" data-lang="en">
GAOHAO Tech provides information solutions for high-standard farmland, helping implement modern agricultural management through technology.
</p>
<p class="mb-4 text-gray-300 hidden" data-lang="zh">
高好科技为高标准农田提供信息化解决方案,通过技术帮助实施现代农业管理。
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">AgriTech</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">Data Analytics</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">IoT</span>
</div>
<a href="https://www.gaohaotech.com" target="_blank" class="text-blue-400 hover:text-blue-300 flex items-center">
<span data-lang="en">Visit Website</span>
<span class="hidden" data-lang="zh">访问网站</span>
<i class="fas fa-external-link-alt ml-2"></i>
</a>
</div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
<!-- AIPITE -->
<div class="portfolio-card" data-aos="fade-up" data-aos-delay="400">
<div class="h-48 bg-gradient-to-r from-purple-600 to-pink-600 flex items-center justify-center p-4">
<div class="text-center">
<div class="text-3xl font-bold mb-2">AIPITE</div>
<div class="text-sm text-blue-100" data-lang="en">Pet Technology</div>
<div class="text-sm text-blue-100 hidden" data-lang="zh">宠物科技</div>
</div>
</div>
<div class="p-6">
<p class="mb-4 text-gray-300" data-lang="en">
AIPITE specializes in pet care technology and products, serving over 100K satisfied pet owners with innovative solutions.
</p>
<p class="mb-4 text-gray-300 hidden" data-lang="zh">
爱宠专注于宠物护理技术和产品为超过10万名宠物主人提供创新解决方案。
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">Pet Care</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">Consumer Tech</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">E-commerce</span>
</div>
<a href="https://www.aipite.com" target="_blank" class="text-blue-400 hover:text-blue-300 flex items-center">
<span data-lang="en">Visit Website</span>
<span class="hidden" data-lang="zh">访问网站</span>
<i class="fas fa-external-link-alt ml-2"></i>
</a>
</div>
</div>
<!-- AIJIANHUA -->
<div class="portfolio-card" data-aos="fade-up" data-aos-delay="500">
<div class="h-48 bg-gradient-to-r from-orange-600 to-yellow-600 flex items-center justify-center p-4">
<div class="text-center">
<div class="text-3xl font-bold mb-2">AIJIANHUA</div>
<div class="text-sm text-blue-100" data-lang="en">Plant Rental & Services</div>
<div class="text-sm text-blue-100 hidden" data-lang="zh">植物租赁与服务</div>
</div>
</div>
<div class="p-6">
<p class="mb-4 text-gray-300" data-lang="en">
AIJIANHUA provides professional plant rental and maintenance services for offices, specializing in green office solutions.
</p>
<p class="mb-4 text-gray-300 hidden" data-lang="zh">
爱建花提供专业的办公室植物租赁和维护服务,专注于绿色办公解决方案。
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">Green Office</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">Plant Rental</span>
<span class="bg-blue-900 bg-opacity-40 text-blue-300 text-xs px-2 py-1 rounded">Services</span>
</div>
<a href="https://www.aijianhua.com" target="_blank" class="text-blue-400 hover:text-blue-300 flex items-center">
<span data-lang="en">Visit Website</span>
<span class="hidden" data-lang="zh">访问网站</span>
<i class="fas fa-external-link-alt ml-2"></i>
</a>
</div>
</div>
2025-04-13 16:35:28 +08:00
</div>
</div>
2025-04-30 13:21:24 +08:00
</section>
2025-04-30 13:21:24 +08:00
<!-- Statistics Section -->
<section class="py-16">
<div class="container mx-auto px-4">
<div class="grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
<div class="p-6 border-tech rounded-lg" data-aos="fade-up" data-aos-delay="100">
<div class="text-4xl font-bold text-gradient mb-2">30+</div>
<div class="text-gray-400" data-lang="en">Provinces Covered</div>
<div class="text-gray-400 hidden" data-lang="zh">覆盖省份</div>
</div>
2025-04-30 13:21:24 +08:00
<div class="p-6 border-tech rounded-lg" data-aos="fade-up" data-aos-delay="200">
<div class="text-4xl font-bold text-gradient mb-2">5+</div>
<div class="text-gray-400" data-lang="en">Portfolio Companies</div>
<div class="text-gray-400 hidden" data-lang="zh">投资企业</div>
</div>
<div class="p-6 border-tech rounded-lg" data-aos="fade-up" data-aos-delay="300">
<div class="text-4xl font-bold text-gradient mb-2">3</div>
<div class="text-gray-400" data-lang="en">Key Tech Sectors</div>
<div class="text-gray-400 hidden" data-lang="zh">核心科技领域</div>
</div>
<div class="p-6 border-tech rounded-lg" data-aos="fade-up" data-aos-delay="400">
<div class="text-4xl font-bold text-gradient mb-2">100K+</div>
<div class="text-gray-400" data-lang="en">End Users Served</div>
<div class="text-gray-400 hidden" data-lang="zh">服务终端用户</div>
</div>
</div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
</section>
2025-04-30 13:21:24 +08:00
<!-- Contact Section -->
<section id="contact" class="py-20 bg-tech">
<div class="container mx-auto px-4">
<div class="text-center mb-16">
<h2 class="text-3xl font-bold text-gradient mb-2" data-lang="en">Contact Us</h2>
<h2 class="text-3xl font-bold text-gradient mb-2 hidden" data-lang="zh">联系我们</h2>
<div class="w-24 h-1 bg-blue-500 mx-auto"></div>
</div>
2025-04-30 13:21:24 +08:00
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<div class="bg-black bg-opacity-60 border-tech p-8 rounded-lg" data-aos="fade-right">
<h3 class="text-2xl font-bold mb-6" data-lang="en">Get in Touch</h3>
<h3 class="text-2xl font-bold mb-6 hidden" data-lang="zh">联系方式</h3>
2025-04-30 13:21:24 +08:00
<div class="space-y-6">
<div class="flex items-start">
<i class="fas fa-map-marker-alt text-blue-400 mt-1 mr-4 text-xl"></i>
<div>
<h4 class="font-bold text-white" data-lang="en">Address</h4>
<h4 class="font-bold text-white hidden" data-lang="zh">地址</h4>
<p class="text-gray-400">No.88 Jitai Road, Wuhou District, Chengdu, China</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-envelope text-blue-400 mt-1 mr-4 text-xl"></i>
<div>
<h4 class="font-bold text-white" data-lang="en">Email</h4>
<h4 class="font-bold text-white hidden" data-lang="zh">电子邮件</h4>
<p class="text-gray-400"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="98fbf7f6ecf9fbecd8fff7f4fcf9faf4fdf0f7f4fcf1f6ffb6fbf7f5">[email&#160;protected]</a></p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-globe text-blue-400 mt-1 mr-4 text-xl"></i>
<div>
<h4 class="font-bold text-white" data-lang="en">Website</h4>
<h4 class="font-bold text-white hidden" data-lang="zh">网站</h4>
<p class="text-gray-400">www.goldableholding.com</p>
</div>
</div>
</div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
<div class="bg-black bg-opacity-60 border-tech p-8 rounded-lg" data-aos="fade-left">
<form>
<div class="mb-4">
<label class="block text-gray-300 mb-2" for="name" data-lang="en">Name</label>
<label class="block text-gray-300 mb-2 hidden" for="name" data-lang="zh">姓名</label>
<input type="text" id="name" class="w-full bg-gray-900 border border-gray-700 rounded px-4 py-2 text-white focus:outline-none focus:border-blue-500">
</div>
2025-04-30 13:21:24 +08:00
<div class="mb-4">
<label class="block text-gray-300 mb-2" for="email" data-lang="en">Email</label>
<label class="block text-gray-300 mb-2 hidden" for="email" data-lang="zh">电子邮件</label>
<input type="email" id="email" class="w-full bg-gray-900 border border-gray-700 rounded px-4 py-2 text-white focus:outline-none focus:border-blue-500">
</div>
<div class="mb-4">
<label class="block text-gray-300 mb-2" for="message" data-lang="en">Message</label>
<label class="block text-gray-300 mb-2 hidden" for="message" data-lang="zh">留言</label>
<textarea id="message" rows="4" class="w-full bg-gray-900 border border-gray-700 rounded px-4 py-2 text-white focus:outline-none focus:border-blue-500"></textarea>
</div>
<button type="submit" class="btn-tech w-full">
<span data-lang="en">Send Message</span>
<span class="hidden" data-lang="zh">发送消息</span>
</button>
</form>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
</div>
</div>
</section>
2025-04-30 13:21:24 +08:00
<!-- Footer -->
<footer class="py-10 border-t border-gray-800">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-6 md:mb-0">
<div class="flex items-center">
<div class="text-2xl font-bold mr-2">
<span class="text-gradient">GOLDABLE</span>
</div>
<div class="text-xs text-gray-400">HOLDING</div>
</div>
<p class="text-gray-400 mt-2" data-lang="en">Investing in China's technological future</p>
<p class="text-gray-400 mt-2 hidden" data-lang="zh">投资中国的科技未来</p>
</div>
2025-04-30 13:21:24 +08:00
<div class="flex space-x-6">
<a href="#" class="text-gray-400 hover:text-blue-400 transition">
<i class="fab fa-linkedin text-xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-blue-400 transition">
<i class="fab fa-twitter text-xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-blue-400 transition">
<i class="fab fa-wechat text-xl"></i>
</a>
</div>
2025-04-13 16:35:28 +08:00
</div>
2025-04-30 13:21:24 +08:00
<div class="border-t border-gray-800 my-6"></div>
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="text-gray-500 text-sm mb-4 md:mb-0" data-lang="en">
&copy; 2024 Goldable Holdings Limited. All rights reserved.
</div>
<div class="text-gray-500 text-sm mb-4 md:mb-0 hidden" data-lang="zh">
&copy; 2024 高德柏控股有限公司。保留所有权利。
</div>
<div class="flex space-x-6">
<a href="#" class="text-gray-500 hover:text-gray-300 text-sm" data-lang="en">Privacy Policy</a>
<a href="#" class="text-gray-500 hover:text-gray-300 text-sm hidden" data-lang="zh">隐私政策</a>
<a href="#" class="text-gray-500 hover:text-gray-300 text-sm" data-lang="en">Terms of Service</a>
<a href="#" class="text-gray-500 hover:text-gray-300 text-sm hidden" data-lang="zh">服务条款</a>
<a href="#" class="text-gray-500 hover:text-gray-300 text-sm" data-lang="en">Sitemap</a>
<a href="#" class="text-gray-500 hover:text-gray-300 text-sm hidden" data-lang="zh">网站地图</a>
</div>
</div>
2025-04-13 16:35:28 +08:00
</div>
</footer>
2025-04-30 13:21:24 +08:00
</div>
2025-04-30 13:21:24 +08:00
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
<script>
// Initialize AOS animation library
AOS.init({
duration: 800,
once: true
});
2025-04-13 16:35:28 +08:00
2025-04-30 13:21:24 +08:00
// Language switcher
function toggleLanguage() {
const currentLang = document.documentElement.lang === 'zh' ? 'en' : 'zh';
document.documentElement.lang = currentLang;
2025-04-13 16:35:28 +08:00
2025-04-30 13:21:24 +08:00
const showElements = document.querySelectorAll(`[data-lang="${currentLang}"]`);
const hideElements = document.querySelectorAll(`[data-lang="${currentLang === 'zh' ? 'en' : 'zh'}"]`);
2025-04-13 16:35:28 +08:00
2025-04-30 13:21:24 +08:00
showElements.forEach(el => el.classList.remove('hidden'));
hideElements.forEach(el => el.classList.add('hidden'));
}
2025-04-13 16:35:28 +08:00
2025-04-30 13:21:24 +08:00
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
2025-04-30 13:21:24 +08:00
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
2025-04-30 13:21:24 +08:00
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
</script>
</body>
</html>
<script id="html_badge_script1">
window.__genspark_remove_badge_link = "https://www.genspark.ai/api/html_badge/" +
"remove_badge?token=To%2FBnjzloZ3UfQdcSaYfDgliCHUfuWD2EOkuNxEt5kcjMBVb%2BRe57Y0y9%2Fq4c0XynsSrqgVJVjBGKjfgD8q9SJTpK7%2Fik8lFe3SciOW5zViu41yGAopQrZ4G3DokVM%2BTstELwbeMgGcRexJ7QzLaTdK%2FHsvpRMc9iWzNu31UEfpQCFAT9hI395mbOrxSgjVUvrMvu6Ynupt2xc7Q2MnV4zQ%2FGC42gsm%2Ba2C%2BrqGVtiF1n%2BH%2FBYDnpgvwgtBuGp2vLCSokqcttXE8CJo0YINxZGn8gQy6%2BZslVhqZwAxdFE4H7oWBjM4pCSc2QM2ueY0ZCgPasqSQvcb8ZwjLh4uAwh%2BTuf6vQxPLX%2B6%2BOahxUzayk%2FqqlGP55cniakvfdLwzXe8KdLcGJF2GSPa1NJtADpsymwg81Hgt6nhQ8MM%2BgErpJvD6%2FdmlckZGHZa4gbLknps1yfkq2mcmV0Hb66QjbnfcIOV52U9VwY6SHE34nDqFfeVM1%2BQW42hK6jrtMHfwhuwfVvJr%2FxQLWETMmgSXXA%3D%3D";
window.__genspark_locale = "zh-CN";
window.__genspark_token = "To/BnjzloZ3UfQdcSaYfDgliCHUfuWD2EOkuNxEt5kcjMBVb+Re57Y0y9/q4c0XynsSrqgVJVjBGKjfgD8q9SJTpK7/ik8lFe3SciOW5zViu41yGAopQrZ4G3DokVM+TstELwbeMgGcRexJ7QzLaTdK/HsvpRMc9iWzNu31UEfpQCFAT9hI395mbOrxSgjVUvrMvu6Ynupt2xc7Q2MnV4zQ/GC42gsm+a2C+rqGVtiF1n+H/BYDnpgvwgtBuGp2vLCSokqcttXE8CJo0YINxZGn8gQy6+ZslVhqZwAxdFE4H7oWBjM4pCSc2QM2ueY0ZCgPasqSQvcb8ZwjLh4uAwh+Tuf6vQxPLX+6+OahxUzayk/qqlGP55cniakvfdLwzXe8KdLcGJF2GSPa1NJtADpsymwg81Hgt6nhQ8MM+gErpJvD6/dmlckZGHZa4gbLknps1yfkq2mcmV0Hb66QjbnfcIOV52U9VwY6SHE34nDqFfeVM1+QW42hK6jrtMHfwhuwfVvJr/xQLWETMmgSXXA==";
</script>