792 lines
40 KiB
HTML
792 lines
40 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>高德柏控股 | Goldable Holding - 专注价值投资</title>
|
||
<link rel="stylesheet" href="css/tailwind.min.css">
|
||
<link rel="stylesheet" href="css/all.min.css">
|
||
<link rel="stylesheet" href="css/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>
|
||
</head>
|
||
<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>
|
||
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 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>
|
||
</div>
|
||
|
||
<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>
|
||
</div>
|
||
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</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>
|
||
</div>
|
||
|
||
<!-- 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>
|
||
</div>
|
||
|
||
<!-- 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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</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>
|
||
</div>
|
||
|
||
<!-- 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>
|
||
</div>
|
||
|
||
<!-- 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>
|
||
</div>
|
||
|
||
<!-- 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>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 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>
|
||
|
||
<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>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 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>
|
||
|
||
<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>
|
||
|
||
<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 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>
|
||
</div>
|
||
|
||
<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>
|
||
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 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>
|
||
|
||
<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>
|
||
</div>
|
||
|
||
<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">
|
||
© 2024 Goldable Holdings Limited. All rights reserved.
|
||
</div>
|
||
<div class="text-gray-500 text-sm mb-4 md:mb-0 hidden" data-lang="zh">
|
||
© 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>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
|
||
<script data-cfasync="false" src="css/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
|
||
});
|
||
|
||
// Language switcher
|
||
function toggleLanguage() {
|
||
const currentLang = document.documentElement.lang === 'zh' ? 'en' : 'zh';
|
||
document.documentElement.lang = currentLang;
|
||
|
||
const showElements = document.querySelectorAll(`[data-lang="${currentLang}"]`);
|
||
const hideElements = document.querySelectorAll(`[data-lang="${currentLang === 'zh' ? 'en' : 'zh'}"]`);
|
||
|
||
showElements.forEach(el => el.classList.remove('hidden'));
|
||
hideElements.forEach(el => el.classList.add('hidden'));
|
||
}
|
||
|
||
// Smooth scrolling for anchor links
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function(e) {
|
||
e.preventDefault();
|
||
|
||
const targetId = this.getAttribute('href');
|
||
const targetElement = document.querySelector(targetId);
|
||
|
||
if (targetElement) {
|
||
window.scrollTo({
|
||
top: targetElement.offsetTop - 80,
|
||
behavior: 'smooth'
|
||
});
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|