Bob AI: Add about page

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 (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
         <Route path="/vor-ort-service" element={<VorOrtServicePage />} />
+        <Route path="/about" element={<AboutPage />} />
       </Route>
     </Routes>
   );

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" },
+
 
 ];
 

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 (
+    <div className="min-h-screen bg-background text-foreground flex flex-col">
+      <NavbarCentered
+        logo="RojTec"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Angebot anfordern", href: "/contact" }}
+      />
+      
+      <main className="flex-grow">
+        <HeroBrand
+          brand="Über RojTec"
+          description="Willkommen bei RojTec – Ihrem zuverlässigen Partner für Handyreparatur in Wolfsburg, Braunschweig und Umgebung. RojTec steht für schnelle, ehrliche und fachgerechte Handyreparatur."
+          primaryButton={{ text: "Angebot anfordern", href: "/contact" }}
+          secondaryButton={{ text: "Unsere Leistungen", href: "#leistungen" }}
+        />
+
+        <div id="leistungen">
+          <AboutFeaturesSplit
+            tag="Leistungen"
+            title="Handyreparatur – flexibel nach Ihrem Wunsch"
+            description="Wir reparieren alle gängigen Smartphone-Marken und -Modelle. Sie haben dabei zwei bequeme Möglichkeiten. So entscheiden Sie selbst, was für Sie am einfachsten ist."
+            items={[
+              {
+                icon: "🚚",
+                title: "Vor-Ort-Service",
+                description: "Wir kommen direkt zu Ihnen nach Hause oder ins Unternehmen und reparieren Ihr Gerät vor Ort."
+              },
+              {
+                icon: "📦",
+                title: "Einsende-Service",
+                description: "Sie senden uns Ihr Gerät bequem zu – wir reparieren es und schicken es schnell wieder zurück."
+              }
+            ]}
+          />
+        </div>
+
+        <FeaturesIconCards
+          tag="Warum RojTec?"
+          title="Ihre Vorteile bei uns"
+          description="Mit technischer Erfahrung und einem Auge fürs Detail bringen wir Ihr Smartphone zuverlässig wieder zum Laufen – egal welche Marke, egal welches Modell."
+          features={[
+            {
+              icon: "📱",
+              title: "Alle Marken & Modelle",
+              description: "Von Displaybruch bis Akkutausch. Sie haben die Wahl: Vor-Ort oder per Einsendung."
+            },
+            {
+              icon: "⚖️",
+              title: "Faire und transparente Preise",
+              description: "Sie wissen vorher, woran Sie sind. Keine versteckten Kosten bei der Reparatur."
+            },
+            {
+              icon: "🤝",
+              title: "Persönlich & zuverlässig",
+              description: "Bei uns sprechen Sie direkt mit dem Fachmann, der sich um Ihr Anliegen kümmert."
+            }
+          ]}
+        />
+
+        <ContactCta
+          tag="Unser Versprechen"
+          text="Ihr Gerät ist bei uns in guten Händen. Wir arbeiten sorgfältig, transparent und schnell – damit Sie Ihr Smartphone so bald wie möglich wieder nutzen können. Handy defekt? Fordern Sie jetzt unverbindlich Ihr Angebot an."
+          primaryButton={{ text: "Angebot anfordern", href: "/contact" }}
+          secondaryButton={{ text: "Zur Startseite", href: "/" }}
+        />
+      </main>
+
+      <FooterMinimal
+        brand="RojTec"
+        copyright="© 2024 RojTec. Alle Rechte vorbehalten."
+      />
+    </div>
+  );
+}

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' },
 ];