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 @@
+
+
+
+
+
+
Eu sem integer eget magna fermentum
+
Sed blandit libero volutpat sed cras. Fames ac turpis egestas integer. Placerat in egestas erat...
+
Get Started
+
+
+
+
+
+
+
+
+
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...
+
+
+
+
+
+
+
+
+
+
+
+
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.
+
+
+
+
+
+
+
+
+
+
+
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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
SAKAI
+
+
+
+
+
+
+
\ 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