Landingpage Grid-layout erstellt, Navbar implementiert, SEO vorbereitet

This commit is contained in:
2026-02-23 20:52:45 +01:00
parent b6ca9be225
commit 2fdeb41c25
40 changed files with 646 additions and 79 deletions

View File

@@ -1,6 +1,14 @@
<div class="landing-grid">
<app-navigation class="navigation__component"></app-navigation>
<app-hero class="hero__component"></app-hero>
<app-features-section class="features-section__component"></app-features-section>
<app-footer class="footer__component"></app-footer>
<div class="grid-area-navigation">
<app-navigation></app-navigation>
</div>
<div class="grid-area-hero" id="hero">
<app-hero></app-hero>
</div>
<div class="grid-area-features" id="features-section">
<app-features-section></app-features-section>
</div>
<div class="grid-area-footer">
<app-footer></app-footer>
</div>
</div>

View File

@@ -1,8 +1,9 @@
import { Component } from '@angular/core';
import { Component, OnInit, inject } from '@angular/core';
import { NavigationComponent } from '../components/navigation/navigation.component';
import { HeroComponent } from '../components/hero/hero.component';
import { FeaturesSectionComponent } from '../components/features-section/features-section.component';
import { FooterComponent } from '../components/footer/footer.component';
import { SeoService } from '@core/services/seo.service';
@Component({
selector: 'app-landingpage',
@@ -15,6 +16,15 @@ import { FooterComponent } from '../components/footer/footer.component';
templateUrl: './landingpage.component.html',
styleUrl: './landingpage.component.scss',
})
export class LandingpageComponent {
export class LandingpageComponent implements OnInit {
private seo = inject(SeoService);
ngOnInit(): void {
this.seo.updateMetadata({
title: 'Performante Webseiten & Webdesign für KMU',
description: 'Spezialist für performante Webseiten ohne CMS für KMU. Wir bieten maßgeschneidertes Webdesign für eine schnelle und sichere Online-Präsenz.',
socialsDescription: 'Webseiten ohne CMS für KMU der Performance-Vorteil für Ihr Unternehmen.',
type: 'website'
});
}
}