Skip to content

Commit

Permalink
feat(websites): add Low-code/No-code page to Platform website #7749 (#…
Browse files Browse the repository at this point in the history
  • Loading branch information
msynk authored Jun 10, 2024
1 parent e985edb commit f99f70a
Show file tree
Hide file tree
Showing 21 changed files with 677 additions and 140 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -123,7 +123,7 @@
<section class="page-section customer-section">
<div class="page-section-content">
<div class="section-title-container">
<BitTypography Variant="BitTypographyVariant.H6" Gutter Class="section-title">What customers say</BitTypography>
<BitTypography Variant="BitTypographyVariant.H6" Gutter Class="section-title">Our customers</BitTypography>
<div class="section-title-line"></div>
</div>
<br />
Expand All @@ -132,59 +132,32 @@
<br />
they can make
</BitTypography>

<BitCarousel Class="customer-feedback-carousel" ShowNextPrev="false" AutoPlay="true" AutoPlayInterval="10000" InfiniteScrolling="true">
<BitCarouselItem>
<div class="customer-feedback-card">
<a href="https://twitter.com/mehrandvd/status/1553142453091401729" target="_blank"><div class="twitter-icon"></div></a>
<div class="customer-feedback-txt">
I'm more than happy for the decision we made to use <span class="highlighted-txt">#BitPlatform</span> in our #dotnet products at
@@MelkRadar and #BeyondTeam and all other teams I'm consulting. It's so promising,
robust and reliable for scale...
</div>
<div class="author-container">
<img class="customer-image" src="images/home/twitter/1.webp" />
<div class="customer-feedback-name">uɒɹɥəɯ</div>
</div>
</div>
</BitCarouselItem>
<br />
<BitCarousel Class="customer-carousel" ShowNextPrev="false" AutoPlay="true" AutoPlayInterval="10000" InfiniteScrolling="true">
<BitCarouselItem>
<div class="customer-feedback-card">
<a href="https://twitter.com/sameerrdubey/status/1761762309586690499" target="_blank"><div class="twitter-icon"></div></a>
<div class="customer-feedback-txt">
Great platform to make cutting-edge cross platform apps with c#, you become full-stack developer already with <span class="highlighted-txt">@@bitplatformhq</span>
</div>
<div class="author-container">
<img class="customer-image" src="images/home/twitter/5.webp" />
<div class="customer-feedback-name">Sameer Dubey</div>
</div>
</div>
<BitTypography Variant="BitTypographyVariant.H5" Class="text-subtitle">
<a class="customer-link" href="https://rigidrobotics.com/" target="_blank"><b class="highlight-2">RIGID Robotics</b></a>
Offers a unified and scalable Cloud Platform and Applications that gather Data in Real-time from its Sensors
that are embedded in customers’ mining equipment and operations. A centralized web portal built on bit platform
delivers real-time data insights, 3D visualization, and advanced reporting, all in one unified environment.
</BitTypography>
</BitCarouselItem>
<BitCarouselItem>
<div class="customer-feedback-card">
<a href="https://twitter.com/hootanht/status/1553199172957995008" target="_blank"><div class="twitter-icon"></div></a>
<div class="customer-feedback-txt">
We're excited too. <span class="highlighted-txt">#BitPlatform</span> helps us to achieve more flexibility and
opportunities in our projects than we think.😍🌹🙏
</div>
<div class="author-container">
<img class="customer-image" src="images/home/twitter/4.webp" />
<div class="customer-feedback-name">Hootan HT</div>
</div>
</div>
<BitTypography Variant="BitTypographyVariant.H5" Class="text-subtitle">
<a class="customer-link" href="https://www.antargyan.com/" target="_blank"><b class="highlight-2">Antargyan</b></a>
Serving over 450,000 students and 500+ educators, Antargyan is known for its innovative RioPlay platform.
They are re-building their software products with bit platform to enhance UI/UX, boost performance,
and expand their reach across more platforms using bit platform's cross-platform features.
</BitTypography>
</BitCarouselItem>
<BitCarouselItem>
<div class="customer-feedback-card">
<a href="https://twitter.com/HamedHajiloo96/status/1541649567644614656" target="_blank"><div class="twitter-icon"></div></a>
<div class="customer-feedback-txt">
We want to launch a website that works entirely with .NET <br />
Thanks to <span class="highlighted-txt">#BitPlatform</span> we can have a well-performance public website with #Blazor
</div>
<div class="author-container">
<img class="customer-image" src="images/home/twitter/2.webp" />
<div class="customer-feedback-name">Hamed Hajiloo</div>
</div>
</div>
<BitTypography Variant="BitTypographyVariant.H5" Class="text-subtitle">
<a class="customer-link" href="https://fx.land/" target="_blank"><b class="highlight-2">Functionland</b></a>
Want to own your files, literally? This is something that will not happen ever on traditional cloud services.
The innovative FxFiles (file manager), built on bit platform, leverages the FULA blockchain network to
ensure you retain complete control over your data. Check out the project on
<a href="https://github.com/functionland/fx-files" target="_blank">GitHub</a>.
</BitTypography>
</BitCarouselItem>
</BitCarousel>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -334,13 +334,25 @@
}

