add landing
This commit is contained in:
Çetin
parent
05a37558d5
commit
e20ce76b28
@ -23,6 +23,7 @@ import { FloatLabelComponent } from './components/floatlabel/floatlabel.componen
|
|||||||
import { InvalidStateComponent } from './components/invalidstate/invalidstate.component';
|
import { InvalidStateComponent } from './components/invalidstate/invalidstate.component';
|
||||||
import { TimelineComponent } from './components/timeline/timeline.component';
|
import { TimelineComponent } from './components/timeline/timeline.component';
|
||||||
import { IconsComponent } from './components/icons/icons.component';
|
import { IconsComponent } from './components/icons/icons.component';
|
||||||
|
import { LandingComponent } from './components/landing/landing.component';
|
||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
RouterModule.forRoot([
|
RouterModule.forRoot([
|
||||||
@ -52,8 +53,9 @@ import { IconsComponent } from './components/icons/icons.component';
|
|||||||
{path: 'icons', component: IconsComponent},
|
{path: 'icons', component: IconsComponent},
|
||||||
{path: 'blocks', component: BlocksComponent},
|
{path: 'blocks', component: BlocksComponent},
|
||||||
{path: 'documentation', component: DocumentationComponent}
|
{path: 'documentation', component: DocumentationComponent}
|
||||||
]
|
],
|
||||||
},
|
},
|
||||||
|
{path:'landing', component: LandingComponent},
|
||||||
{path: '**', redirectTo: 'pages/empty'},
|
{path: '**', redirectTo: 'pages/empty'},
|
||||||
], {scrollPositionRestoration: 'enabled'})
|
], {scrollPositionRestoration: 'enabled'})
|
||||||
],
|
],
|
||||||
|
|||||||
@ -6,6 +6,7 @@ import { LocationStrategy, HashLocationStrategy } from '@angular/common';
|
|||||||
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
||||||
import { AppRoutingModule } from './app-routing.module';
|
import { AppRoutingModule } from './app-routing.module';
|
||||||
|
|
||||||
|
import { StyleClassModule } from 'primeng/styleclass';
|
||||||
import { AccordionModule } from 'primeng/accordion';
|
import { AccordionModule } from 'primeng/accordion';
|
||||||
import { AutoCompleteModule } from 'primeng/autocomplete';
|
import { AutoCompleteModule } from 'primeng/autocomplete';
|
||||||
import { AvatarModule } from 'primeng/avatar';
|
import { AvatarModule } from 'primeng/avatar';
|
||||||
@ -132,6 +133,7 @@ import { NodeService } from './service/nodeservice';
|
|||||||
import { PhotoService } from './service/photoservice';
|
import { PhotoService } from './service/photoservice';
|
||||||
import { ProductService } from './service/productservice';
|
import { ProductService } from './service/productservice';
|
||||||
import { MenuService } from './service/app.menu.service';
|
import { MenuService } from './service/app.menu.service';
|
||||||
|
import { LandingComponent } from './components/landing/landing.component';
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
@ -221,6 +223,7 @@ import { MenuService } from './service/app.menu.service';
|
|||||||
TreeTableModule,
|
TreeTableModule,
|
||||||
VirtualScrollerModule,
|
VirtualScrollerModule,
|
||||||
AppCodeModule,
|
AppCodeModule,
|
||||||
|
StyleClassModule,
|
||||||
],
|
],
|
||||||
declarations: [
|
declarations: [
|
||||||
AppComponent,
|
AppComponent,
|
||||||
@ -259,6 +262,7 @@ import { MenuService } from './service/app.menu.service';
|
|||||||
ConfirmationComponent,
|
ConfirmationComponent,
|
||||||
PersonalComponent,
|
PersonalComponent,
|
||||||
SeatComponent,
|
SeatComponent,
|
||||||
|
LandingComponent,
|
||||||
],
|
],
|
||||||
providers: [
|
providers: [
|
||||||
{provide: LocationStrategy, useClass: HashLocationStrategy},
|
{provide: LocationStrategy, useClass: HashLocationStrategy},
|
||||||
|
|||||||
348
src/app/components/landing/landing.component.html
Normal file
348
src/app/components/landing/landing.component.html
Normal file
@ -0,0 +1,348 @@
|
|||||||
|
<div class="surface-card">
|
||||||
|
<div class="py-5 px-4 mx-0 md:mx-8 md:px-8 flex align-items-center justify-content-between relative lg:static">
|
||||||
|
<a class="flex align-items-center">
|
||||||
|
<img src="assets/layout/images/logo-blue.svg" alt="Sakai Logo" height="50" class="mr-0 lg:mr-2"><span class="text-gray-900 text-2xl line-height-3 mr-8">SAKAI</span>
|
||||||
|
</a>
|
||||||
|
<a pRipple class="cursor-pointer block lg:hidden text-700" pStyleClass="@next" enterClass="hidden" leaveToClass="hidden" [hideOnOutsideClick]="true">
|
||||||
|
<i class="pi pi-bars text-4xl"></i>
|
||||||
|
</a>
|
||||||
|
<div class="align-items-center flex-grow-1 justify-content-between hidden lg:flex absolute lg:static w-full left-0 top-100 px-6 lg:px-0">
|
||||||
|
<ul class="list-none p-0 m-0 flex lg:align-items-center select-none flex-column lg:flex-row cursor-pointer">
|
||||||
|
<li>
|
||||||
|
<a pRipple class="flex m-0 md:ml-5 px-0 py-3 text-gray-900 font-medium line-height-3">
|
||||||
|
<span>Home</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a pRipple class="flex m-0 md:ml-5 px-0 py-3 text-gray-900 font-medium line-height-3">
|
||||||
|
<span>Features</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a pRipple class="flex m-0 md:ml-5 px-0 py-3 text-gray-900 font-medium line-height-3">
|
||||||
|
<span>Pricing</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a pRipple class="flex m-0 md:ml-5 px-0 py-3 text-gray-900 font-medium line-height-3">
|
||||||
|
<span>Contact</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="flex justify-content-between lg:block border-top-1 lg:border-top-none surface-border py-3 lg:py-0 mt-3 lg:mt-0">
|
||||||
|
<button pButton pRipple label="Login" class="p-button-text p-button-rounded border-none font-light line-height-2 text-blue-500"></button>
|
||||||
|
<button pButton pRipple label="Register" class="p-button-rounded border-none ml-5 font-light line-height-2 bg-blue-500"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="py-4 px-4 lg:px-8 relative" id="hero-content">
|
||||||
|
<div class="w-100 md:w-5 mx-4 md:mx-8 mt-0 md:mt-4">
|
||||||
|
<h1 class="text-6xl text-gray-900"><span class="font-light block">Eu sem integer</span> eget magna fermentum</h1>
|
||||||
|
<p class="font-light text-2xl line-height-3 md:mt-3 text-gray-700" style="max-width:500px;">Sed blandit libero volutpat sed cras. Fames ac turpis egestas integer. Placerat in egestas erat... </p>
|
||||||
|
<button pButton pRipple type="button" class="p-button-rounded text-2xl border-none mt-5 bg-blue-500">Get Started</button>
|
||||||
|
</div>
|
||||||
|
<img id="hero-img" src="assets/layout/images/screen.png" alt="" class="absolute w-12 md:w-6 sm:bottom-0 md:top-0">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="py-4 px-4 lg:px-8 mt-5 mx-0 lg:mx-8">
|
||||||
|
<div class="grid justify-content-center">
|
||||||
|
|
||||||
|
<div class="col-12 text-center mt-8 mb-4">
|
||||||
|
<h2 class="text-gray-900">Marvelous Features</h2>
|
||||||
|
<span class="text-gray-600 text-2xl">Placerat in egestas erat...</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 md:pb-5">
|
||||||
|
<div class="shadow-1 p-3 border-round">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-yellow-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-users text-2xl text-yellow-700"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="line-height-2">Easy to Use</h5>
|
||||||
|
<span class="line-height-1 gray-600">Posuere morbi leo urna molestie.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 md:pb-5">
|
||||||
|
<div class="shadow-1 p-3 border-round">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-cyan-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-palette text-2xl text-cyan-700"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="line-height-1 text-gray-900">Fresh Design</h5>
|
||||||
|
<span class="line-height-1 text-gray-600">Semper risus in hendrerit.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-0 md:pb-5">
|
||||||
|
<div class="shadow-1 p-3 border-round bg-1">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-indigo-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-map text-2xl text-indigo-700"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="line-height-1 text-gray-900">Well Documented</h5>
|
||||||
|
<span class="line-height-1 text-gray-600">Non arcu risus quis varius quam quisque.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 md:pb-5">
|
||||||
|
<div class="shadow-1 p-3 border-round">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-bluegray-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-id-card text-2xl text-bluegray-700"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="line-height-1 text-gray-900">Responsive Layout</h5>
|
||||||
|
<span class="line-height-1 text-gray-600">Nulla malesuada pellentesque elit.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 md:pb-5">
|
||||||
|
<div class="shadow-1 p-3 border-round">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-orange-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-star text-2xl text-orange-700"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="line-height-1 text-gray-900">Clean Code</h5>
|
||||||
|
<span class="line-height-1 text-gray-600">Condimentum lacinia quis vel eros.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-0 md:pb-5">
|
||||||
|
<div class="shadow-1 p-3 border-round">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-pink-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-moon text-2xl text-pink-700"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="line-height-1 text-gray-900">Dark Mode</h5>
|
||||||
|
<span class="line-height-1 text-gray-600">Convallis tellus id interdum velit laoreet.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5">
|
||||||
|
<div class="shadow-1 p-3 border-round">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-teal-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-shopping-cart text-2xl text-teal-700"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="line-height-1 text-gray-900">Ready to Use</h5>
|
||||||
|
<span class="line-height-1 text-gray-600">Mauris sit amet massa vitae.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5">
|
||||||
|
<div class="shadow-1 p-3 border-round">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-blue-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-globe text-2xl text-blue-700"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="line-height-1 text-gray-900">Modern Practices</h5>
|
||||||
|
<span class="line-height-1 text-gray-600">Elementum nibh tellus molestie nunc non.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-0">
|
||||||
|
<div class="shadow-1 p-3 border-round">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-purple-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-eye text-2xl text-purple-700"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="line-height-1 text-gray-900">Privacy</h5>
|
||||||
|
<span class="line-height-1 text-gray-600">Neque egestas congue quisque.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 border-round mt-8 mb-8 p-8" id="testimonial-card">
|
||||||
|
<div class="grid flex-column justify-content-center align-items-center">
|
||||||
|
<div class="col-12 md:col-6 text-center">
|
||||||
|
<h3 class="text-gray-900">Joséphine Miller</h3>
|
||||||
|
<span class="text-gray-600 text-2xl">Peak Interactive</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 md:col-8 text-center mt-4">
|
||||||
|
<p class="text-gray-900 line-height-4 text-2xl">“Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 md:col-8 text-center mt-4">
|
||||||
|
<img src="assets/layout/images/peak-logo.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="py-4 px-4 lg:px-8 mx-0 my-8 lg:mx-8">
|
||||||
|
<div class="text-center">
|
||||||
|
<h2 class="text-gray-900">Powerful Everywhere</h2>
|
||||||
|
<span class="text-gray-600 text-2xl">Amet consectetur adipiscing elit...</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid mt-8 pb-8 justify-content-evenly">
|
||||||
|
<div class="flex justify-content-center col-12 sm:col-6 xl:col-4 border-round bg-purple-100 p-0">
|
||||||
|
<img src="assets/layout/images/mockup.png" alt="mockup mobile">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-4 my-auto flex flex-column align-items-end text-right">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-purple-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-mobile text-2xl text-purple-700"></i>
|
||||||
|
</div>
|
||||||
|
<h2 class="line-height-1 text-gray-900 text-4xl">Congue Quisque Egestas</h2>
|
||||||
|
<span class="text-gray-700 text-2xl line-height-3">Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Eget aliquet nibh praesent tristique magna sit amet purus gravida. Sit amet mattis vulputate enim nulla aliquet.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid my-8 pt-8 justify-content-evenly">
|
||||||
|
<div class="col-12 md:col-4 my-auto flex flex-column align-items-start">
|
||||||
|
<div class="flex align-items-center justify-content-center bg-yellow-200 border-round" style="width:3.5rem;height:3.5rem">
|
||||||
|
<i class="pi pi-fw pi-desktop text-2xl text-yellow-700"></i>
|
||||||
|
</div>
|
||||||
|
<h2 class="line-height-1 text-gray-900 text-4xl">Congue Quisque Egestas</h2>
|
||||||
|
<span class="line-height-4 text-gray-700 text-2xl">Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Eget aliquet nibh praesent tristique magna sit amet purus gravida. Sit amet mattis vulputate enim nulla aliquet.</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex justify-content-end flex-order-1 sm:flex-order-2 col-12 sm:col-6 xl:col-4 border-round bg-yellow-100 p-0">
|
||||||
|
<img src="assets/layout/images/mockup-desktop.png" alt="mockup">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="py-4 px-4 lg:px-8 my-8">
|
||||||
|
<div class="text-center mb-6">
|
||||||
|
<h2 class="text-gray-900">Matchless Pricing</h2>
|
||||||
|
<span class="text-gray-600 text-2xl">Amet consectetur adipiscing elit...</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid justify-content-between">
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-5">
|
||||||
|
<div class="p-3 flex flex-column border-200 border-round" style="border:2px solid;">
|
||||||
|
<h3 class="text-gray-900 text-center">Free</h3>
|
||||||
|
<img src="assets/layout/images/free.png" class="w-10 h-10 mx-auto" alt="">
|
||||||
|
<div class="my-5 text-center">
|
||||||
|
<span class="text-5xl font-bold mr-2 text-gray-900">$0</span>
|
||||||
|
<span class="text-gray-600">per month</span>
|
||||||
|
<button pButton pRipple label="Get Started" class="block mx-auto mt-4 p-button-rounded border-none ml-3 font-light line-height-2 bg-blue-500"></button>
|
||||||
|
</div>
|
||||||
|
<p-divider class="w-full bg-surface-200"></p-divider>
|
||||||
|
<ul class="my-5 list-none p-0 flex text-gray-900 flex-column">
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">Responsive Layout</span>
|
||||||
|
</li>
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">Unlimited Push Messages</span>
|
||||||
|
</li>
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">50 Support Ticket</span>
|
||||||
|
</li>
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">Free Shipping</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-5">
|
||||||
|
<div class="p-3 flex flex-column border-200 border-round" style="border:2px solid;">
|
||||||
|
<h3 class="text-gray-900 text-center">Startup</h3>
|
||||||
|
<img src="assets/layout/images/free.png" class="w-10 h-10 mx-auto" alt="">
|
||||||
|
<div class="my-5 text-center">
|
||||||
|
<span class="text-5xl font-bold mr-2 text-gray-900">$1</span>
|
||||||
|
<span class="text-gray-600">per month</span>
|
||||||
|
<button pButton pRipple label="Try Free" class="block mx-auto mt-4 p-button-rounded border-none ml-3 font-light line-height-2 bg-blue-500"></button>
|
||||||
|
</div>
|
||||||
|
<p-divider class="w-full bg-surface-200"></p-divider>
|
||||||
|
<ul class="my-5 list-none p-0 flex text-gray-900 flex-column">
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">Responsive Layout</span>
|
||||||
|
</li>
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">Unlimited Push Messages</span>
|
||||||
|
</li>
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">50 Support Ticket</span>
|
||||||
|
</li>
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">Free Shipping</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-6 lg:col-4 p-5">
|
||||||
|
<div class="p-3 flex flex-column border-200 border-round" style="border:2px solid;">
|
||||||
|
<h3 class="text-gray-900 text-center">Free</h3>
|
||||||
|
<img src="assets/layout/images/free.png" class="w-10 h-10 mx-auto" alt="">
|
||||||
|
<div class="my-5 text-center">
|
||||||
|
<span class="text-5xl font-bold mr-2 text-gray-900">$0</span>
|
||||||
|
<span class="text-gray-600">per month</span>
|
||||||
|
<button pButton pRipple label="Get a Quote" class="block mx-auto mt-4 p-button-rounded border-none ml-3 font-light line-height-2 bg-blue-500"></button>
|
||||||
|
</div>
|
||||||
|
<p-divider class="w-full bg-surface-200"></p-divider>
|
||||||
|
<ul class="my-5 list-none p-0 flex text-gray-900 flex-column">
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">Responsive Layout</span>
|
||||||
|
</li>
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">Unlimited Push Messages</span>
|
||||||
|
</li>
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">50 Support Ticket</span>
|
||||||
|
</li>
|
||||||
|
<li class="py-2">
|
||||||
|
<i class="pi pi-fw pi-check text-xl text-cyan-500 mr-2"></i>
|
||||||
|
<span class="text-xl">Free Shipping</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="py-4 px-4 mx-0 mt-8 lg:mx-8">
|
||||||
|
<div class="grid justify-content-between">
|
||||||
|
|
||||||
|
<div class="col-12 md:col-2" style="margin-top:-1.5rem;">
|
||||||
|
<div class="flex flex-wrap align-items-center justify-content-center md:justify-content-start md:mb-0 mb-3">
|
||||||
|
<img src="assets/layout/images/logo-blue.svg" alt="footer sections" width="50" height="50" class="mr-3">
|
||||||
|
<h4 class="font-medium text-3xl text-gray-900">SAKAI</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-8">
|
||||||
|
<div class="grid text-center md:text-left">
|
||||||
|
<div class="col-12 md:col-3">
|
||||||
|
<h4 class="font-medium line-height-3 mb-3 text-gray-900">Company</h4>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">About Us</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">News</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">Investor Relations</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">Careers</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer text-gray-700">Media Kit</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-3">
|
||||||
|
<h4 class="font-medium line-height-3 mb-3 text-gray-900">Resources</h4>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">Get Started</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">Learn</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer text-gray-700">Case Studies</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-3">
|
||||||
|
<h4 class="font-medium line-height-3 mb-3 text-gray-900">Community</h4>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">Discord</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">Events<img src="assets/layout/images/new-badge.svg" class="ml-2"/></a>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">FAQ</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer text-gray-700">Blog</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 md:col-3">
|
||||||
|
<h4 class="font-medium line-height-3 mb-3 text-gray-900">Legal</h4>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">Brand Policy</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer mb-2 text-gray-700">Privacy Policy</a>
|
||||||
|
<a class="line-height-3 block cursor-pointer text-gray-700">Terms of Service</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
28
src/app/components/landing/landing.component.scss
Normal file
28
src/app/components/landing/landing.component.scss
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
#hero-content{
|
||||||
|
background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), radial-gradient(77.36% 256.97% at 77.36% 57.52%, #EEEFAF 0%, #C3E3FA 100%);
|
||||||
|
-webkit-clip-path: ellipse(150% 87% at 93% 13%);
|
||||||
|
clip-path: ellipse(150% 87% at 93% 13%);
|
||||||
|
min-height: 630px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#testimonial-card{
|
||||||
|
background:linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), radial-gradient(77.36% 256.97% at 77.36% 57.52%, #EFE1AF 0%, #C3DCFA 100%);
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
color:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width:769px){
|
||||||
|
#hero-img{
|
||||||
|
top:30% !important;
|
||||||
|
right:0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#hero-img{
|
||||||
|
top:7% !important;
|
||||||
|
right:7% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
15
src/app/components/landing/landing.component.ts
Normal file
15
src/app/components/landing/landing.component.ts
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
import { Component, OnInit } from '@angular/core';
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-landing',
|
||||||
|
templateUrl: './landing.component.html',
|
||||||
|
styleUrls: ['./landing.component.scss']
|
||||||
|
})
|
||||||
|
export class LandingComponent implements OnInit {
|
||||||
|
|
||||||
|
constructor() { }
|
||||||
|
|
||||||
|
ngOnInit(): void {
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
BIN
src/assets/layout/images/enterprise.png
Normal file
BIN
src/assets/layout/images/enterprise.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
src/assets/layout/images/free.png
Normal file
BIN
src/assets/layout/images/free.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
3
src/assets/layout/images/icon.svg
Normal file
3
src/assets/layout/images/icon.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6296 2.54563C26.1341 2.29006 25.5718 2.15557 24.9996 2.15571C24.4273 2.15559 23.8651 2.29008 23.3694 2.54563L4.0434 12.512C3.54782 12.7676 3.13631 13.1351 2.85018 13.5778C2.56407 14.0205 2.41345 14.5226 2.41346 15.0338V34.9664C2.41345 35.4775 2.56407 35.9796 2.85018 36.4223C3.13629 36.8648 3.54782 37.2325 4.0434 37.488L23.3694 47.4544C23.865 47.7099 24.4272 47.8445 24.9995 47.8445C25.5718 47.8445 26.1339 47.7099 26.6296 47.4544L45.9556 37.488C46.4513 37.2325 46.8627 36.8648 47.1487 36.4223C47.4348 35.9796 47.5855 35.4775 47.5855 34.9664V15.0338C47.5855 14.5226 47.4348 14.0205 47.1487 13.5778C46.8627 13.1351 46.4513 12.7676 45.9556 12.512L26.6296 2.54563ZM22.163 0.67894C23.0256 0.234483 24.0038 0.00034737 24.9996 0H25.0006C25.9965 0.000378982 26.9748 0.234512 27.8373 0.67894L47.1633 10.6453C48.0246 11.0911 48.7399 11.7311 49.2379 12.5012C49.7356 13.2713 49.9985 14.1445 50 15.0338V34.9664C49.9982 35.8557 49.7353 36.7291 49.2374 37.4993C48.7394 38.2692 48.0238 38.9093 47.1623 39.3549L27.8363 49.3213C26.9738 49.766 25.9955 50 24.9996 50C24.0038 50 23.0255 49.766 22.163 49.3213L2.83692 39.3549C1.97551 38.9091 1.26015 38.2692 0.76232 37.499C0.264497 36.7291 0.00163253 35.8557 0 34.9664V15.0338C0.00158164 14.1445 0.264393 13.2713 0.762174 12.5011C1.25996 11.731 1.97528 11.0911 2.83667 10.6453L22.163 0.67894ZM11.8723 23.4917C12.1662 23.491 12.4574 23.5422 12.7289 23.6429C13.0004 23.7434 13.2469 23.891 13.4541 24.0771L16.4483 26.7515L22.5959 21.2604C23.2336 20.6918 24.0978 20.3725 24.9989 20.3725C25.8999 20.3725 26.7641 20.6918 27.4017 21.2604L35.9497 28.8955L38.5916 26.5358C39.0116 26.1616 39.5802 25.9514 40.1735 25.9514C40.7666 25.9514 41.3355 26.1616 41.7552 26.5358L45.2158 29.6293V16.0793C45.2158 15.6217 45.081 15.1723 44.8246 14.776C44.5684 14.3798 44.2001 14.0508 43.7565 13.822L26.4579 4.90115C26.0143 4.67234 25.5109 4.55188 24.9986 4.55188C24.4863 4.55188 23.983 4.67234 23.5392 4.90115L6.24044 13.822C5.79682 14.0508 5.42841 14.3798 5.17224 14.776C4.91608 15.1723 4.78119 15.6217 4.78109 16.0793V28.9969L10.2894 24.0769C10.4967 23.8906 10.7435 23.7429 11.0151 23.6427C11.2869 23.5422 11.5782 23.4908 11.8723 23.4917ZM4.78109 31.946V33.9219C4.78126 34.3415 4.89492 34.7548 5.11238 35.1267C5.32985 35.4989 5.64467 35.8182 6.03006 36.0583L14.798 28.2265L12.3672 26.0553C12.3021 25.9973 12.2249 25.9512 12.14 25.9198C12.055 25.8883 11.9639 25.8721 11.872 25.8721C11.78 25.8721 11.689 25.8883 11.604 25.9198C11.519 25.9512 11.4418 25.9973 11.3768 26.0553L4.78109 31.946ZM43.9675 36.058L37.6017 30.371L39.6778 28.5155C39.8091 28.3982 39.9873 28.3323 40.1732 28.3323C40.3589 28.3323 40.537 28.3982 40.6684 28.5155L45.2162 32.5777V33.9216C45.216 34.3412 45.1025 34.7545 44.8851 35.1265C44.6677 35.4984 44.353 35.818 43.9675 36.058ZM35.9517 31.8448L34.3014 30.371L25.7534 22.7361C25.5539 22.5581 25.2836 22.4583 25.0017 22.4583C24.7198 22.4583 24.4495 22.5581 24.25 22.7361L18.1024 28.2272L16.4518 29.7015L8.11768 37.1446L23.5415 45.0991C23.9852 45.3279 24.4885 45.4483 25.0008 45.4483C25.5131 45.4483 26.0166 45.3279 26.4602 45.0991L41.8839 37.1446L35.9517 31.8448Z" fill="#212121"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.2 KiB |
9
src/assets/layout/images/logo-blue.svg
Normal file
9
src/assets/layout/images/logo-blue.svg
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<svg width="54" height="40" viewBox="0 0 54 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z" fill="#2196F3"/>
|
||||||
|
<mask id="mask0_1413_1551" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="8" width="54" height="11">
|
||||||
|
<path d="M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z" fill="white"/>
|
||||||
|
</mask>
|
||||||
|
<g mask="url(#mask0_1413_1551)">
|
||||||
|
<path d="M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887ZM-4.673e-05 8.88887C-8.00806 17.0473 -8.00469 17.0505 -8.00132 17.0538C-8.00018 17.055 -7.99675 17.0583 -7.9944 17.0607C-7.98963 17.0653 -7.98474 17.0701 -7.97966 17.075C-7.96949 17.0849 -7.95863 17.0955 -7.94707 17.1066C-7.92401 17.129 -7.89809 17.1539 -7.86944 17.1812C-7.8122 17.236 -7.74377 17.3005 -7.66436 17.3743C-7.50567 17.5218 -7.30269 17.7063 -7.05645 17.9221C-6.56467 18.3532 -5.89662 18.9125 -5.06089 19.5534C-3.39603 20.83 -1.02575 22.4605 1.98012 24.0457C7.97874 27.2091 16.7723 30.3226 27.5746 29.7793L26.4253 6.95109C20.7391 7.23699 16.0326 5.61231 12.6534 3.83024C10.9703 2.94267 9.68222 2.04866 8.86091 1.41888C8.45356 1.10653 8.17155 0.867278 8.0241 0.738027C7.95072 0.673671 7.91178 0.637576 7.90841 0.634492C7.90682 0.63298 7.91419 0.639805 7.93071 0.65557C7.93897 0.663455 7.94952 0.673589 7.96235 0.686039C7.96883 0.692262 7.97582 0.699075 7.98338 0.706471C7.98719 0.710167 7.99113 0.714014 7.99526 0.718014C7.99729 0.720008 8.00047 0.723119 8.00148 0.724116C8.00466 0.727265 8.00796 0.730446 -4.673e-05 8.88887ZM27.5746 29.7793C37.6904 29.2706 45.9416 26.3684 51.6602 23.6054C54.5296 22.2191 56.8064 20.8465 58.4186 19.7784C59.2265 19.2431 59.873 18.7805 60.3494 18.4257C60.5878 18.2482 60.7841 18.0971 60.9374 17.977C61.014 17.9169 61.0799 17.8645 61.1349 17.8203C61.1624 17.7981 61.1872 17.7781 61.2093 17.7602C61.2203 17.7512 61.2307 17.7427 61.2403 17.7348C61.2452 17.7308 61.2499 17.727 61.2544 17.7233C61.2566 17.7215 61.2598 17.7188 61.261 17.7179C61.2642 17.7153 61.2673 17.7127 54 8.88887C46.7326 0.0650536 46.7357 0.0625219 46.7387 0.0600241C46.7397 0.0592345 46.7427 0.0567658 46.7446 0.0551857C46.7485 0.0520238 46.7521 0.0489887 46.7557 0.0460799C46.7628 0.0402623 46.7694 0.0349487 46.7753 0.0301318C46.7871 0.0204986 46.7966 0.0128495 46.8037 0.00712562C46.818 -0.00431848 46.8228 -0.00808311 46.8184 -0.00463784C46.8096 0.00228345 46.764 0.0378652 46.6828 0.0983779C46.5199 0.219675 46.2165 0.439161 45.7812 0.727519C44.9072 1.30663 43.5257 2.14765 41.7061 3.02677C38.0469 4.79468 32.7981 6.63058 26.4253 6.95109L27.5746 29.7793ZM54 8.88887C50.2691 -1.91433 50.27 -1.91467 50.271 -1.91498C50.2712 -1.91506 50.272 -1.91535 50.2724 -1.9155C50.2733 -1.91581 50.274 -1.91602 50.2743 -1.91616C50.2752 -1.91643 50.275 -1.91636 50.2738 -1.91595C50.2714 -1.91515 50.2652 -1.91302 50.2552 -1.9096C50.2351 -1.90276 50.1999 -1.89078 50.1503 -1.874C50.0509 -1.84043 49.8938 -1.78773 49.6844 -1.71863C49.2652 -1.58031 48.6387 -1.377 47.8481 -1.13035C46.2609 -0.635237 44.0427 0.0249875 41.5325 0.6823C36.215 2.07471 30.6736 3.15796 27 3.15796V26.0151C33.8087 26.0151 41.7672 24.2495 47.3292 22.7931C50.2586 22.026 52.825 21.2618 54.6625 20.6886C55.5842 20.4011 56.33 20.1593 56.8551 19.986C57.1178 19.8993 57.3258 19.8296 57.4735 19.7797C57.5474 19.7548 57.6062 19.7348 57.6493 19.72C57.6709 19.7127 57.6885 19.7066 57.7021 19.7019C57.7089 19.6996 57.7147 19.6976 57.7195 19.696C57.7219 19.6952 57.7241 19.6944 57.726 19.6938C57.7269 19.6934 57.7281 19.693 57.7286 19.6929C57.7298 19.6924 57.7309 19.692 54 8.88887ZM27 3.15796C23.3263 3.15796 17.7849 2.07471 12.4674 0.6823C9.95717 0.0249875 7.73904 -0.635237 6.15184 -1.13035C5.36118 -1.377 4.73467 -1.58031 4.3155 -1.71863C4.10609 -1.78773 3.94899 -1.84043 3.84961 -1.874C3.79994 -1.89078 3.76474 -1.90276 3.74471 -1.9096C3.73469 -1.91302 3.72848 -1.91515 3.72613 -1.91595C3.72496 -1.91636 3.72476 -1.91643 3.72554 -1.91616C3.72593 -1.91602 3.72657 -1.91581 3.72745 -1.9155C3.72789 -1.91535 3.72874 -1.91506 3.72896 -1.91498C3.72987 -1.91467 3.73084 -1.91433 -4.673e-05 8.88887C-3.73093 19.692 -3.72983 19.6924 -3.72868 19.6929C-3.72821 19.693 -3.72698 19.6934 -3.72603 19.6938C-3.72415 19.6944 -3.72201 19.6952 -3.71961 19.696C-3.71482 19.6976 -3.70901 19.6996 -3.7022 19.7019C-3.68858 19.7066 -3.67095 19.7127 -3.6494 19.72C-3.60629 19.7348 -3.54745 19.7548 -3.47359 19.7797C-3.32589 19.8296 -3.11788 19.8993 -2.85516 19.986C-2.33008 20.1593 -1.58425 20.4011 -0.662589 20.6886C1.17485 21.2618 3.74125 22.026 6.67073 22.7931C12.2327 24.2495 20.1913 26.0151 27 26.0151V3.15796Z" fill="#2196F3"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 6.1 KiB |
BIN
src/assets/layout/images/mockup-desktop.png
Normal file
BIN
src/assets/layout/images/mockup-desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
src/assets/layout/images/mockup.png
Normal file
BIN
src/assets/layout/images/mockup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
5
src/assets/layout/images/new-badge.svg
Normal file
5
src/assets/layout/images/new-badge.svg
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M1.48909 1.58248C1.52909 1.78248 1.56909 2.00915 1.60909 2.26248C1.66242 2.50248 1.71576 2.75582 1.76909 3.02248C1.82242 3.27582 1.86909 3.53582 1.90909 3.80248C1.94909 4.06915 1.98242 4.32248 2.00909 4.56248C2.16909 4.21582 2.34242 3.84915 2.52909 3.46248C2.71576 3.07582 2.91576 2.72248 3.12909 2.40248C3.35576 2.06915 3.58909 1.79582 3.82909 1.58248C4.08242 1.36915 4.35576 1.26248 4.64909 1.26248C5.08909 1.26248 5.45576 1.42248 5.74909 1.74248C6.05576 2.06248 6.30909 2.46248 6.50909 2.94248C6.72242 3.40915 6.88909 3.90248 7.00909 4.42248C7.12909 4.94248 7.22909 5.40248 7.30909 5.80248C7.38909 6.16248 7.22909 6.42915 6.82909 6.60248C6.64242 6.69582 6.50242 6.70915 6.40909 6.64248C6.31576 6.57582 6.26242 6.50915 6.24909 6.44248C6.18243 6.28248 6.09576 6.00248 5.98909 5.60248C5.89576 5.20248 5.78242 4.79582 5.64909 4.38248C5.52909 3.96915 5.38909 3.60915 5.22909 3.30248C5.06909 2.99582 4.88909 2.85582 4.68909 2.88248C4.44909 2.89582 4.23576 3.07582 4.04909 3.42248C3.88909 3.70248 3.72242 4.01582 3.54909 4.36248C3.38909 4.69582 3.22909 5.04248 3.06909 5.40248C2.90909 5.74915 2.74909 6.10248 2.58909 6.46248C2.44242 6.80915 2.30242 7.12915 2.16909 7.42248C2.07576 7.51582 1.95576 7.58248 1.80909 7.62248C1.67576 7.64915 1.53576 7.63582 1.38909 7.58248C1.25576 7.54248 1.14909 7.47582 1.06909 7.38248C0.989091 7.28915 0.949091 7.19582 0.949091 7.10248C0.829091 6.06248 0.702424 5.11582 0.569091 4.26248C0.449091 3.40915 0.289091 2.53582 0.0890909 1.64248C-0.00424246 1.33582 -0.0242424 1.09582 0.0290909 0.922483C0.0957576 0.735816 0.295758 0.662483 0.629091 0.702483C1.09576 0.782483 1.38242 1.07582 1.48909 1.58248Z" fill="#00BCD4"/>
|
||||||
|
<path d="M13.5257 3.48248C13.0057 3.78915 12.4457 4.02915 11.8457 4.20248C11.2457 4.36248 10.599 4.44248 9.90565 4.44248C9.93232 4.90915 10.0657 5.28248 10.3057 5.56248C10.5457 5.82915 10.8457 5.98915 11.2057 6.04248C11.419 6.06915 11.6323 6.06248 11.8457 6.02248C12.0723 5.98248 12.279 5.92248 12.4657 5.84248C12.6657 5.74915 12.8457 5.64915 13.0057 5.54248C13.1657 5.43582 13.3057 5.32915 13.4257 5.22248C13.5457 5.11582 13.6723 5.04915 13.8057 5.02248C13.939 4.98248 14.039 4.97582 14.1057 5.00248C14.2923 5.06915 14.359 5.26915 14.3057 5.60248C14.0923 6.02915 13.7857 6.39582 13.3857 6.70248C12.9857 6.99582 12.539 7.18248 12.0457 7.26248C11.619 7.34248 11.179 7.32248 10.7257 7.20248C10.2723 7.08248 9.86565 6.84915 9.50565 6.50248C9.19899 6.19582 8.96565 5.83582 8.80565 5.42248C8.64565 5.00915 8.54565 4.58248 8.50565 4.14248C8.46565 3.72915 8.49899 3.33582 8.60565 2.96248C8.72565 2.58915 8.90565 2.26248 9.14565 1.98248C9.38565 1.68915 9.68565 1.44915 10.0457 1.26248C10.4057 1.07582 10.8257 0.969149 11.3057 0.942483C11.879 0.902483 12.399 1.00915 12.8657 1.26248C13.3323 1.51582 13.659 1.86915 13.8457 2.32248C13.9523 2.57582 13.979 2.79582 13.9257 2.98248C13.8857 3.16915 13.7523 3.33582 13.5257 3.48248ZM11.2257 2.12248C11.0923 2.14915 10.9457 2.19582 10.7857 2.26248C10.639 2.32915 10.499 2.41582 10.3657 2.52248C10.2457 2.61582 10.1323 2.72915 10.0257 2.86248C9.93232 2.98248 9.87899 3.12248 9.86565 3.28248C10.0923 3.28248 10.339 3.26248 10.6057 3.22248C10.8857 3.18248 11.1523 3.13582 11.4057 3.08248C11.6723 3.01582 11.9123 2.94248 12.1257 2.86248C12.3523 2.78248 12.539 2.69582 12.6857 2.60248C12.579 2.34915 12.379 2.19582 12.0857 2.14248C11.8057 2.07582 11.519 2.06915 11.2257 2.12248Z" fill="#00BCD4"/>
|
||||||
|
<path d="M22.8174 7.72248C22.7107 7.86915 22.5907 7.96915 22.4574 8.02248C22.324 8.06248 22.204 8.08248 22.0974 8.08248C21.9107 8.06915 21.7374 8.00915 21.5774 7.90248C21.4174 7.78248 21.3174 7.66248 21.2774 7.54248C21.1974 7.31582 21.1107 7.06248 21.0174 6.78248C20.924 6.50248 20.8307 6.22248 20.7374 5.94248C20.6574 5.64915 20.5707 5.36915 20.4774 5.10248C20.384 4.82248 20.2974 4.56915 20.2174 4.34248C19.9507 4.80915 19.6974 5.28248 19.4574 5.76248C19.2174 6.22915 18.9507 6.71582 18.6574 7.22248C18.524 7.42248 18.3707 7.56248 18.1974 7.64248C18.024 7.70915 17.8774 7.73582 17.7574 7.72248C17.584 7.70915 17.424 7.64248 17.2774 7.52248C17.144 7.40248 17.0374 7.28915 16.9574 7.18248C16.8107 6.94248 16.664 6.63582 16.5174 6.26248C16.3707 5.87582 16.2307 5.47582 16.0974 5.06248C15.9774 4.63582 15.864 4.21582 15.7574 3.80248C15.6507 3.37582 15.564 2.99582 15.4974 2.66248C15.4574 2.43582 15.4574 2.22248 15.4974 2.02248C15.5507 1.82248 15.6707 1.70915 15.8574 1.68248C16.084 1.66915 16.2907 1.74915 16.4774 1.92248C16.664 2.08248 16.7707 2.24248 16.7974 2.40248C16.8507 2.66915 16.9107 2.96248 16.9774 3.28248C17.0574 3.58915 17.1374 3.90248 17.2174 4.22248C17.3107 4.54248 17.3974 4.85582 17.4774 5.16248C17.5707 5.46915 17.664 5.74248 17.7574 5.98248C17.9574 5.66248 18.1774 5.29582 18.4174 4.88248C18.6707 4.45582 18.9107 4.04915 19.1374 3.66248C19.364 3.26248 19.5707 2.91582 19.7574 2.62248C19.944 2.32915 20.0907 2.14915 20.1974 2.08248C20.2774 2.02915 20.3907 2.03582 20.5374 2.10248C20.684 2.15582 20.7907 2.23582 20.8574 2.34248C21.1507 2.92915 21.3907 3.57582 21.5774 4.28248C21.7774 4.97582 21.9707 5.62248 22.1574 6.22248C22.344 5.98248 22.544 5.66915 22.7574 5.28248C22.9707 4.88248 23.1774 4.46248 23.3774 4.02248C23.5774 3.58248 23.764 3.14248 23.9374 2.70248C24.1107 2.26248 24.2507 1.86915 24.3574 1.52248C24.464 1.16248 24.6107 0.98915 24.7974 1.00248C25.0374 1.02915 25.244 1.10915 25.4174 1.24248C25.5907 1.37582 25.6574 1.51582 25.6174 1.66248C25.324 2.83582 24.944 3.91582 24.4774 4.90248C24.0107 5.87582 23.4574 6.81582 22.8174 7.72248Z" fill="#00BCD4"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 5.4 KiB |
4
src/assets/layout/images/peak-logo.svg
Normal file
4
src/assets/layout/images/peak-logo.svg
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<svg width="136" height="50" viewBox="0 0 136 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6296 2.54563C26.1341 2.29006 25.5718 2.15557 24.9996 2.15571C24.4273 2.15559 23.8651 2.29008 23.3694 2.54563L4.0434 12.512C3.54782 12.7676 3.13631 13.1351 2.85018 13.5778C2.56407 14.0205 2.41345 14.5226 2.41346 15.0338V34.9664C2.41345 35.4775 2.56407 35.9796 2.85018 36.4223C3.13629 36.8648 3.54782 37.2325 4.0434 37.488L23.3694 47.4544C23.865 47.7099 24.4272 47.8445 24.9995 47.8445C25.5718 47.8445 26.1339 47.7099 26.6296 47.4544L45.9556 37.488C46.4513 37.2325 46.8627 36.8648 47.1487 36.4223C47.4348 35.9796 47.5855 35.4775 47.5855 34.9664V15.0338C47.5855 14.5226 47.4348 14.0205 47.1487 13.5778C46.8627 13.1351 46.4513 12.7676 45.9556 12.512L26.6296 2.54563ZM22.163 0.67894C23.0256 0.234483 24.0038 0.00034737 24.9996 0H25.0006C25.9965 0.000378982 26.9748 0.234512 27.8373 0.67894L47.1633 10.6453C48.0246 11.0911 48.7399 11.7311 49.2379 12.5012C49.7356 13.2713 49.9985 14.1445 50 15.0338V34.9664C49.9982 35.8557 49.7353 36.7291 49.2374 37.4993C48.7394 38.2692 48.0238 38.9093 47.1623 39.3549L27.8363 49.3213C26.9738 49.766 25.9955 50 24.9996 50C24.0038 50 23.0255 49.766 22.163 49.3213L2.83692 39.3549C1.97551 38.9091 1.26015 38.2692 0.76232 37.499C0.264497 36.7291 0.00163253 35.8557 0 34.9664V15.0338C0.00158164 14.1445 0.264393 13.2713 0.762174 12.5011C1.25996 11.731 1.97528 11.0911 2.83667 10.6453L22.163 0.67894ZM11.8723 23.4917C12.1662 23.491 12.4574 23.5422 12.7289 23.6429C13.0004 23.7434 13.2469 23.891 13.4541 24.0771L16.4483 26.7515L22.5959 21.2604C23.2336 20.6918 24.0978 20.3725 24.9989 20.3725C25.8999 20.3725 26.7641 20.6918 27.4017 21.2604L35.9497 28.8955L38.5916 26.5358C39.0116 26.1616 39.5802 25.9514 40.1735 25.9514C40.7666 25.9514 41.3355 26.1616 41.7552 26.5358L45.2158 29.6293V16.0793C45.2158 15.6217 45.081 15.1723 44.8246 14.776C44.5684 14.3798 44.2001 14.0508 43.7565 13.822L26.4579 4.90115C26.0143 4.67234 25.5109 4.55188 24.9986 4.55188C24.4863 4.55188 23.983 4.67234 23.5392 4.90115L6.24044 13.822C5.79682 14.0508 5.42841 14.3798 5.17224 14.776C4.91608 15.1723 4.78119 15.6217 4.78109 16.0793V28.9969L10.2894 24.0769C10.4967 23.8906 10.7435 23.7429 11.0151 23.6427C11.2869 23.5422 11.5782 23.4908 11.8723 23.4917ZM4.78109 31.946V33.9219C4.78126 34.3415 4.89492 34.7548 5.11238 35.1267C5.32985 35.4989 5.64467 35.8182 6.03006 36.0583L14.798 28.2265L12.3672 26.0553C12.3021 25.9973 12.2249 25.9512 12.14 25.9198C12.055 25.8883 11.9639 25.8721 11.872 25.8721C11.78 25.8721 11.689 25.8883 11.604 25.9198C11.519 25.9512 11.4418 25.9973 11.3768 26.0553L4.78109 31.946ZM43.9675 36.058L37.6017 30.371L39.6778 28.5155C39.8091 28.3982 39.9873 28.3323 40.1732 28.3323C40.3589 28.3323 40.537 28.3982 40.6684 28.5155L45.2162 32.5777V33.9216C45.216 34.3412 45.1025 34.7545 44.8851 35.1265C44.6677 35.4984 44.353 35.818 43.9675 36.058ZM35.9517 31.8448L34.3014 30.371L25.7534 22.7361C25.5539 22.5581 25.2836 22.4583 25.0017 22.4583C24.7198 22.4583 24.4495 22.5581 24.25 22.7361L18.1024 28.2272L16.4518 29.7015L8.11768 37.1446L23.5415 45.0991C23.9852 45.3279 24.4885 45.4483 25.0008 45.4483C25.5131 45.4483 26.0166 45.3279 26.4602 45.0991L41.8839 37.1446L35.9517 31.8448Z" fill="#212121"/>
|
||||||
|
<path d="M81.892 13.448C82.452 14.036 82.732 14.736 82.732 15.548V26.804C82.732 27.616 82.452 28.316 81.892 28.904L80.548 30.248C79.988 30.808 79.302 31.088 78.49 31.088H71.602C70.482 31.088 69.922 31.648 69.922 32.768V39.74C69.922 40.86 69.362 41.42 68.242 41.42H67.78C66.66 41.42 66.1 40.86 66.1 39.74V12.944C66.1 11.824 66.66 11.264 67.78 11.264H78.49C79.302 11.264 79.988 11.544 80.548 12.104L81.892 13.448ZM78.952 16.766C78.952 15.646 78.392 15.086 77.272 15.086H71.644C70.524 15.086 69.964 15.646 69.964 16.766V25.586C69.964 26.706 70.524 27.266 71.644 27.266H77.23C78.35 27.266 78.91 26.706 78.91 25.586L78.952 16.766ZM100.176 31.886C100.176 33.006 99.6158 33.566 98.4958 33.566H92.0278C90.9078 33.566 90.3478 34.126 90.3478 35.246V35.834C90.3478 36.954 90.9078 37.514 92.0278 37.514H98.4958C99.6158 37.514 100.176 38.074 100.176 39.194V39.656C100.176 40.776 99.6158 41.336 98.4958 41.336H90.7678C89.9558 41.336 89.2698 41.042 88.7098 40.454L87.3658 39.11C86.8058 38.55 86.5258 37.864 86.5258 37.052V24.872C86.5258 24.06 86.8058 23.374 87.3658 22.814L88.7098 21.47C89.2698 20.91 89.9558 20.63 90.7678 20.63H95.9338C96.7458 20.63 97.4318 20.91 97.9918 21.47L99.3358 22.814C99.8958 23.374 100.176 24.06 100.176 24.872V31.886ZM90.3478 28.526C90.3478 29.646 90.9078 30.206 92.0278 30.206H94.6738C95.7938 30.206 96.3538 29.646 96.3538 28.526V26.09C96.3538 24.97 95.7938 24.41 94.6738 24.41H92.0278C90.9078 24.41 90.3478 24.97 90.3478 26.09V28.526ZM108.652 41.336C107.84 41.336 107.154 41.056 106.594 40.496L105.208 39.11C104.648 38.55 104.368 37.864 104.368 37.052V32.18C104.368 31.76 104.438 31.396 104.578 31.088C104.718 30.752 104.942 30.43 105.25 30.122L106.594 28.778C107.154 28.218 107.84 27.938 108.652 27.938H112.642C113.762 27.938 114.322 27.378 114.322 26.258V26.132C114.322 25.012 113.762 24.452 112.642 24.452H106.174C105.054 24.452 104.494 23.892 104.494 22.772V22.31C104.494 21.19 105.054 20.63 106.174 20.63H113.86C114.672 20.63 115.358 20.91 115.918 21.47L117.304 22.856C117.864 23.416 118.144 24.102 118.144 24.914V39.656C118.144 40.776 117.584 41.336 116.464 41.336H108.652ZM114.322 33.062C114.322 31.942 113.762 31.382 112.642 31.382H109.87C108.75 31.382 108.19 31.942 108.19 33.062V36.212C108.19 37.332 108.75 37.892 109.87 37.892H112.642C113.762 37.892 114.322 37.332 114.322 36.212V33.062ZM128.622 35.582C128.286 34.966 127.908 34.658 127.488 34.658C127.236 34.658 127.026 34.784 126.858 35.036C126.69 35.288 126.606 35.652 126.606 36.128V39.698C126.606 40.818 126.046 41.378 124.926 41.378H124.464C123.344 41.378 122.784 40.818 122.784 39.698V12.482C122.784 11.362 123.344 10.802 124.464 10.802H124.926C126.046 10.802 126.606 11.362 126.606 12.482V24.326C126.606 24.774 126.676 25.124 126.816 25.376C126.984 25.628 127.194 25.754 127.446 25.754C127.838 25.754 128.244 25.488 128.664 24.956L131.184 21.722C131.744 20.994 132.416 20.63 133.2 20.63H133.83C134.278 20.63 134.628 20.728 134.88 20.924C135.132 21.12 135.258 21.372 135.258 21.68C135.258 21.96 135.146 22.282 134.922 22.646L130.848 28.694C130.596 29.058 130.47 29.45 130.47 29.87C130.47 30.262 130.568 30.64 130.764 31.004L135.258 39.362C135.426 39.698 135.51 40.006 135.51 40.286C135.51 40.622 135.384 40.888 135.132 41.084C134.88 41.28 134.544 41.378 134.124 41.378H133.242C132.318 41.378 131.646 40.986 131.226 40.202L128.622 35.582Z" fill="#212121"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 6.4 KiB |
BIN
src/assets/layout/images/screen-1.png
Normal file
BIN
src/assets/layout/images/screen-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
src/assets/layout/images/screen.png
Normal file
BIN
src/assets/layout/images/screen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
BIN
src/assets/layout/images/startup.png
Normal file
BIN
src/assets/layout/images/startup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Loading…
Reference in New Issue
Block a user