diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 4f27992..099b7c1 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -23,6 +23,7 @@ import { FloatLabelComponent } from './components/floatlabel/floatlabel.componen import { InvalidStateComponent } from './components/invalidstate/invalidstate.component'; import { TimelineComponent } from './components/timeline/timeline.component'; import { IconsComponent } from './components/icons/icons.component'; +import { LandingComponent } from './components/landing/landing.component'; @NgModule({ imports: [ RouterModule.forRoot([ @@ -52,8 +53,9 @@ import { IconsComponent } from './components/icons/icons.component'; {path: 'icons', component: IconsComponent}, {path: 'blocks', component: BlocksComponent}, {path: 'documentation', component: DocumentationComponent} - ] + ], }, + {path:'landing', component: LandingComponent}, {path: '**', redirectTo: 'pages/empty'}, ], {scrollPositionRestoration: 'enabled'}) ], diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 867dc90..4e32704 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -6,6 +6,7 @@ import { LocationStrategy, HashLocationStrategy } from '@angular/common'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { AppRoutingModule } from './app-routing.module'; +import { StyleClassModule } from 'primeng/styleclass'; import { AccordionModule } from 'primeng/accordion'; import { AutoCompleteModule } from 'primeng/autocomplete'; import { AvatarModule } from 'primeng/avatar'; @@ -132,6 +133,7 @@ import { NodeService } from './service/nodeservice'; import { PhotoService } from './service/photoservice'; import { ProductService } from './service/productservice'; import { MenuService } from './service/app.menu.service'; +import { LandingComponent } from './components/landing/landing.component'; @NgModule({ imports: [ @@ -221,6 +223,7 @@ import { MenuService } from './service/app.menu.service'; TreeTableModule, VirtualScrollerModule, AppCodeModule, + StyleClassModule, ], declarations: [ AppComponent, @@ -259,6 +262,7 @@ import { MenuService } from './service/app.menu.service'; ConfirmationComponent, PersonalComponent, SeatComponent, + LandingComponent, ], providers: [ {provide: LocationStrategy, useClass: HashLocationStrategy}, diff --git a/src/app/components/landing/landing.component.html b/src/app/components/landing/landing.component.html new file mode 100644 index 0000000..9d4f96b --- /dev/null +++ b/src/app/components/landing/landing.component.html @@ -0,0 +1,348 @@ +
+
+ + Sakai LogoSAKAI + + + + + +
+ +
+
+

Eu sem integer eget magna fermentum

+

Sed blandit libero volutpat sed cras. Fames ac turpis egestas integer. Placerat in egestas erat...

+ +
+ +
+ +
+
+ +
+

Marvelous Features

+ Placerat in egestas erat... +
+ +
+
+
+ +
+
Easy to Use
+ Posuere morbi leo urna molestie. +
+
+ +
+
+
+ +
+
Fresh Design
+ Semper risus in hendrerit. +
+
+ +
+
+
+ +
+
Well Documented
+ Non arcu risus quis varius quam quisque. +
+
+ +
+
+
+ +
+
Responsive Layout
+ Nulla malesuada pellentesque elit. +
+
+ +
+
+
+ +
+
Clean Code
+ Condimentum lacinia quis vel eros. +
+
+ +
+
+
+ +
+
Dark Mode
+ Convallis tellus id interdum velit laoreet. +
+
+ +
+
+
+ +
+
Ready to Use
+ Mauris sit amet massa vitae. +
+
+ +
+
+
+ +
+
Modern Practices
+ Elementum nibh tellus molestie nunc non. +
+
+ +
+
+
+ +
+
Privacy
+ Neque egestas congue quisque. +
+
+ +
+
+
+

Joséphine Miller

+ Peak Interactive +
+
+

“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.”

+
+
+ +
+
+
+ +
+
+ +
+
+

Powerful Everywhere

+ Amet consectetur adipiscing elit... +
+ +
+
+ mockup mobile +
+ +
+
+ +
+

Congue Quisque Egestas

+ 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. +
+
+ +
+
+
+ +
+

Congue Quisque Egestas