.customer-section {
::deep .customer-feedback-carousel {
::deep .customer-carousel {
width: 100%;
height: 20rem;
height: 24rem;
margin: rem2(32px) auto;

@include lt-xl {
height: 22rem;
}

@include lt-lg {
height: 14rem;
}

@include lt-md {
height: 12rem;
}
}

.customer-feedback-card {
.customer-card {
width: 100%;
height: 100%;
padding: 2rem;
Expand All @@ -364,70 +376,10 @@
}
}

.twitter-icon {
cursor: pointer;
width: rem2(48px);
height: rem2(48px);
border-radius: 50%;
background-size: rem2(32px);
background-position: center;
background-repeat: no-repeat;
background-image: url('/images/home/twitter-icon.svg');
}

.customer-feedback-txt {
width: 100%;
flex-grow: 1;
font-weight: 400;
overflow: hidden;
font-size: rem2(20px);
text-align-last: left;
line-height: rem2(32px);
margin-bottom: rem2(14px);

.highlighted-txt {
color: $bit-color-primary-main;
}

@include md {
font-size: rem2(18px);
line-height: rem2(28px);
margin-bottom: rem2(10px);
}

@include sm {
font-size: rem2(16px);
line-height: rem2(24px);
margin-bottom: rem2(8px);
}
}

.customer-feedback-name {
z-index: 2;
font-weight: 700;
font-size: rem2(18px);
line-height: rem2(32px);

@include md {
font-size: rem2(15px);
line-height: rem2(28px);
}

@include sm {
font-weight: 600;
font-size: rem2(14px);
line-height: rem2(28px);
}
}

.author-container {
display: flex;
align-items: center;
}

.customer-image {
width: rem2(64px);
border-radius: 50%;
margin-right: rem2(10px);
.customer-link {
display: block;
margin-bottom: 0.5em;
text-decoration: underline;
text-underline-offset: 0.25em;
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
@page "/lowcode-nocode/overview"
@inherits AppComponentBase

<PageOutlet Url="templates/overview"
Title="Overview - Low-code No-code platform"
Description="overview of the low-code no-code product of the bit platform" />

<div class="page-container">
<BitTypography Variant="BitTypographyVariant.H3" Gutter>Low-code No-code</BitTypography>

<BitTypography Variant="BitTypographyVariant.Subtitle1">
The low-code no-code platform of the bit platform is a plate to bake any application.
</BitTypography>


</div>

<NavigationButtons Next="Benefits" NextUrl="/templates/benefits" />
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
@import '../../Styles/abstracts/_colors.scss';
@import '../../Styles/abstracts/_mixins.scss';
@import '../../Styles/abstracts/_functions.scss';
@import '../../Styles/abstracts/_media-queries.scss';

.page-container {
@include PageContainer;
display: flex;
flex-flow: column;
}

.video-container {
width: 100%;
display: flex;
justify-content: center;
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
@page "/lowcode-nocode/benefits"
@inherits AppComponentBase

<PageOutlet Url="templates/benefits"
Title="Overview - Low-code No-code platform benefits"
Description="overview of the low-code no-code benefits" />

<div class="page-container">
<BitTypography Variant="BitTypographyVariant.H3" Gutter>Benefits</BitTypography>

<BitTypography Variant="BitTypographyVariant.Subtitle1">
Benefits
</BitTypography>


</div>

<NavigationButtons Prev="Overview" PrevUrl="/lowcode-nocode/overview" Next="Specs" NextUrl="/templates/specs" />
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
@import '../../Styles/abstracts/_colors.scss';
@import '../../Styles/abstracts/_mixins.scss';
@import '../../Styles/abstracts/_functions.scss';
@import '../../Styles/abstracts/_media-queries.scss';

.page-container {
@include PageContainer;
display: flex;
flex-flow: column;
}

.video-container {
width: 100%;
display: flex;
justify-content: center;
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
@page "/lowcode-nocode/specs"
@inherits AppComponentBase

<PageOutlet Url="templates/specs"
Title="Overview - Low-code No-code platform specs"
Description="overview of the low-code no-code specs" />

<div class="page-container">
<BitTypography Variant="BitTypographyVariant.H3" Gutter>Specifications</BitTypography>

<BitTypography Variant="BitTypographyVariant.Subtitle1">
OOTB Specifications
<br/>
Ui components<br />
Dark light theme<br />
Localization<br />
RTL ltr<br />
Social sign in<br />
2fa<br />
Analytics<br />
Offline data storage for apps
</BitTypography>


</div>

<NavigationButtons Prev="Benefits" PrevUrl="/lowcode-nocode/benefits" Next="Customizations" NextUrl="/templates/customizations" />
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
@import '../../Styles/abstracts/_colors.scss';
@import '../../Styles/abstracts/_mixins.scss';
@import '../../Styles/abstracts/_functions.scss';
@import '../../Styles/abstracts/_media-queries.scss';

.page-container {
@include PageContainer;
display: flex;
flex-flow: column;
}

.video-container {
width: 100%;
display: flex;
justify-content: center;
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
@page "/lowcode-nocode/customizations"
@inherits AppComponentBase

<PageOutlet Url="templates/customizations"
Title="Overview - Low-code No-code platform customizations"
Description="overview of the low-code no-code customizations" />

<div class="page-container">
<BitTypography Variant="BitTypographyVariant.H3" Gutter>Customizations</BitTypography>

<BitTypography Variant="BitTypographyVariant.Subtitle1">
Customizations
<br />
Export human/developer readable code at anytime<br />
Build time, build phase<br />
From mvp through designer to full code development as product scales with more than 6M C# .NET developers
</BitTypography>


</div>

<NavigationButtons Prev="Specs" PrevUrl="/lowcode-nocode/specs" Next="Comparison" NextUrl="/templates/comparison" />
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
@import '../../Styles/abstracts/_colors.scss';
@import '../../Styles/abstracts/_mixins.scss';
@import '../../Styles/abstracts/_functions.scss';
@import '../../Styles/abstracts/_media-queries.scss';

.page-container {
@include PageContainer;
display: flex;
flex-flow: column;
}

.video-container {
width: 100%;
display: flex;
justify-content: center;
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
@page "/lowcode-nocode/comparison"
@inherits AppComponentBase

<PageOutlet Url="templates/comparison"
Title="Overview - Low-code No-code platform comparison"
Description="overview of the low-code no-code comparison" />

<div class="page-container">
<BitTypography Variant="BitTypographyVariant.H3" Gutter>Comparison</BitTypography>

<BitTypography Variant="BitTypographyVariant.Subtitle1">
Comparison
<br />
What's our difference<br />
Secure by default<br />
Plugin model<br />
Manifest<br />
1 core cpu<br />
1.75 GB ram
</BitTypography>


</div>

<NavigationButtons Prev="Customizations" PrevUrl="/lowcode-nocode/customizations" Next="Stats" NextUrl="/templates/stats" />
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
@import '../../Styles/abstracts/_colors.scss';
@import '../../Styles/abstracts/_mixins.scss';
@import '../../Styles/abstracts/_functions.scss';
@import '../../Styles/abstracts/_media-queries.scss';

.page-container {
@include PageContainer;
display: flex;
flex-flow: column;
}

.video-container {
width: 100%;
display: flex;
justify-content: center;
}
Loading

0 comments on commit f99f70a

Please sign in to comment.