ftyyda/phaten-audio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add

Browse Source
This commit is contained in:
Diro
2025-06-13 13:37:50 +08:00
parent 8cd559b4a2
commit d64db29349
75 changed files with 6001 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

185
zh/material/overrides/work-with-us/leverage-vs-competition.html Normal file
View File

@@ -0,0 +1,185 @@
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- COMPARISON TABLE -->
<section class="tx-container-2">
<div class="md-grid md-typeset">
<br>
<h1 id="comparison-table"
style="text-align: center; color: #181917; font-weight: 600">
Leverage competitive advantages
</h1>
<h4
style="text-align: left; color: #181917; font-weight: 300; margin-left: 60px">
✅ Reduce the staff/skilling issue gap <br>
✅ Avoid from scratch and custom solutions hidden costs
(in many cases hundreds of thousands of dollars to implement)<br>
✅ Leverage is several orders of
magnitude less expensive (either time, money and risk) to
implement than a custom AWS solution for your business<br>
</h4>
<div class="table-wrapper" style="color: #181917">
<table class="fl-table">
<thead>
<tr>
<th style="text-align: center">FEATURE</th>
<th style="text-align: center">DO IT YOURSELF (in house)</th>
<th style="text-align: center">EXTERNAL CONSULTANT / <br>
CONSULTING FIRM</th>
<th style="text-align: center"><strong>BINBASH LEVERAGE</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>STARTING POINT</strong></td>
<td>From scratch</td>
<td>From scratch</td>
<td><a href="https://github.com/binbashar">
✅ Leverage 5+ years and 140+ Open Source<br>
repos of production ready code
</a></td>
</tr>
<tr>
<td><strong>INCENTIVES</strong></td>
<td>Minimize investment of time</td>
<td>Maximize billable hours</td>
<td><a href="https://leverage.binbash.com.ar/#tech-stack">
✅ Maximize utility w/ reusable components<br>
(IaC library) + Cross project reference<br>
architecture under best practices
</a></td>
</tr>
<tr>
<td><strong>SCOPE OF WORK</strong></td>
<td>Varies depending on team knowledge<br>
and time available</td>
<td>Varies depending on consultant<br>
knowledge and budget available</td>
<td><a href="https://leverage.binbash.com.ar/how-it-works/ref-architecture/">
✅ End-to-end, modular architecture that<br>
fulfills a production-ready solution<br>
roadmap fully based on the<br>
AWS Well-Architected Framework
</a></td>
</tr>
<tr>
<td><strong>TIME TO LAUNCH & PROD GO LIVE!</strong></td>
<td>3 – 12 months (highly variable)</td>
<td>3 – 12 months (highly variable)</td>
<td><a href="https://leverage.binbash.com.ar/work-with-us/">
✅ 1 – 3 months (highly predictable<br>
depending on your project complexity needs)
</a></td>
</tr>
<tr>
<td><strong>MONTHLY COST</strong></td>
<td>$14,000 – $32,000 per month<br>
(2 Sr DevOps Engineers / SRE / Cloud<br>
Architects, $80k–$150k /year)</td>
<td>$32,000 – $64,000 per month<br>
(2 Sr DevOps, SRE or Cloud Consultants,<br>
$100–$200 /hour)</td>
<td>✅ $0 – $10,800 per month<br>
(Leverage Support team, $80 – 90 / hour)<br>
<a href="https://leverage.binbash.com.ar/work-with-us/subscription-plans/">
- Subscription Plans</a><br>
<a href="https://leverage.binbash.com.ar/work-with-us/faqs/#rates-and-billing">
- Rates and Billing</a>
</a></td>
</tr>
<tr>
<td><strong>DOCS & TESTS</strong></td>
<td>❌ None</td>
<td>❌️ None</td>
<td><a href="https://leverage.binbash.com.ar">
✅ Complete documentation and automated tests<br>
Better code quality and modules library<br>
maturity (proven and tested).
</a></td>
</tr>
<tr>
<td><strong>AUTOMATED DEPLOYMENT</strong></td>
<td>❌ None</td>
<td>❌ None</td>
<td>✅ <a href="https://github.com/binbashar/leverage">
Leverage CLI (Command Line Interface)</a>
</td>
</tr>
<tr>
<td><strong>SECURITY & BEST PRACTICES</strong></td>
<td>Varies depending on team knowledge<br>
and time available</td>
<td>Varies depending on consultant
<br> knowledge and budget available</td>
<td>✅ Security by design based on: <br>
<a href="https://docs.aws.amazon.com/prescriptive-guidance/latest/security-reference-architecture/architecture.html">
- AWS Security Reference Architecture</a><br>
<a href="https://aws.amazon.com/architecture/well-architected/">
- AWS Well-Architected Framework</a>
</td>
</tr>
<tr>
<td><strong>CONFIGURABLE BEHAVIOUR</strong></td>
<td>❌ None</td>
<td>❌ None</td>
<td>Composable, extensible & customizable <br>
(Provides reasonable defaults, but it’s<br>
very configurable in case you need more control)</td>
</tr>
<tr>
<td><strong>INFRA AS CODE (IAC) & VERSIONING</strong></td>
<td>Varies depending on team knowledge<br>
and time available</td>
<td>Varies depending on consultant<br>
knowledge and budget available</td>
<td>100% Infra as Code (IaC) versioned approach</td>
</tr>
<tr>
<td><strong>SUPPORT & MAINTENANCE</strong></td>
<td>❌ None</td>
<td>❌️ None<br>
(or paying even more money)</td>
<td>
✅ On-going maintenance, continuous updates<br>
and improvements, version upgrades and<br>
security patches
</td>
</tr>
<tbody>
</table>
</div>
</div>
</section>
<!-- Footer Section -->
<section class="tx-footer">
<div class="md-grid md-typeset">
<div class="tx-hero">
<!-- Hero content -->
<div class="tx-hero__content-footer">
<p style="text-align:center;">
© 2021
<strong>
<a href="https://www.binbash.com.ar">Binbashar, Inc</a>
</strong>. All rights reserved
|| Contact us 📧
<strong>
<a href="https://mail.google.com/mail/?view=cm&fs=1&to=info@binbash.com.ar&su=Leverage Contact
&body=Dear Leverage Team,">info@binbash.com.ar</a>
</strong>.
</p>
</div>
</div>
</div>
</section>
{% endblock %}

