Skip to content

Commit

Permalink
refactor(site): better partners apge
Browse files Browse the repository at this point in the history
  • Loading branch information
@tchiotludo
tchiotludo committed Sep 8, 2023
1 parent cd85a73 commit dabe53c
Show file tree
Hide file tree
Showing 25 changed files with 201 additions and 213 deletions.
2 changes: 1 addition & 1 deletion components/layout/Header.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -140,7 +140,7 @@
</NuxtLink>
</li>
<li>
<NuxtLink class="dropdown-item" href="/kestra-partners" @click="globalClick(true)">
<NuxtLink class="dropdown-item" href="/partners" @click="globalClick(true)">
<Handshake />
<p>
<span>Partners</span><br/>
Expand Down
135 changes: 64 additions & 71 deletions components/partners/BecomeAPartner.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,7 @@
<form ref="becomeAPartner" @submit="checkForm" class="needs-validation" novalidate data-aos="fade-left">
<div class="row mb-3">
<div class="form-group col-md-6 has-error">
<label for="firstName" class="mb-1"
>First Name *</label
>
<label for="firstName" class="mb-1">First Name *</label>
<input
type="text"
class="form-control"
Expand All @@ -26,9 +24,7 @@
/>
</div>
<div class="form-group col-md-6">
<label for="lastName" class="mb-1"
>Last Name *</label
>
<label for="lastName" class="mb-1">Last Name *</label>
<input
type="text"
class="form-control"
Expand All @@ -38,9 +34,7 @@
</div>
</div>
<div class="form-group mb-3">
<label for="companyMail" class="mb-1"
>Company Mail *</label
>
<label for="companyMail" class="mb-1">Company Mail *</label>
<input
type="email"
class="form-control"
Expand All @@ -49,10 +43,7 @@
/>
</div>
<div class="form-group mb-3">
<label for="jobTitle" class="mb-1"
>
Job Title
</label>
<label for="jobTitle" class="mb-1">Job Title</label>
<input
type="text"
class="form-control"
Expand All @@ -61,11 +52,7 @@
/>
</div>
<div class="form-group mb-4">
<label for="howToIntegrateKestraPartnerShip" class="mb-1"
>
How would you integrate Kestra partnership program?
</label
>
<label for="howToIntegrateKestraPartnerShip" class="mb-1">How would you integrate Kestra partnership program?</label>
<input
type="text"
class="form-control"
Expand Down Expand Up @@ -96,68 +83,74 @@
</template>

