From 70dbf05d84a6dedd04805992d6567212b847c822 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Fri, 3 Jul 2026 10:46:07 +0000 Subject: [PATCH] Bob AI: Add service detail pages (dynamic route /services/:slug) --- src/App.tsx | 2 ++ src/data/services.ts | 17 +++++++++++++++++ src/pages/ServiceDetailPage.tsx | 30 ++++++++++++++++++++++++++++++ 3 files changed, 49 insertions(+) create mode 100644 src/data/services.ts create mode 100644 src/pages/ServiceDetailPage.tsx diff --git a/src/App.tsx b/src/App.tsx index d631f9f..2ed666c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -3,6 +3,7 @@ import Layout from './components/Layout'; import HomePage from './pages/HomePage'; import BlogPage from "@/pages/BlogPage"; +import ServiceDetailPage from './pages/ServiceDetailPage'; export default function App() { return ( @@ -10,6 +11,7 @@ export default function App() { } /> } /> + } /> ); } diff --git a/src/data/services.ts b/src/data/services.ts new file mode 100644 index 0000000..a920cf2 --- /dev/null +++ b/src/data/services.ts @@ -0,0 +1,17 @@ +export interface Service { + slug: string; + question: string; + answer: string; + body: string; + specs: Array<{ label: string; value: string }>; +} + +export const services: Service[] = [ + {"slug":"item-dd0sy","question":"Where is your primary service area?","answer":"We specialize in the Northern Cape mining and industrial regions, ensuring rapid local deployment.","body":"In today's crowded market, a strong brand is your most valuable asset. Our strategic brand consulting service digs deep into your company's core identity, market positioning, and target audience to uncover what truly sets you apart. We do not just look at logos and colors; we analyze your entire customer journey to ensure every touchpoint resonates with your unique value proposition.\n\nThrough a series of collaborative workshops and in-depth market research, our strategists build a comprehensive roadmap for your brand. You will receive actionable insights and a clear framework for future growth, empowering your team to communicate with confidence and consistency.","specs":[{"label":"Duration","value":"4-6 Weeks"},{"label":"Deliverable","value":"Strategy Playbook"},{"label":"Format","value":"Remote or In-person"},{"label":"Best For","value":"Rebrands and Startups"}]}, + {"slug":"item-7zqu9","question":"Do you provide OEM maintenance?","answer":"Yes, we adhere strictly to OEM standards for all mechanical maintenance and repairs.","body":"Your website is the digital storefront of your business, and it needs to perform flawlessly across all devices. Our custom web development service delivers high-performance, secure, and scalable websites tailored specifically to your operational needs. We write clean, modern code that ensures lightning-fast load times and seamless user experiences, keeping your visitors engaged and driving conversions.\n\nWe specialize in integrating complex third-party APIs, custom content management systems, and robust e-commerce architectures. From the initial technical discovery phase to post-launch maintenance, our dedicated development team works closely with you to ensure your digital infrastructure is built to handle future growth and evolving market demands.","specs":[{"label":"Tech Stack","value":"React, Node.js, Python"},{"label":"Timeline","value":"8-12 Weeks"},{"label":"Support","value":"90 Days Post-launch"},{"label":"Hosting","value":"AWS or Vercel"}]}, + {"slug":"item-qgrhu","question":"How do we request a project consultation?","answer":"Simply fill out our contact form below or call our office during business hours.","body":"Visibility is everything in the digital landscape. Our SEO and content optimization service is designed to elevate your search rankings and drive highly targeted organic traffic to your website. We start with a comprehensive technical audit to identify and fix underlying crawl issues, followed by deep keyword research to uncover high-intent search terms your competitors are missing.\n\nBeyond technical fixes, we revitalize your existing content and map out a strategic editorial calendar. By aligning your website's copy with proven search intent and optimizing on-page elements, we help you build sustainable, long-term authority in your industry. Watch your organic reach grow as we turn your website into a reliable lead generation engine.","specs":[{"label":"Audit Timeframe","value":"14 Days"},{"label":"Reporting","value":"Monthly Dashboard"},{"label":"Focus","value":"On-page & Technical SEO"},{"label":"Contract","value":"6-Month Minimum"}]}, +]; + +export function findService(slug: string): Service | undefined { + return services.find((x) => x.slug === slug); +} diff --git a/src/pages/ServiceDetailPage.tsx b/src/pages/ServiceDetailPage.tsx new file mode 100644 index 0000000..c942a24 --- /dev/null +++ b/src/pages/ServiceDetailPage.tsx @@ -0,0 +1,30 @@ +import { useParams, Link, Navigate } from 'react-router-dom'; +import { findService } from '@/data/services'; + +export default function ServiceDetailPage() { + const { slug } = useParams<{ slug: string }>(); + const service = slug ? findService(slug) : undefined; + if (!service) return ; + + return ( +
+
+
+ ← Back to Services +
+

{service.question}

+ {service.body &&
{service.body}
} +
+
+ {service.answer != null && (
Answer{String(service.answer)}
)} +
+ {Array.isArray(service.specs) && service.specs.length > 0 && ( +
+ {service.specs.map((s, i) => (
{s.label}{s.value}
))} +
+ )} +
+
+
+ ); +} -- 2.49.1