From 141d48b3d53a0be1f995d4844b4e270e8bc33fb9 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 1 Jul 2026 02:27:24 +0000
Subject: [PATCH] Bob AI: Add vicforce-recruitment page

---
 src/App.tsx                           |  2 +
 src/components/Layout.tsx             |  4 +-
 src/pages/VicforceRecruitmentPage.tsx | 83 +++++++++++++++++++++++++++
 src/routes.ts                         |  1 +
 4 files changed, 89 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/VicforceRecruitmentPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..41db568 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import VicforceRecruitmentPage from "@/pages/VicforceRecruitmentPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/vicforce-recruitment" element={<VicforceRecruitmentPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index fd38bca..2a496ac 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Contact",
     "href": "#contact"
-  }
+  },
+  { name: "Vicforce Recruitment", href: "/vicforce-recruitment" },
+
 ];
 
   return (
diff --git a/src/pages/VicforceRecruitmentPage.tsx b/src/pages/VicforceRecruitmentPage.tsx
new file mode 100644
index 0000000..2da87ee
--- /dev/null
+++ b/src/pages/VicforceRecruitmentPage.tsx
@@ -0,0 +1,83 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards";
+import FeaturesDetailedSteps from "@/components/sections/features/FeaturesDetailedSteps";
+import ContactCta from "@/components/sections/contact/ContactCta";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+
+export default function VicforceRecruitmentPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground flex flex-col">
+      <NavbarCentered
+        logo="ABC Group | VicForce"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Hire Staff", href: "/contact" }}
+      />
+      
+      <main className="flex-grow">
+        <HeroBillboard
+          tag="VicForce Recruitment"
+          title="The Right People. The Right Skills. Right When You Need Them."
+          description="Premium recruitment solutions tailored for your business needs. We connect top talent with industry-leading organizations."
+          primaryButton={{ text: "Find Talent", href: "/contact" }}
+          secondaryButton={{ text: "Explore Services", href: "#services" }}
+          textAnimation="fade-blur"
+        />
+
+        <HeroSplitKpi
+          tag="About VicForce"
+          title="Delivering Excellence in Staffing"
+          description="VicForce is the trusted recruitment arm of ABC Group, specializing in providing high-quality, reliable personnel across multiple sectors. We pride ourselves on our rigorous vetting process and rapid deployment capabilities."
+          primaryButton={{ text: "Learn More", href: "/about" }}
+          secondaryButton={{ text: "View Industries", href: "#industries" }}
+          kpis={[
+            { value: "10k+", label: "Successful Placements" },
+            { value: "98%", label: "Client Retention Rate" },
+            { value: "50+", label: "Industries Served" }
+          ]}
+          textAnimation="slide-up"
+        />
+
+        <FeaturesIconCards
+          tag="Why Choose Us"
+          title="Why Businesses Choose VicForce"
+          description="We go beyond traditional recruitment to deliver strategic workforce solutions that drive your business forward."
+          features={[
+            { icon: "ShieldCheck", title: "Vetted Professionals", description: "Our rigorous screening process ensures you only see the most qualified and reliable candidates." },
+            { icon: "Zap", title: "Rapid Deployment", description: "Quick turnaround times to meet your urgent staffing needs without compromising on quality." },
+            { icon: "Target", title: "Industry Expertise", description: "Specialized recruiters who deeply understand the nuances of your specific sector." }
+          ]}
+          textAnimation="fade-blur"
+        />
+
+        <FeaturesDetailedSteps
+          tag="Our Process"
+          title="Streamlined Recruitment Timeline"
+          description="A proven, transparent methodology to find your perfect match efficiently."
+          steps={[
+            { tag: "Phase 1", title: "Consultation", subtitle: "Understanding Needs", description: "We analyze your specific requirements, company culture, and long-term goals." },
+            { tag: "Phase 2", title: "Sourcing", subtitle: "Finding Talent", description: "Leveraging our extensive network and advanced tools to identify top-tier candidates." },
+            { tag: "Phase 3", title: "Placement", subtitle: "Onboarding", description: "Seamless integration of new staff into your team with ongoing support." }
+          ]}
+          textAnimation="slide-up"
+        />
+
+        <ContactCta
+          tag="Partner With Us"
+          text="Looking for reliable staff?"
+          primaryButton={{ text: "Contact Us Today", href: "/contact" }}
+          secondaryButton={{ text: "View Open Roles", href: "/careers" }}
+          textAnimation="fade"
+        />
+      </main>
+
+      <FooterMinimal
+        brand="ABC Group | VicForce"
+        copyright="© 2024 ABC Group. All rights reserved."
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..ee0e7f7 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/vicforce-recruitment', label: 'Vicforce Recruitment', pageFile: 'VicforceRecruitmentPage' },
 ];