|
1 | | -:::info 敬请期待 |
| 1 | +--- |
| 2 | +title: 合作伙伴 |
| 3 | +hide_table_of_contents: true |
| 4 | +--- |
2 | 5 |
|
3 | | -合作伙伴页面正在建设中。 |
| 6 | +import Tabs from '@theme/Tabs'; |
| 7 | +import TabItem from '@theme/TabItem'; |
| 8 | +import useBaseUrl from '@docusaurus/useBaseUrl'; |
4 | 9 |
|
5 | | -::: |
| 10 | +<style>{` |
| 11 | + .partner-card {height: 120px;display: flex !important;align-items: center;justify-content: center;overflow: hidden;transition: transform 0.3s ease;border: 1px solid #f0f0f0;border-radius: 12px;padding: 20px;box-shadow: 0 4px 12px rgba(0,0,0,0.05);} |
| 12 | + .partner-card:hover {transform: translateY(-5px);} |
| 13 | + .partner-card p {margin: 0 !important;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;} |
| 14 | + .partner-card img {max-width: 160px !important;max-height: 60px !important;width: auto !important;height: auto !important;object-fit: contain !important;cursor: pointer;} |
| 15 | + |
| 16 | + .custom-banner { |
| 17 | + background-color: #7D52F4; |
| 18 | + position: relative; |
| 19 | + padding: 60px 20px; |
| 20 | + color: white !important; |
| 21 | + text-align: left; |
| 22 | + border-radius: 10px; |
| 23 | + overflow: hidden; |
| 24 | + z-index: 1; |
| 25 | + } |
| 26 | + .banner-bg { |
| 27 | + position: absolute; |
| 28 | + top: 0; left: 0; width: 100%; height: 100%; |
| 29 | + object-fit: cover; |
| 30 | + z-index: -1; |
| 31 | + opacity: 0.8; |
| 32 | + } |
| 33 | + .banner-overlay { |
| 34 | + position: absolute; |
| 35 | + top: 0; left: 0; width: 100%; height: 100%; |
| 36 | + background: linear-gradient(to right, rgba(125, 82, 244, 0.95), rgba(125, 82, 244, 0.4)); |
| 37 | + z-index: -1; |
| 38 | + } |
| 39 | + |
| 40 | + .custom-footer { |
| 41 | + text-align: center; |
| 42 | + padding: 120px 20px; |
| 43 | + margin-top: 50px; |
| 44 | + position: relative; |
| 45 | + overflow: hidden; |
| 46 | + background-color: transparent; |
| 47 | + } |
| 48 | + .footer-bg { |
| 49 | + position: absolute; |
| 50 | + bottom: 0; left: 50%; |
| 51 | + transform: translateX(-50%); |
| 52 | + width: 100%; |
| 53 | + max-height: 100%; |
| 54 | + z-index: -1; |
| 55 | + object-fit: contain; |
| 56 | + pointer-events: none; |
| 57 | + } |
6 | 58 |
|
7 | | - |
| 59 | + ul.tabs {justify-content: center !important;border-bottom: none !important;gap: 15px !important;display: flex !important;} |
| 60 | + .tabs__item {font-size: 1rem !important;font-weight: bold !important;padding: 10px 20px !important;border-radius: 30px !important;border: 2px solid #f0f0f0 !important;transition: all 0.3s ease;margin: 5px 0 !important;} |
| 61 | + .tabs__item--active {background-color: #7D52F4 !important;color: white !important;border-color: #7D52F4 !important;} |
| 62 | + |
| 63 | + .cert-carousel-container {overflow: hidden;padding: 40px 0;max-width: 1200px;margin: 0 auto;position: relative;} |
| 64 | + .cert-track {display: flex;width: calc(280px * 10);animation: scroll 40s linear infinite;} |
| 65 | + .cert-track:hover {animation-play-state: paused;} |
| 66 | + .cert-slide {width: 280px;height: 200px;padding: 0 15px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;} |
| 67 | + .cert-slide p {margin: 0 !important;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} |
| 68 | + .cert-slide img {max-width: 100% !important;max-height: 100% !important;width: auto !important;height: auto !important;object-fit: contain !important;border-radius: 8px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);background-color: #fff;transition: transform 0.3s;} |
| 69 | + .cert-slide img:hover {transform: scale(1.05);} |
| 70 | + @keyframes scroll {0% { transform: translateX(0); } 100% { transform: translateX(calc(-280px * 5)); }} |
| 71 | +`}</style> |
8 | 72 |
|
| 73 | +<div className="custom-banner"> |
| 74 | + <img className="banner-bg" src={useBaseUrl('/img/partners/partner-background.jpg')} /> |
| 75 | + <div className="banner-overlay"></div> |
| 76 | + <div style={{ maxWidth: '1200px', margin: '0 auto', position: 'relative' }}> |
| 77 | + <h1 style={{ fontSize: '3rem', fontWeight: 'bold', color: 'white', margin: '0 0 15px 0' }}>成为 IvorySQL 的合作伙伴</h1> |
| 78 | + <p style={{ fontSize: '1.2rem', color: 'white' }}>欢迎申请！</p> |
| 79 | + <a href="https://jsj.top/f/AvKTbu" style={{ backgroundColor: '#A38CF9', color: 'white', padding: '10px 25px', borderRadius: '20px', textDecoration: 'none', display: 'inline-block', marginTop: '20px' }}>立即申请</a> |
| 80 | + </div> |
| 81 | +</div> |
| 82 | + |
| 83 | +<div style={{ padding: '50px 0', maxWidth: '1200px', margin: '0 auto' }}> |
| 84 | +<Tabs defaultValue="tech" values={[{label: '技术与生态伙伴', value: 'tech'},{label: '社区与活动伙伴', value: 'community'},{label: '解决方案与商业伙伴', value: 'solutions'},{label: '教育与科研伙伴', value: 'academic'}]}> |
| 85 | +<TabItem value="tech"> |
| 86 | +<p style={{ color: '#666', marginTop: '20px', textAlign: 'center' }}>深度兼容主流基础设施，构建稳定、高性能的技术生态。</p> |
| 87 | +<div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '20px', marginTop: '20px' }}> |
| 88 | +<div className="partner-card"><a href="https://pigsty.cc/" target="_blank"></a></div> |
| 89 | +<div className="partner-card"><a href="https://www.openkylin.top/index-cn.html" target="_blank"></a></div> |
| 90 | +<div className="partner-card"><a href="https://www.deepin.org/" target="_blank"></a></div> |
| 91 | +<div className="partner-card"><a href="https://openanolis.cn/" target="_blank"></a></div> |
| 92 | +<div className="partner-card"><a href="https://www.kylinos.cn/" target="_blank"></a></div> |
| 93 | +<div className="partner-card"><a href="https://www.data-bene.io/en/" target="_blank"></a></div> |
| 94 | +<div className="partner-card"><a href="https://ongres.com/" target="_blank"></a></div> |
| 95 | +<div className="partner-card"><a href="https://www.navicat.com.cn/" target="_blank"></a></div> |
| 96 | +<div className="partner-card"><a href="https://www.whaleops.com/index.html" target="_blank"></a></div> |
| 97 | +<div className="partner-card"><a href="https://www.loongson.cn/index.php/system/loongarch" target="_blank"></a></div> |
| 98 | +</div> |
| 99 | +</TabItem> |
| 100 | +<TabItem value="community"> |
| 101 | +<p style={{ color: '#666', marginTop: '20px', textAlign: 'center' }}>连接开发者生态，共同推广开源技术与实践案例。</p> |
| 102 | +<div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '20px', marginTop: '20px' }}> |
| 103 | +<div className="partner-card"><a href="https://www.postgresqlchina.com/" target="_blank"></a></div> |
| 104 | +<div className="partner-card"><a href="https://cloudberry.apache.org/" target="_blank"></a></div> |
| 105 | +<div className="partner-card"><a href="https://www.ifclub.org/" target="_blank"></a></div> |
| 106 | +<div className="partner-card"><a href="https://www.modb.pro/" target="_blank"></a></div> |
| 107 | +<div className="partner-card"><a href="https://www.oschina.net/" target="_blank"></a></div> |
| 108 | +<div className="partner-card"><a href="https://segmentfault.com/" target="_blank"></a></div> |
| 109 | +<div className="partner-card"><a href="https://juejin.cn/" target="_blank"></a></div> |
| 110 | +<div className="partner-card"><a href="https://qloc-cn.org/" target="_blank"></a></div> |
| 111 | +<div className="partner-card"><a href="https://kaiyuanshe.cn/" target="_blank"></a></div> |
| 112 | +</div> |
| 113 | +</TabItem> |
| 114 | +<TabItem value="solutions"> |
| 115 | +<p style={{ color: '#666', marginTop: '20px', textAlign: 'center' }}>与领先的系统集成商和解决方案商合作，为企业提供开箱即用的行业化能力。</p> |
| 116 | +<div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '20px', marginTop: '20px' }}> |
| 117 | +<div className="partner-card"><a href="https://www.data-bene.io/en/" target="_blank"></a></div> |
| 118 | +<div className="partner-card"><a href="https://ongres.com/" target="_blank"></a></div> |
| 119 | +<div className="partner-card"><a href="https://www.navicat.com.cn/products/navicat-premium-resources" target="_blank"></a></div> |
| 120 | +</div> |
| 121 | +</TabItem> |
| 122 | +<TabItem value="academic"> |
| 123 | +<p style={{ color: '#666', marginTop: '20px', textAlign: 'center' }}>深化产学研融合，赋能下一代技术人才培养。</p> |
| 124 | +<div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '20px', marginTop: '20px' }}> |
| 125 | +<div className="partner-card"><a href="https://summer-ospp.ac.cn/" target="_blank"></a></div> |
| 126 | +</div> |
| 127 | +</TabItem> |
| 128 | +</Tabs> |
| 129 | +</div> |
| 130 | + |
| 131 | +<div className="cert-carousel-container"> |
| 132 | +<h3 style={{ textAlign: 'center', marginBottom: '30px', color: '#333' }}>兼容认证证书</h3> |
| 133 | +<div className="cert-track"> |
| 134 | +<div className="cert-slide"></div> |
| 135 | +<div className="cert-slide"></div> |
| 136 | +<div className="cert-slide"></div> |
| 137 | +<div className="cert-slide"></div> |
| 138 | +<div className="cert-slide"></div> |
| 139 | +<div className="cert-slide"></div> |
| 140 | +<div className="cert-slide"></div> |
| 141 | +<div className="cert-slide"></div> |
| 142 | +<div className="cert-slide"></div> |
| 143 | +<div className="cert-slide"></div> |
| 144 | +</div> |
| 145 | +</div> |
| 146 | + |
| 147 | +<div style={{background: '#F9F7FF', borderRadius: '16px', padding: '40px', margin: '60px auto', maxWidth: '1200px'}}> |
| 148 | +<h3 style={{ textAlign: 'center', color: '#333' }}>合作伙伴权益</h3> |
| 149 | +<div style={{display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '30px', marginTop: '30px'}}> |
| 150 | +<div><h4 style={{color: '#7D52F4'}}>技术专家支持</h4><p style={{color: '#666', fontSize: '0.95rem'}}>获得 IvorySQL 核心开发团队的直接技术指导，优先获取产品路线图及新功能预览。</p></div> |
| 151 | +<div><h4 style={{color: '#7D52F4'}}>联合品牌推广</h4><p style={{color: '#666', fontSize: '0.95rem'}}>合作伙伴 Logo 将在官网长期展示。通过联合发布白皮书、技术案例及沙龙活动共享流量。</p></div> |
| 152 | +<div><h4 style={{color: '#7D52F4'}}>生态互惠增长</h4><p style={{color: '#666', fontSize: '0.95rem'}}>加入 IvorySQL 全球合作伙伴网络，与上下游厂商建立深度连接，打造联合解决方案。</p></div> |
| 153 | +</div> |
| 154 | +</div> |
| 155 | + |
| 156 | +<div className="custom-footer"> |
| 157 | + <img className="footer-bg" src={useBaseUrl('/img/partners/partner-background-2.svg')} /> |
| 158 | + <h3 style={{ position: 'relative', marginBottom: '20px', zIndex: '1' }}>如果您希望与 IvorySQL 成为合作伙伴，请点击填写申请。</h3> |
| 159 | + <a href="https://jsj.top/f/AvKTbu" style={{ position: 'relative', backgroundColor: '#7D52F4', color: 'white', padding: '10px 30px', borderRadius: '20px', textDecoration: 'none', display: 'inline-block', zIndex: '1' }}>立即申请</a> |
| 160 | +</div> |
0 commit comments