185
zh/material/overrides/work-with-us/subscription-plans.html Normal file
View File

@@ -0,0 +1,185 @@
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- BRAINTRUST AGENCY -->
<!--<section class="tx-container-2">
<div class="md-grid md-typeset">
<div class="tx-hero__image-2">
<img
src="../../assets/images/logos/binbash-braintrust.png"
alt=""
width="800"
draggable="false"
align="left"
>
</div>
<div class="tx-hero">
&lt;!&ndash; Hero content &ndash;&gt;
<div class="tx-hero__content-2">
<h1 id="braintrust-agency">Braintrust Agency</h1>
<p><br>
Find us at <b>Braintrust</b> talent platform<br>
<i>"Creating the future of work, to benefit enterprise and talent alike".</i>
</p>
<a
href="https://app.usebraintrust.com/agency/432/"
title="{{ page.next_page.title | e }}"
class="md-button md-button"
>
Hire us at Braintrust
</a>
</div>
</div>
</div>
</section>-->
<!-- 7th Section -->
<!-- SUBSCRIPTION PLANS -->
<section>
<!-- Contenedor -->
<div class="pricing-wrapper clearfix">
<!-- Titulo -->
<h1 class="pricing-table-title" id="leverage-subscription" style="text-align: left">
Subscription Plans
</h1>
<div class="pricing-table">
<h3 class="pricing-title">Community (Free)</h3>
<div class="price">$0<sup>/ month</sup></div>
<!-- Lista de Caracteristicas / Propiedades -->
<ul class="table-list">
<li>AWS Reference Architecture <span>access</span></li>
<li>+120 Open Source modules <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Documentation <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Public Slack Channel <span>access</span></li>
<li>Community <span>support</span></li>
</ul>
<!-- Contratar / Contact Us -->
<div class="table-buy">
<p><sup> Open Source ❤️</sup></p>
<a href="https://github.com/binbashar"
class="pricing-action">Free</a>
</div>
</div>
<div class="pricing-table">
<h3 class="pricing-title">Basic</h3>
<div class="price">$3400<sup>/ month</sup></div>
<!-- Lista de Caracteristicas / Propiedades -->
<ul class="table-list">
<li>AWS Reference Architecture <span>access</span> <span class="unlimited">unlimited</span></li>
<li>+120 Open Source modules <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Documentation <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Public Slack Channel <span>access</span></li>
<li>Basic <span>support</span> <span class="unlimited">limited</span> <br>
<p data-tooltip="SLAs: 96hs (response time). Best effort delivery (prime time hours). Support tasks should not exceed an estimated effort > 40 hs / month."
style="text-align: left">
<small>
✅ 1 x repos feature request<br>
✅ 1 x bug fix request<br>
✅ 2 x imple support request<br>
✅ Notif (sec, updates, eol, releases) <br>
📒 Annual contract (Billed monthly or annually)
</small>
</p>
</li>
</ul>
<!-- Contratar / Contact Us -->
<div class="table-buy">
<p>$3400<sup>/ month (40hs)</sup></p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScgYmguLk5lDgrDa7HEt8hZFsRKncCf0XMezbDRsXt4mixg4Q/viewform?usp=sf_link"
class="pricing-action">Contact Us</a>
</div>
</div>
<div class="pricing-table recommended">
<h3 class="pricing-title">Premium</h3>
<div class="price">$6400<sup>/ month</sup></div>
<!-- Lista de Caracteristicas / Propiedades -->
<ul class="table-list">
<li>AWS Reference Architecture <span>access</span> <span class="unlimited">unlimited</span></li>
<li>+120 Open Source modules <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Documentation <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Private & Public Slack Channel <span>access</span></li>
<li>Premium <span>support</span> <span class="unlimited">limited</span> <br>
<p data-tooltip="SLAs: 96hs (response time). Best effort delivery (prime time hours). Support tasks should not exceed an estimated effort > 80 hs / month. If more hours are needed it could be reviewed."
style="text-align: left">
<small>
✅ 2 x repos feature requests <br>
✅ 2 x bug fix requests<br>
✅ 4 x imple support requests<br>
✅ Notif (sec, updates, eol, releases) <br>
📒 Annual contract (Billed monthly or annually)
</small>
</p>
</li>
</ul>
<!-- Contratar / Contact Us -->
<div class="table-buy">
<p>$6400<sup>/ month (80hs)</sup></p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScgYmguLk5lDgrDa7HEt8hZFsRKncCf0XMezbDRsXt4mixg4Q/viewform?usp=sf_link"
class="pricing-action">Contact Us</a>
</div>
</div>
<div class="pricing-table">
<h3 class="pricing-title">Business</h3>
<div class="price">$90<sup>/ hour</sup></div>
<!-- Lista de Caracteristicas / Propiedades -->
<ul class="table-list">
<li>AWS Reference Architecture <span>access</span> <span class="unlimited">unlimited</span></li>
<li>+120 Open Source modules <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Documentation <span>access</span> <span class="unlimited">unlimited</span></li>
<li>Public & Private Slack Channel <span>access</span></li>
<li>Business <span>support</span> <span class="unlimited">on-demand</span> <br>
<p data-tooltip="SLAs: 72hs (response time). Best effort delivery (prime time hours). Support tasks estimated effort should be between 80 and 120 hs / month."
style="text-align: left">
<small>
✅ on-demand custom modules reqs<br>
✅ on-demand repos feature reqs<br>
✅ on-demand bug fix requests<br>
✅ on-demand imple support reqs<br>
✅ Notif (sec, updates, eol, releases) <br>
📒 Annual contract (Billed monthly or annually)
</small>
</p>
</li>
</ul>
<!-- Contratar / Contact Us -->
<div class="table-buy">
<p>$10800<sup>/ month (120hs)</sup></p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScgYmguLk5lDgrDa7HEt8hZFsRKncCf0XMezbDRsXt4mixg4Q/viewform?usp=sf_link"
class="pricing-action">Contact Us</a>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<section class="tx-footer">
<div class="md-grid md-typeset">
<div class="tx-hero">
<!-- Hero content -->
<div class="tx-hero__content-footer">
<p style="text-align:center;">
© 2021
<strong>
<a href="https://www.binbash.com.ar">Binbashar, Inc</a>
</strong>. All rights reserved
|| Contact us 📧
<strong>
<a href="https://mail.google.com/mail/?view=cm&fs=1&to=info@binbash.com.ar&su=Leverage Contact
&body=Dear Leverage Team,">info@binbash.com.ar</a>
</strong>.
</p>
</div>
</div>
</div>
</section>
{% endblock %}

