add bootstrap.component.tsx, implement dynamic nav generation

This commit is contained in:
Schneider Roland
2025-01-10 22:23:49 +01:00
parent f059417376
commit 85587489f5
13 changed files with 180 additions and 91 deletions

View File

@@ -9,10 +9,13 @@ import QuotesComponent from "@/components/quotes.component";
import BlogPostsComponent from "@/components/blog.posts.component";
import FooterComponent from "@/components/footer.component";
import SubscribeComponent from "@/components/subscribe.component";
import SubHeaderComponent from "@/components/subHeader.component";
import BootstrapComponent from "@/components/bootstrap.component";
export default function About() {
return (
<>
<SubHeaderComponent />
<OurServicesComponent />
<AboutUsComponent />
<OurSpecialitiesComponent />
@@ -23,6 +26,8 @@ export default function About() {
<SubscribeComponent />
<FooterComponent />
<AosComponent />
<BootstrapComponent />
</>
);

View File

@@ -0,0 +1,29 @@
import React from "react";
import AosComponent from "@/components/aos.component";
import OurServicesComponent from "@/components/our.services.component";
import AboutUsComponent from "@/components/about.us.component";
import OurSpecialitiesComponent from "@/components/our.specialities.component";
import ContactUsComponent from "@/components/contact.us.component";
import PricingComponent from "@/components/pricing.component";
import QuotesComponent from "@/components/quotes.component";
import BlogPostsComponent from "@/components/blog.posts.component";
import FooterComponent from "@/components/footer.component";
import SubscribeComponent from "@/components/subscribe.component";
export default function About() {
return (
<>
<OurServicesComponent />
<AboutUsComponent />
<OurSpecialitiesComponent />
<ContactUsComponent />
<PricingComponent />
<QuotesComponent />
<BlogPostsComponent />
<SubscribeComponent />
<FooterComponent />
<AosComponent />
</>
);
}

View File

@@ -1,8 +1,6 @@
import type {Metadata, Viewport} from "next";
import "./globals.scss";
import {IconDescriptor} from "next/dist/lib/metadata/types/metadata-types";
import MainHeaderComponent from "@/components/mainHeaderComponent";
const generateIconDescriptor = (rel: string, sizes: string, url: string): IconDescriptor => {
// <link rel="apple-touch-icon" sizes="76x76"*/}

View File

@@ -10,6 +10,7 @@ import BlogPostsComponent from "@/components/blog.posts.component";
import FooterComponent from "@/components/footer.component";
import SubscribeComponent from "@/components/subscribe.component";
import MainHeaderComponent from "@/components/mainHeaderComponent";
import BootstrapComponent from "@/components/bootstrap.component";
export default function Home() {
return (
@@ -25,6 +26,7 @@ export default function Home() {
<SubscribeComponent />
<FooterComponent />
<AosComponent />
<BootstrapComponent />
</>
);

View File

@@ -0,0 +1,29 @@
import React from "react";
import AosComponent from "@/components/aos.component";
import OurServicesComponent from "@/components/our.services.component";
import AboutUsComponent from "@/components/about.us.component";
import OurSpecialitiesComponent from "@/components/our.specialities.component";
import ContactUsComponent from "@/components/contact.us.component";
import PricingComponent from "@/components/pricing.component";
import QuotesComponent from "@/components/quotes.component";
import BlogPostsComponent from "@/components/blog.posts.component";
import FooterComponent from "@/components/footer.component";
import SubscribeComponent from "@/components/subscribe.component";
export default function About() {
return (
<>
<OurServicesComponent />
<AboutUsComponent />
<OurSpecialitiesComponent />
<ContactUsComponent />
<PricingComponent />
<QuotesComponent />
<BlogPostsComponent />
<SubscribeComponent />
<FooterComponent />
<AosComponent />
</>
);
}

View File

@@ -0,0 +1,29 @@
import React from "react";
import AosComponent from "@/components/aos.component";
import OurServicesComponent from "@/components/our.services.component";
import AboutUsComponent from "@/components/about.us.component";
import OurSpecialitiesComponent from "@/components/our.specialities.component";
import ContactUsComponent from "@/components/contact.us.component";
import PricingComponent from "@/components/pricing.component";
import QuotesComponent from "@/components/quotes.component";
import BlogPostsComponent from "@/components/blog.posts.component";
import FooterComponent from "@/components/footer.component";
import SubscribeComponent from "@/components/subscribe.component";
export default function About() {
return (
<>
<OurServicesComponent />
<AboutUsComponent />
<OurSpecialitiesComponent />
<ContactUsComponent />
<PricingComponent />
<QuotesComponent />
<BlogPostsComponent />
<SubscribeComponent />
<FooterComponent />
<AosComponent />
</>
);
}