diff --git a/src/components/landing/footerwidget.ts b/src/components/landing/footerwidget.ts new file mode 100644 index 0000000..bad9a47 --- /dev/null +++ b/src/components/landing/footerwidget.ts @@ -0,0 +1,73 @@ +import { Component } from '@angular/core'; +import { Router, RouterModule } from '@angular/router'; + +@Component({ + selector: 'footer-widget', + imports: [RouterModule], + template: ` +
+
+
+ + + + + + + + + + +

SAKAI

+ +
+ +
+
+
+

Company

+ About Us + News + Investor Relations + Careers + Media Kit +
+ +
+

Resources

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

Community

+ Discord + Eventsbadge + FAQ + Blog +
+ +
+

Legal

+ Brand Policy + Privacy Policy + Terms of Service +
+
+
+
+
+ `, +}) +export class FooterWidget { + constructor(public router: Router) { } +} diff --git a/src/components/landing/herowidget.ts b/src/components/landing/herowidget.ts new file mode 100644 index 0000000..fefb6b0 --- /dev/null +++ b/src/components/landing/herowidget.ts @@ -0,0 +1,24 @@ +import { Component } from '@angular/core'; +import { RippleModule } from 'primeng/ripple'; +import { ButtonModule } from 'primeng/button'; + +@Component({ + selector: 'hero-widget', + imports: [ButtonModule, RippleModule], + template: ` +
+
+

Eu sem integereget magna fermentum

+

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

+ +
+
+ Hero Image +
+
+ `, +}) +export class HeroWidget { + +} diff --git a/src/components/landing/highlightswidget.ts b/src/components/landing/highlightswidget.ts new file mode 100644 index 0000000..7cb91e2 --- /dev/null +++ b/src/components/landing/highlightswidget.ts @@ -0,0 +1,48 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'highlights-widget', + template: ` +
+
+
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. +
+
+ +
+
+
+ +
+
Celerisque Eu Ultrices
+ Adipiscing commodo elit at imperdiet dui. Viverra nibh cras pulvinar mattis nunc sed blandit libero. Suspendisse in est ante in. Mauris pharetra et ultrices neque ornare aenean euismod elementum nisi. +
+ +
+ mockup +
+
+
+ `, +}) +export class HighlightsWidget { + +} diff --git a/src/components/landing/pricingwidget.ts b/src/components/landing/pricingwidget.ts new file mode 100644 index 0000000..876d211 --- /dev/null +++ b/src/components/landing/pricingwidget.ts @@ -0,0 +1,115 @@ +import { Component } from '@angular/core'; +import { DividerModule } from 'primeng/divider'; +import { ButtonModule } from 'primeng/button'; +import { RippleModule } from 'primeng/ripple'; + +@Component({ + selector: 'pricing-widget', + imports: [DividerModule, ButtonModule, RippleModule], + template: ` +
+
+

Matchless Pricing

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

Free

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

Startup

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

Enterprise

+ enterprise +
+ $999 + per month + +
+ +
    +
  • + + Responsive Layout +
    • +
  • + + Unlimited Push Messages +
    • +
  • + + 50 Support Ticket +
    • +
  • + + Free Shipping +
    • +
+
+
+
+
+ `, +}) +export class PricingWidget { + +} diff --git a/src/components/landing/topbarwidget.component.ts b/src/components/landing/topbarwidget.component.ts new file mode 100644 index 0000000..a4832a6 --- /dev/null +++ b/src/components/landing/topbarwidget.component.ts @@ -0,0 +1,55 @@ +import { Component } from '@angular/core'; +import { StyleClassModule } from 'primeng/styleclass'; +import { Router, RouterModule } from '@angular/router'; +import { RippleModule } from 'primeng/ripple'; +import { ButtonModule } from 'primeng/button'; +import { LayoutService } from '@/src/app/layout/service/app.layout.service'; + +@Component({ + selector: 'topbar-widget', + imports: [RouterModule, StyleClassModule, ButtonModule, RippleModule], + template: ` +
+ + Sakai LogoSAKAI + + + + + +
+ `, + providers: [LayoutService], +}) +export class TopbarWidget { + + constructor(public router: Router, public layoutService: LayoutService) { } + +}