First commit of landing page feature
This commit is contained in:
@@ -1,31 +1,14 @@
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { Component, OnDestroy, OnInit, HostListener } from '@angular/core';
|
||||
import { RouterOutlet } from '@angular/router';
|
||||
|
||||
interface Plan {
|
||||
name: string;
|
||||
price: string;
|
||||
players: string;
|
||||
ram: string;
|
||||
storage: string;
|
||||
features: string[];
|
||||
popular?: boolean;
|
||||
}
|
||||
|
||||
interface Feature {
|
||||
icon: string;
|
||||
title: string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
interface Stat {
|
||||
value: string;
|
||||
label: string;
|
||||
}
|
||||
import { Navigation } from './components/navigation/navigation';
|
||||
import { Feature } from './interfaces/feature';
|
||||
import { Plan } from './interfaces/plan';
|
||||
import { Stat } from './interfaces/stat';
|
||||
import { Footer } from './components/footer/footer';
|
||||
|
||||
@Component({
|
||||
selector: 'app-root',
|
||||
imports: [RouterOutlet, CommonModule],
|
||||
imports: [CommonModule, Navigation, Footer],
|
||||
templateUrl: './app.html',
|
||||
styleUrl: './app.css'
|
||||
})
|
||||
@@ -88,7 +71,15 @@ export class App implements OnInit, OnDestroy {
|
||||
ram: '16GB RAM',
|
||||
storage: '100GB SSD',
|
||||
features: ['DDoS Protection', 'Instant Setup', 'Daily Backups', 'Mod Support', 'Priority Support', 'Free Subdomain', 'Dedicated IP', 'Custom Plugins']
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'Custom',
|
||||
price: '$$$',
|
||||
players: 'Unlimited',
|
||||
ram: 'Up to 128GB RAM',
|
||||
storage: 'Up to 2TB',
|
||||
features: ['DDoS Protection', 'Instant Setup', 'Daily Backups', 'Mod Support', 'Priority Support', 'Free Subdomain', 'Dedicated IP', 'Custom Plugins', 'Priority Support']
|
||||
},
|
||||
];
|
||||
|
||||
ngOnInit(): void {
|
||||
@@ -103,9 +94,4 @@ export class App implements OnInit, OnDestroy {
|
||||
onWindowScroll(): void {
|
||||
this.scrolled = window.scrollY > 50;
|
||||
}
|
||||
|
||||
toggleMobileMenu(): void {
|
||||
this.mobileMenuOpen = !this.mobileMenuOpen;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user