<script setup>
const hubSpotUrl = "https://api.hsforms.com/submissions/v3/integration/submit/27220195/77f32ae3-0f49-404a-a28d-6dfe92c8bc78";
const checkForm = function (){
e.preventDefault()
e.stopPropagation()
const hubSpotUrl = "https://api.hsforms.com/submissions/v3/integration/submit/27220195/77f32ae3-0f49-404a-a28d-6dfe92c8bc78";
const checkForm = (e) => {
e.preventDefault()
e.stopPropagation()
const form = this.$refs.becomeAPartner;
const route = useRoute();
if (form.checkValidity()) {
form.classList.add('was-validated')
const form = this.$refs.becomeAPartner;
const route = useRoute();
if (form.checkValidity()) {
form.classList.add('was-validated')
const formData = {
fields: [{
objectTypeId: "0-1",
name: "firstname",
value: form.firstName.value
},
{
objectTypeId: "0-1",
name: "lastname",
value: form.lastName.value
},
{
objectTypeId: "0-1",
name: "companyMail",
value: form.companyMail.value
},
{
objectTypeId: "0-1",
name: "jobTitle",
value: form.jobTitle.value
},
{
objectTypeId: "0-1",
name: "howToIntegrateKestraPartnerShip",
value: form.howToIntegrateKestraPartnerShip.value
}],
context: {
pageUri: route.path,
pageName: route.path
const formData = {
fields: [{
objectTypeId: "0-1",
name: "firstname",
value: form.firstName.value
},
{
objectTypeId: "0-1",
name: "lastname",
value: form.lastName.value
},
{
objectTypeId: "0-1",
name: "companyMail",
value: form.companyMail.value
},
{
objectTypeId: "0-1",
name: "jobTitle",
value: form.jobTitle.value
},
{
objectTypeId: "0-1",
name: "howToIntegrateKestraPartnerShip",
value: form.howToIntegrateKestraPartnerShip.value
}],
context: {
pageUri: route.path,
pageName: route.path
}
}
}
fetch(hubSpotUrl, {method: "POST", body: JSON.stringify(formData), headers: {"Content-Type": "application/json"}})
.then((_) => {
form.reset()
form.classList.remove('was-validated')
fetch(hubSpotUrl, {
method: "POST",
body: JSON.stringify(formData),
headers: {"Content-Type": "application/json"}
})
.then((_) => {
form.reset()
form.classList.remove('was-validated')
})
}
}
}
</script>

<style lang="scss" scoped>
@import "../../assets/styles/variable";
.container-fluid {
background: $purple-13;
@import "../../assets/styles/variable";
.form-group {
margin-bottom: 10px;
}
.container-fluid {
background: $purple-13;
.mandatory-fields {
color: $purple-15;
font-size: small;
.form-group {
margin-bottom: 10px;
}
.mandatory-fields {
color: $purple-15;
font-size: small;
}
}
}
</style>
70 changes: 35 additions & 35 deletions components/partners/BetterTogether.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,23 +38,23 @@ export default {
return {
testimonialData: [
{
profile: "/partners/Chris-Tata.svg",
profile: "/partners/chris-tata.svg",
message:
"Airbyte and Kestra share a common vision: to simplify data pipeline creation. This partnership brings together the strengths of two leading data management companies, so our customers can get the most out of their data and achieve their business goals.",
name: "Chris Tata",
designation: "Head of Partnerships @ Airbyte",
alt: "Picture of Chris Tata",
},
{
profile: "/partners/Adrian-Brudaru.svg",
profile: "/partners/adrian-brudaru.svg",
message:
"Kestra and dlt share a vision of simplifying data pipeline creation. Thanks to Kestra's and dlt's declarative interface, you can deploy existing pipelines in seconds or build new ones in minutes, complete with self healing schemas and lineage to increase robustness and trust.",
name: "Adrian Brudaru",
designation: "Co-Founder @ dlthub",
alt: "Picture of Adrian Brudaru",
},
{
profile: "/partners/Charles-Letaillieur.svg",
profile: "/partners/charles-letaillieur.svg",
message:
"Kestra offers an elegant solution to the pain points we face in the data transformation projects of our customers: monitoring, management and maintenance of large-scale data flows.What sets Kestra apart is not only its open-source community but also its seamless integration with modern data stack tools like Airbyte and Restack. We are genuinely thrilled to engage Kestra.",
name: "Charles Letaillieur",
Expand All @@ -68,44 +68,44 @@ export default {
</script>

<style lang="scss" scoped>
@import "../../assets/styles/variable";
@import "../../assets/styles/variable";
.row {
align-items: center;
justify-content: center;
}
:deep(.card-body) {
padding: calc($spacer * 2);
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 420px;
&:before {
content: "“";
font-size: 10rem;
color: var(--bs-primary);
position: absolute;
margin-top: -3.5rem;
margin-left: -0.5rem;
.row {
align-items: center;
justify-content: center;
}
p {
margin-top: calc($spacer * 3.5);
}
:deep(.card-body) {
padding: calc($spacer * 2);
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 420px;
.footer {
img {
border-radius: 50%;
float: left;
margin-right: $spacer;
&:before {
content: "“";
font-size: 10rem;
color: var(--bs-primary);
position: absolute;
margin-top: -3.5rem;
margin-left: -0.5rem;
}
span {
font-size: $font-size-sm;
float: left;
p {
margin-top: calc($spacer * 3.5);
}
.footer {
img {
border-radius: 50%;
float: left;
margin-right: $spacer;
}
span {
font-size: $font-size-sm;
float: left;
}
}
}
}
</style>
35 changes: 19 additions & 16 deletions components/partners/Headers.vue
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<template>
<div class="position-relative container-fluid d-flex justify-content-center">
<div class="position-relative">
<img src="/partners/Frame922.svg" alt="Frame 922">
<img src="/partners/background.svg" alt="Frame 922" />
<div class="logo position-absolute start-50 translate-middle">
<img src="/partners/Badge_Kestra_Technology_Partner.svg" alt="Badge_Kestra_Technology_Partner">
<img src="/partners/badge-partner.svg" alt="Become Kestra partner">
</div>
</div>
<div class="description position-absolute start-50 translate-middle text-center w-50">
Expand All @@ -15,19 +15,22 @@
</template>

<style scoped lang="scss">
@import "../../assets/styles/variable";
.container-fluid {
background: $purple-17;
padding-bottom: 3rem;
.logo {
top: 245px;
}
.description {
top: 75%;
}
h2 span {
font-weight: 100;
@import "../../assets/styles/variable";
.container-fluid {
background: $purple-17;
padding-bottom: 3rem;
.logo {
top: 245px;
}
.description {
top: 75%;
}
h2 span {
font-weight: 100;
}
}
}
</style>
Loading

1 comment on commit dabe53c

@vercel
Copy link

@vercel vercel bot commented on dabe53c Sep 8, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

kestra-io – ./

kestra-io-kestra.vercel.app
kestra-io-git-main-kestra.vercel.app
kestra-io.vercel.app

Please sign in to comment.