479
zh/material/overrides/work-with-us/team.html Normal file
View File

@@ -0,0 +1,479 @@
{% extends "overrides/main-styles.html" %}
<!-- Render hero under tabs -->
{% block tabs %}
{{ super() }}
<!-- Team Section Style -->
<style>
*{
box-sizing: border-box
}
body{
margin: 0;
padding: 0;
font-family: Helvetica;
font-weight: 100;
color: #777;
}
.container-testimonial{
background: rgb(237, 239, 240);
height: 30vh;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
margin-left: 150px;
margin-right: 150px;
}
.testimonial-header{
margin-top: 50px;
margin-bottom: 30px;
border-radius: 10px;
position: center;
justify-content:center;
font-size: 42px;
color: #2a978d;
}
.testimonial-card{
min-height: 300px;
width: 350px;
background-color: white;
border-radius: 10px;
box-shadow: 0 8px 30px rgba(0,0,0,.3);
display: flex;
flex-flow: column;
justify-content:space-between;
margin-left: 10px;
}
.text{
padding: 2em;
line-height: 1.7em;
position: relative;
font-size: 14px;
color: #181917;
margin-bottom: 50px;
}
.image{
background-color:tomato;
height: 140px;
width: 140px;
border-radius: 50%;
border: 5px solid white;
position: absolute;
top: -50%;
left: 50%;
transform: translateX(-50%);
display:flex;
justify-content:center;
}
.footer{
background: linear-gradient(90deg, #181917 0%, #2a978d 100%);
height: 185px;
border-radius: 0 0 10px 10px;
position:relative;
}
.quote{
font-size: 400%;
float: right;
opacity: .1;
transform: rotate(10deg) translate(-10px, -40px);
color:#4D3FA3;
}
.person{
color:white;
position: absolute;
margin-top: 0px;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
font-size: 0.9rem;
font-weight: 550;
}
.person-title{
color:white;
position: absolute;
margin-top: 10px;
top: 90%;
left: 50%;
transform: translate(-50%, -100%);
font-size:0.65rem;
font-weight: 300;
}
@media screen and (max-width: 30em) {
.container-testimonial{
background: rgb(237, 239, 240);
height: 50vh;
display: table;
align-items: center;
justify-content: left;
margin-bottom: 30px;
margin-left: 5px;
margin-right: 5px;
}
.testimonial-card {
min-height: 250px;
width: 350px;
background-color: white;
border-radius: 10px;
box-shadow: 0 8px 30px rgb(0 0 0 / 30%);
display: flex;
flex-flow: column;
justify-content: space-between;
margin-left: 10px;
margin-bottom: 5px;
}
.testimonial-header{
margin-top: 50px;
margin-bottom: 30px;
border-radius: 10px;
position: center;
justify-content:center;
font-size: 24px;
color: #2a978d;
}
.footer{
background: linear-gradient(90deg, #181917 0%, #2a978d 100%);
height: 165px;
border-radius: 0 0 10px 10px;
position:relative;
}
}
@media only screen and (min-width: 481px) and (max-width: 1600px) {
.container-testimonial{
background: rgb(237, 239, 240);
height: 30vh;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 80px;
margin-left: 150px;
margin-right: 150px;
}
}
</style>
<!-- 1st Section -->
<!-- BRAINTRUST AGENCY -->
<section class="tx-container-2">
<div class="md-grid md-typeset">
<div class="tx-hero__image-2">
<img
src="../../assets/images/logos/binbash-braintrust.png"
alt=""
width="800"
draggable="false"
align="left"
>
</div>
<div class="tx-hero">
<!-- Hero content -->
<div class="tx-hero__content-2">
<h1 id="braintrust-agency">Braintrust Agency</h1>
<p><br>
Find us at <b>Braintrust</b> talent platform<br>
<i>"Creating the future of work, to benefit enterprise and talent alike".</i>
</p>
<a
href="https://app.usebraintrust.com/agency/432/"
title="{{ page.next_page.title | e }}"
class="md-button md-button"
>
Hire us at Braintrust
</a>
</div>
</div>
</div>
</section>
<!-- 2nd Section -->
<!-- TEAM -->
<section class="tx-container-testimonial">
<div>
<!-- Titulo -->
<h1 class=testimonial-header id="testimonials" style="text-align: center">
Meet our Team
</h1>
</div>
<div class="container-testimonial">
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/marcos.pagnucco.bwc.png);">
</div>
<h3 class='person'>
Marcos Pagnucco
</h3>
<h5 class='person-title' style="text-align:center;">Co-Founder & DevOps Cloud Engineer<br>
<a href="https://www.linkedin.com/in/pagnucco/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/exequiel.barrirero.bwc.png);">
</div>
<h3 class='person'>
Exequiel Barrirero
</h3>
<h5 class='person-title' style="text-align:center;">Co-Founder & DevOps Cloud Engineer<br>
<a href="https://www.linkedin.com/in/barrireroexequiel/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/diego.ojeda.bwc.png);">
</div>
<h3 class='person'>
Diego A. Ojeda
</h3>
<h5 class='person-title' style="text-align:center;">DevOps Cloud Solutions Consultant<br>
<a href="https://www.linkedin.com/in/diegoaojeda/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/carolina.rey.bwc.png);">
</div>
<h3 class='person'>
Carolina Rey
</h3>
<h5 class='person-title' style="text-align:center;">Emotional Intelligence Coach<br>
<a href="https://www.linkedin.com/in/caroreyp/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
</div>
<div class="container-testimonial">
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/marcelo.beresvil.bwc.png);">
</div>
<h3 class='person'>
Marcelo Beresvil
</h3>
<h5 class='person-title' style="text-align:center;">CFO & BizDev Manager<br>
<a href="https://www.linkedin.com/in/marceloberesvil/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/luis.gallardo.bwc.png);">
</div>
<h3 class='person'>
Luis Gallardo
</h3>
<h5 class='person-title' style="text-align:center;">Cloud Solutions Architect<br>
<a href="https://www.linkedin.com/in/lgallard/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/angelo.fenoglio.bwc.png);">
</div>
<h3 class='person'>
Angelo Fenoglio
</h3>
<h5 class='person-title' style="text-align:center;">Software Engineer / DevOps Engineer<br>
<a href="https://www.linkedin.com/in/angelofenoglio/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/patricia.charlier.bwc.png);">
</div>
<h3 class='person'>
Patricia Charlier
</h3>
<h5 class='person-title' style="text-align:center;">Project Manager<br>
<a href="https://www.linkedin.com/in/patricia-charlier-653bb23b/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
</div>
<div class="container-testimonial">
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/matias.rodriguez.bwc.png);">
</div>
<h3 class='person'>
Matías Rodriguez
</h3>
<h5 class='person-title' style="text-align:center;">OSS Developer<br>
<a href="https://www.linkedin.com/in/rodriguezmatias/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
<div class="testimonial-card">
<div>
</div>
<div class="footer">
<div class="image" style=" background:no-repeat center/cover url(../../assets/images/team/alejandro.parise.bwc.png);">
</div>
<h3 class='person'>
Alejandro Parise
</h3>
<h5 class='person-title' style="text-align:center;">Business Advisor<br>
<a href="https://www.linkedin.com/in/aleparise/" style="color: aquamarine">
<img
class = icon
src="../../assets/images/logos/linkedin.png"
alt=""
width="20"
draggable="false"
>
LinkedIn</a><br>
</h5>
</div>
</div>
</div>
</section>
<!-- CERTS & APN -->
<section class="tx-container-3">
<div class="md-grid md-typeset">
<div class="tx-hero">
<!-- Hero image -->
<div class="tx-hero__image-4">
<img
src="../../assets/images/illustrations/home-section-7.png"
alt=""
width="800"
draggable="false"
>
</div>
</div>
</div>
</section>
{% endblock %}