+ 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. +
+ +
+ mockup +
+
+
+ +
+
+

Matchless Pricing

+ Amet consectetur adipiscing elit... +
+ +
+ +
+
+

Free

+ +
+ $0 + per month + +
+ +
    +
  • + + Responsive Layout +
  • +
  • + + Unlimited Push Messages +
  • +
  • + + 50 Support Ticket +
  • +
  • + + Free Shipping +
  • +
+
+
+ +
+
+

Startup

+ +
+ $1 + per month + +
+ +
    +
  • + + Responsive Layout +
  • +
  • + + Unlimited Push Messages +
  • +
  • + + 50 Support Ticket +
  • +
  • + + Free Shipping +
  • +
+
+
+ +
+
+

Free

+ +
+ $0 + per month + +
+ +
    +
  • + + Responsive Layout +
  • +
  • + + Unlimited Push Messages +
  • +
  • + + 50 Support Ticket +
  • +
  • + + Free Shipping +
  • +
+
+
+
+
+ +
+
+ +
+
+ footer sections +

SAKAI

+
+
+ +
+
+ + +
+

Resources

+ Get Started + Learn + Case Studies +
+ +
+

Community

+ Discord + Events + FAQ + Blog +
+ + +
+
+
+
+
\ No newline at end of file diff --git a/src/app/components/landing/landing.component.scss b/src/app/components/landing/landing.component.scss new file mode 100644 index 0000000..302bdd3 --- /dev/null +++ b/src/app/components/landing/landing.component.scss @@ -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; + } +} diff --git a/src/app/components/landing/landing.component.ts b/src/app/components/landing/landing.component.ts new file mode 100644 index 0000000..02fd004 --- /dev/null +++ b/src/app/components/landing/landing.component.ts @@ -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 { + } + +} diff --git a/src/assets/layout/images/enterprise.png b/src/assets/layout/images/enterprise.png new file mode 100644 index 0000000..94917f7 Binary files /dev/null and b/src/assets/layout/images/enterprise.png differ diff --git a/src/assets/layout/images/free.png b/src/assets/layout/images/free.png new file mode 100644 index 0000000..217a50d Binary files /dev/null and b/src/assets/layout/images/free.png differ diff --git a/src/assets/layout/images/icon.svg b/src/assets/layout/images/icon.svg new file mode 100644 index 0000000..53d2de6 --- /dev/null +++ b/src/assets/layout/images/icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/layout/images/logo-blue.svg b/src/assets/layout/images/logo-blue.svg new file mode 100644 index 0000000..3c4ecf7 --- /dev/null +++ b/src/assets/layout/images/logo-blue.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/layout/images/mockup-desktop.png b/src/assets/layout/images/mockup-desktop.png new file mode 100644 index 0000000..9efec14 Binary files /dev/null and b/src/assets/layout/images/mockup-desktop.png differ diff --git a/src/assets/layout/images/mockup.png b/src/assets/layout/images/mockup.png new file mode 100644 index 0000000..aafb00e Binary files /dev/null and b/src/assets/layout/images/mockup.png differ diff --git a/src/assets/layout/images/new-badge.svg b/src/assets/layout/images/new-badge.svg new file mode 100644 index 0000000..a8f521d --- /dev/null +++ b/src/assets/layout/images/new-badge.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/layout/images/peak-logo.svg b/src/assets/layout/images/peak-logo.svg new file mode 100644 index 0000000..72510df --- /dev/null +++ b/src/assets/layout/images/peak-logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/layout/images/screen-1.png b/src/assets/layout/images/screen-1.png new file mode 100644 index 0000000..21eeb55 Binary files /dev/null and b/src/assets/layout/images/screen-1.png differ diff --git a/src/assets/layout/images/screen.png b/src/assets/layout/images/screen.png new file mode 100644 index 0000000..41dac37 Binary files /dev/null and b/src/assets/layout/images/screen.png differ diff --git a/src/assets/layout/images/startup.png b/src/assets/layout/images/startup.png new file mode 100644 index 0000000..a43932c Binary files /dev/null and b/src/assets/layout/images/startup.png differ