2025-05-14 15:25:41 +08:00
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- Hero for landing page -->
<!-- binbash leverage documetation -->
< section class = "first-gradiant-body w-100" >
< div class = "md-grid conteiner-row pt-1 pt-lg-5 my-4" >
< div class = "px-3 ctx-header-text conteiner" >
< div class = "conteiner-row" >
< p class = "h1 t-b text-xs-center" >
XMOS官方-< a href = "https://www.xmos.com/partners/search"
style="color: inherit; transition: color 0.3s ease;"
class="hover-blue">全球合作伙伴< / a > （ ）
< / p >
< / div >
< p class = "h3 pt-2 text-xs-center" > At the forefront of XMOS Hi-Fi Audio, Microphone Arrays, and Voice Noise Cancellation, we deliver full-scale, dependable, custom audio solutions designed to add value for our clients.< / p >
< div class = "conteiner-row conteiner-xs" >
< button
type="button"
title="Solutions"
onclick="location.href='./solutions/'"
class="btn-dark btn-xl-large btn-lg-large mx-3 mt-3 my-md-5 my-lg-5 my-xl-5 box-shadow"
>
Solutions
< / button >
< button
type="button"
title="Products"
onclick="location.href='./products/'"
class="btn-warning btn-xl-large btn-lg-large mx-3 mt-3 my-md-5 my-lg-5 my-xl-5 box-shadow"
style="background-color: #ffffff;"
>
Products
< / button >
< / div >
< / div >
< div class = "ctx-header-img d-lg" >
2025-05-15 14:30:52 +08:00
< img src = "assets/images/logos/phaten_var_certificate.png" class = "laverage-header-img mx-lg-5" / >
2025-05-14 15:25:41 +08:00
< / div >
< / div >
< / section >
< section class = "second-gradiant-body w-100" >
<!-- We ship it. You own it -->
<!--
< div class = "md-grid conteiner-row pt-4 my-4" >
< div class = "card-white py-3 mx-xs-3 mx-sm-3 mx-4 mx-xl-0 " >
< div class = "conteiner-row" >
< div class = "conteiner ctx-card-white-1 pt-4" >
< div class = "d-sm text-align-center" >
< p class = "display-3 Telegraf-UltraBold text-dark mx-auto mt-4" > We ship it.< / p >
< p class = "display-3 Telegraf-UltraBold text-pink mx-auto my-4" > You own it.< / p >
< / div >
< div class = "d-sm-none d-md-none d-lg-none d-xl-none text-align-center" >
< p class = "display-4 Telegraf-UltraBold text-dark mx-auto mt-4" > We ship it.< / p >
< p class = "display-4 Telegraf-UltraBold text-pink mx-auto my-4" > You own it.< / p >
< / div >
< div class = "conteiner ctx-card-white-1 text-dark h3 d-lg-none d-xl-none my-xs-5 my-sm-5 my-md-5" >
< ul class = "ul-home mx-xs-auto mx-sm-auto mx-md-auto my-xs-5 my-sm-5 my-md-5" >
< li > - Own your AWS infrastructure< / li >
< li > - Implement, reuse and scale faster< / li >
< li > - Bootstrap your AWS Landing Zone< / li >
< li > - Proven libraries and modules< / li >
< li > - Modern Terraform, Ansible, Helm, K8s Stack< / li >
< li > - Optimize your cloud costs by design< / li >
< li > - Secure your cloud assets and production workloads< / li >
< li > - Achieve compliance in AWS< / li >
< / ul >
< / div >
< button
onclick="window.open('https://github.com/binbashar', '_blank')"
title="{{ lang.t('source.link.title') }}"
type="button"
class="btn-white btn-xl-large btn-lg-large box-shadow mx-auto my-4"
>
Contribute on GitHub
< / button >
< / div >
< div class = "conteiner ctx-card-white-1 text-dark h3 d-lg" >
< ul >
< li > - Own your AWS infrastructure< / li >
< li > - Implement, reuse and scale faster< / li >
< li > - Bootstrap your AWS Landing Zone< / li >
< li > - Proven libraries and modules< / li >
< li > - Modern Terraform, Ansible, Helm, K8s Stack< / li >
< li > - Optimize your cloud costs by design< / li >
< li > - Secure your cloud assets and production workloads< / li >
< li > - Achieve compliance in AWS< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
-->
<!-- Whats is leverage -->
< div class = "conteiner-row-lg conteiner-row-xl conteiner py-5 my-5" >
< div class = "conteiner" style = "order:0; flex: 50%;" >
< span class = "h1 t-b text-dark mt-4 text-align-center mx-auto text-end-xl text-end-lg" > Why Choose Phaten Audio Solution?< / span >
< div class = "conteiner ctx-what-is mx-auto" >
< div class = "conteiner text-dark h3 text-align-start text-end-xl text-end-lg my-xs-5 my-sm-5 my-md-5" >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" class = "mx-2" width = "20px" height = "20px" / >
< span class = "t-b" > Top XMOS Talent:< / span > Our professionals are amongst the most skilled in XMOS technology, ensuring rapid project implementation in Hi-Fi Audio, Digital Conferencing, Local Sound Amplification, and Noise-Canceling Microphones.
< / p >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" class = "mx-2" width = "20px" height = "20px" / >
< span class = "t-b" > Complete XMOS Hi-Fi Solutions:< / span > We offer comprehensive TurnKey solutions for XMOS Hi-Fi Audio, Microphone Arrays, and Voice Noise Reduction to meet diverse product needs.
< / p >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" class = "mx-2" width = "20px" height = "20px" / >
< span class = "t-b" > Proven XMOS Modules:< / span > With our market-tested XMOS modules and PCBAs, clients can swiftly achieve design and development milestones.
< / p >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" class = "mx-2" width = "20px" height = "20px" / >
< span class = "t-b" > Automated Production Workshop:< / span > Our 10,000 m² automated workshop guarantees high-quality product outputs and expedited delivery times.
< / p >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" class = "mx-2" width = "20px" height = "20px" / >
< span class = "t-b" > Extensive Documentation:< / span > Clients benefit from our thorough product documentation, enabling quick access to technical materials necessary for product development.
< / p >
<!--
< button
onclick="location.href='https://www.binbash.co/leverage'"
title="{{ page.next_page.title | e }}"
type="button"
class="btn-dark btn-xl-large btn-lg-large my-4 box-shadow ml-auto mx-xs-auto mx-sm-auto mx-md-auto"
>
产品中心
< / button >
-->
< / div >
< / div >
< / div >
< div class = "conteiner" style = "order:1; flex: 50%; overflow:hidden;" >
< img src = "assets/images/illustrations/fty-serves.png" class = "laverage-mac-img my-xs-5 my-sm-5 my-md-5" / >
< / div >
< / div >
< / section >
<!-- Why Leverage -->
<!--
< section class = "third-dark-body w-100" >
< div class = "conteiner py-5 my-5" >
< img src = "assets/images/illustrations/why-leverage.svg" class = "why-laverage-img" / >
< img src = "assets/images/illustrations/Ilustracion-Binbash.png" class = "laverage-mac2-img" / >
< div class = "conteiner-row" >
< div style = "order:0; flex: 50%;" >
< div class = "conteiner ctx-card-white-1 text-white h3 my-5 d-xl-none d-lg-none mx-auto w-70" >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" class = "mx-2" width = "20px" height = "20px" / >
You will get your entire Cloud Native Application Infra in a few weeks.
< / p >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" class = "mx-2" width = "20px" height = "20px" / >
We've built every component based on the best recommended practices.
< / p >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" class = "mx-2" width = "20px" height = "20px" / >
Implement, reuse and scale your production workloads faster.
< / p >
< / div >
< div class = "conteiner ctx-card-white-1 text-white h3 my-5 mx-auto w-70" >
< btn
onclick="window.open('https://www.binbash.co/competition','_blank')"
title="{{ lang.t('source.link.title') }}"
type="button"
class="btn-rainbow btn-rainbow-custom btn-xl-large btn-lg-large mx-auto text-align-center cursor-pointer"
>
Leverage vs. Competition
< / btn >
< / div >
< / div >
< div style = "order:0; flex: 50%;" class = "d-lg" >
< div class = "card-rainbow second-gradiant-body px-5 py-5" style = "order:1; flex: 100%;" >
< div class = "conteiner ctx-card-white-1 text-dark h3" >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" width = "20px" height = "20px" / >
If you implement our < span class = "t-b" > Reference AWS Cloud Solutions Architecture< / span > and the < span class = "t-b" > Infrastructure as Code (IaC) Library< / span > via < span class = "t-b" > Leverage CLI< / span > , you will get your entire Cloud Native Application Infra in a few weeks.
< / p >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" width = "20px" height = "20px" / >
We've built every component based on the best-recommended practices, mainly following the < span class = "t-b" > AWS Well-Architected Framework< / span > , granting you ownership to implement, reuse and scale your production workloads faster.
< / p >
< p class = "my-3" >
< img src = "assets/images/icons/check-ok.svg" width = "20px" height = "20px" / >
Leverage will solve your entire infrastructure and grant you complete control of the source code, and of course, you'll be able to run it without us.
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
-->
<!-- Our tech stack -->
< section class = "four-gray-body w-100" >
< div class = "md-grid conteiner pt-0 my-0 my-xl-4 my-lg-4" >
< p class = "h1 t-b text-dark Telegraf-UltraBold mt-4 text-align-center text-start-xl text-start-lg" > Workflow for Collaboration< / p >
< img src = "assets/images/logos/hz.png" class = "mx-auto my-2" width = "100%" / >
< div class = "conteiner conteiner-row-lg conteiner-row-xl my-1" >
< div class = "text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style = "order:0; flex: 4%;" >
< / div >
< div class = "text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style = "order:0; flex: 20%;" >
<!-- <p><span class="t - b"> - - - - - - - - - - - 洽谈需求 - - - - - - - - - - - - - - - - - - 确认方案 - - - - - - - - - - - - - - - - - - 产品开发 - - - - - - - - - - - - - - - - - - 集成测试 - - - - - - - - - - - - - - - - - - 量产上线 - - - - - - - - - - - - - - - - - - ></span></p> -->
< p > < span class = "h2 t-b" > Requirements Consultation< / span > < / p >
< / div >
< div class = "text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style = "order:0; flex: 20%;" >
< p > < span class = "h2 t-b" > Solution Confirmation< / span > < / p >
< / div >
< div class = "text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style = "order:0; flex: 20%;" >
< p > < span class = "h2 t-b" > Product Development< / span > < / p >
< / div >
< div class = "text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style = "order:0; flex: 20%;" >
< p > < span class = "h2 t-b" > Integration and Testing< / span > < / p >
< / div >
< div class = "text-dark h3 mx-4 my-3 mx-lg-0 my-xl-0 mx-lg-0 my-xl-0" style = "order:0; flex: 16%;" >
< p > < span class = "h2 t-b" > Mass Production< / span > < / p >
< / div >
< / div >
< div class = "conteiner conteiner-row-lg conteiner-row-xl my-4" >
< div style = "order:0; flex: 50%;" >
< button
onclick="location.href='./services_support/acquire_services/'"
title="Inquiry & Service"
type="button"
class="btn-dark btn-xl-large btn-lg-large my-4 box-shadow mx-auto"
>
Inquiry & Service
< / button >
< / div >
< / div >
<!-- <img src="/assets/images/diagrams/AWS - ORGANIZATION.png" class="mx - auto mt - 5 mb - 3 d - sm" width="100%"/> -->
<!--
< img src = "assets/images/diagrams/ref-architecture-aws.png" class = "mx-auto mt-5 mb-3 d-sm" width = "100%" / >
< img src = "assets/images/diagrams/diagrama-organization-binbash.png" class = "mx-auto mt-5 d-sm-none d-md-none d-lg-none d-xl-none" width = "100%" / >
< div class = "conteiner-row my-0 my-xl-4 my-lg-4 stack-tenology-gradient" >
< img src = "assets/images/logos/stack-tecnologico-2.svg" class = "mx-auto py-3" width = "60%" / >
< / div >
-->
< / div >
< / section >
<!-- Footer -->
< footer class = "bg-dark w-100" >
< div class = "md-grid conteiner-row-xl conteiner-row-lg conteiner pt-5 my-4" >
< div class = "conteiner-row" style = "flex:70%" >
< div class = "text-white d-flex" style = "flex: 20%;" >
< img src = "assets/images/logos/phaten-logo-cn.png" class = "mx-auto" width = "100%" height = "50%" / >
< / div >
< div class = "text-white d-flex" style = "flex: 10%;" >
< / div >
< div class = "text-white" style = "flex: 30%;" >
< div class = "conteiner text-white h35" >
< ul >
< li class = "cursor-pointer item-text-footer" >
< a href = ./solutions/ > Solutions< / a >
< / li >
< li class = "cursor-pointer item-text-footer" >
< a href = ./products/ > Products< / a >
< / li >
< li class = "cursor-pointer item-text-footer" >
< a href = "./dev_doc/" > Documents< / a >
< / li >
< li class = "cursor-pointer item-text-footer" >
< a href = "./services_support/acquire_services/" > Inquiry & Service< / a >
< / li >
< / ul >
< / div >
< / div >
< div class = "text-white" style = "flex: 40%;" >
< div class = "conteiner text-white h35" >
< ul >
< li class = "cursor-pointer item-text-footer" >
< a href = "./about_us/" > About Us< / a >
< / li >
< li class = "cursor-pointer item-text-footer" >
< a href = ".//about_us/xmos/" > XMOS Insights< / a >
< / li >
< li class = "cursor-pointer item-text-footer" >
< a href = "./about_us/join_us/" > Career Opportunities< / a >
< / li >
< li class = "cursor-pointer item-text-footer" target = "_blank" >
< a href = "https://www.phaten.com" > Phaten Group Website< / a >
< / li >
< / ul >
< / div >
< / div >
< / div >
< div class = "conteiner-row" style = "flex:30%" >
< div class = "text-white text-end h3" style = "flex: 40%;" >
< span > Follow Us: < / span >
< / div >
< div class = "text-white text-end h3" style = "flex: 5%;" >
< / div >
< div class = "text-white h3" style = "flex: 55%;" >
< img
src="assets/images/logos/phten-wechat.png"
title="Phaten WeChat"
class="mx-auto"
class="mx-3 cursor-pointer item-social-media"
width="50%"
/>
< / div >
< / div >
< / div >
< / footer >
< style >
/* 用来给文字"全球合作伙伴"加上样式的 */
.hover-blue:hover {
color: #2094F8 !important; /* 悬停时变为蓝色 */
background: linear-gradient(to right, currentColor, #2094F8); /* 渐变效果 */
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
< / style >
{% endblock %}
