diff --git a/src/App.tsx b/src/App.tsx index cce6d1d..a3c990b 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -3,12 +3,14 @@ import Layout from './components/Layout'; import HomePage from './pages/HomePage'; import VorOrtServicePage from "@/pages/VorOrtServicePage"; +import AboutPage from "@/pages/AboutPage"; export default function App() { return ( }> } /> } /> + } /> ); diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index ce77089..c707380 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -105,6 +105,8 @@ export default function Layout() { "href": "#testimonials" }, { name: "Vor Ort Service", href: "/vor-ort-service" }, + { name: "About", href: "/about" }, + ]; diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx new file mode 100644 index 0000000..05a3946 --- /dev/null +++ b/src/pages/AboutPage.tsx @@ -0,0 +1,83 @@ +import { routes } from "@/routes"; +import NavbarCentered from "@/components/ui/NavbarCentered"; +import HeroBrand from "@/components/sections/hero/HeroBrand"; +import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit"; +import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards"; +import ContactCta from "@/components/sections/contact/ContactCta"; +import FooterMinimal from "@/components/sections/footer/FooterMinimal"; + +export default function AboutPage() { + return ( +
+ ({ name: r.label, href: r.path }))} + ctaButton={{ text: "Angebot anfordern", href: "/contact" }} + /> + +
+ + +
+ +
+ + + + +
+ + +
+ ); +} \ No newline at end of file diff --git a/src/routes.ts b/src/routes.ts index 3f0e33e..b0e82fe 100644 --- a/src/routes.ts +++ b/src/routes.ts @@ -7,4 +7,5 @@ export interface Route { export const routes: Route[] = [ { path: '/', label: 'Home', pageFile: 'HomePage' }, { path: '/vor-ort-service', label: 'Vor Ort Service', pageFile: 'VorOrtServicePage' }, + { path: '/about', label: 'About', pageFile: 'AboutPage' }, ];