From 4c755c82bcf7ce2f814800ce9b71754864a1ff76 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Thu, 4 Jun 2026 16:13:18 +0000
Subject: [PATCH 1/2] Bob AI: Add case-studies page

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

diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..168c87c 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 CaseStudiesPage from "@/pages/CaseStudiesPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/case-studies" element={<CaseStudiesPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 5907fdf..773b9c5 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -38,7 +38,9 @@ export default function Layout() {
   {
     "name": "Contact",
     "href": "#contact"
-  }
+  },
+  { name: "Case Studies", href: "/case-studies" },
+
 ];
 
   return (
diff --git a/src/pages/CaseStudiesPage.tsx b/src/pages/CaseStudiesPage.tsx
new file mode 100644
index 0000000..59772c0
--- /dev/null
+++ b/src/pages/CaseStudiesPage.tsx
@@ -0,0 +1,110 @@
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import BlogMediaCards from "@/components/sections/blog/BlogMediaCards";
+import ContactCta from "@/components/sections/contact/ContactCta";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function CaseStudiesPage() {
+  return (
+    <div className="flex flex-col min-h-screen bg-background text-foreground">
+      <NavbarCentered
+        logo="Webild"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Get Started", href: "/contact" }}
+      />
+
+      <main className="flex-grow">
+        <HeroBillboard
+          tag="Success Stories"
+          title="See How Our Clients Thrive"
+          description="Explore detailed case studies demonstrating the tangible results and transformative impact of our solutions across various industries."
+          primaryButton={{ text: "View All Case Studies", href: "#case-studies" }}
+          secondaryButton={{ text: "Get a Demo", href: "/contact" }}
+          imageSrc="https://img.b2bpic.net/img/case-study-hero.webp"
+        />
+
+        <BlogMediaCards
+          tag="Our Impact"
+          title="Real Results, Real Stories"
+          description="From startups to enterprises, our clients achieve remarkable success. Dive into their journeys and discover how we made a difference."
+          items={[
+            {
+              category: "E-commerce",
+              title: "Boosting Sales by 150% for Online Retailer",
+              excerpt: "Learn how we implemented a new marketing strategy and platform integration that led to a significant increase in sales and customer engagement for a leading e-commerce brand.",
+              authorName: "Jane Doe",
+              authorImageSrc: "https://img.b2bpic.net/img/avatar-1.webp",
+              date: "October 26, 2023",
+              imageSrc: "https://img.b2bpic.net/img/case-study-ecommerce.webp",
+              href: "#"
+            },
+            {
+              category: "SaaS",
+              title: "Streamlining Operations for a B2B SaaS Platform",
+              excerpt: "Discover how our custom software solution helped a SaaS company reduce operational costs by 30% and improve workflow efficiency, leading to higher client satisfaction.",
+              authorName: "John Smith",
+              authorImageSrc: "https://img.b2bpic.net/img/avatar-2.webp",
+              date: "September 15, 2023",
+              imageSrc: "https://img.b2bpic.net/img/case-study-saas.webp",
+              href: "#"
+            },
+            {
+              category: "Healthcare",
+              title: "Enhancing Patient Engagement for a Clinic Network",
+              excerpt: "Read about our innovative approach to digitalizing patient communication and appointment scheduling, resulting in a 40% improvement in patient engagement metrics.",
+              authorName: "Alice Johnson",
+              authorImageSrc: "https://img.b2bpic.net/img/avatar-3.webp",
+              date: "August 01, 2023",
+              imageSrc: "https://img.b2bpic.net/img/case-study-healthcare.webp",
+              href: "#"
+            },
+          ]}
+          primaryButton={{ text: "Browse All Case Studies", href: "#" }}
+        />
+
+        <ContactCta
+          tag="Ready to Transform?"
+          text="Let's discuss how we can help your business achieve similar success."
+          primaryButton={{ text: "Get in Touch", href: "/contact" }}
+          secondaryButton={{ text: "Learn More", href: "/about" }}
+        />
+      </main>
+
+      <FooterSimple
+        brand="Webild"
+        columns={[
+          {
+            title: "Product",
+            items: [
+              { label: "Features", href: "/features" },
+              { label: "Pricing", href: "/pricing" },
+              { label: "Integrations", href: "#" },
+            ],
+          },
+          {
+            title: "Company",
+            items: [
+              { label: "About Us", href: "/about" },
+              { label: "Careers", href: "#" },
+              { label: "Blog", href: "/blog" },
+            ],
+          },
+          {
+            title: "Resources",
+            items: [
+              { label: "Case Studies", href: "/case-studies" },
+              { label: "Support", href: "#" },
+              { label: "FAQ", href: "/faq" },
+            ],
+          },
+        ]}
+        copyright="© 2023 Webild. All rights reserved."
+        links={[
+          { label: "Privacy Policy", href: "#" },
+          { label: "Terms of Service", href: "#" },
+        ]}
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..b239e78 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: '/case-studies', label: 'Case Studies', pageFile: 'CaseStudiesPage' },
 ];
-- 
2.49.1


From ff81c665b383d53dee050d2934b175c059be8660 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Thu, 4 Jun 2026 16:13:54 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/CaseStudiesPage.tsx (snippet
 builder, 2 sections)

---
 src/pages/CaseStudiesPage.tsx | 119 ++++------------------------------
 1 file changed, 13 insertions(+), 106 deletions(-)

diff --git a/src/pages/CaseStudiesPage.tsx b/src/pages/CaseStudiesPage.tsx
index 59772c0..2978cba 100644
--- a/src/pages/CaseStudiesPage.tsx
+++ b/src/pages/CaseStudiesPage.tsx
@@ -1,110 +1,17 @@
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
-import BlogMediaCards from "@/components/sections/blog/BlogMediaCards";
-import ContactCta from "@/components/sections/contact/ContactCta";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
+import Button from "@/components/ui/Button";
+import TextAnimation from "@/components/ui/TextAnimation";
+import { ArrowUpRight, Loader2 } from "lucide-react";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import { useButtonClick } from "@/hooks/useButtonClick";
+import useBlogPosts from "@/hooks/useBlogPosts";
 
 export default function CaseStudiesPage() {
   return (
-    <div className="flex flex-col min-h-screen bg-background text-foreground">
-      <NavbarCentered
-        logo="Webild"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Get Started", href: "/contact" }}
-      />
-
-      <main className="flex-grow">
-        <HeroBillboard
-          tag="Success Stories"
-          title="See How Our Clients Thrive"
-          description="Explore detailed case studies demonstrating the tangible results and transformative impact of our solutions across various industries."
-          primaryButton={{ text: "View All Case Studies", href: "#case-studies" }}
-          secondaryButton={{ text: "Get a Demo", href: "/contact" }}
-          imageSrc="https://img.b2bpic.net/img/case-study-hero.webp"
-        />
-
-        <BlogMediaCards
-          tag="Our Impact"
-          title="Real Results, Real Stories"
-          description="From startups to enterprises, our clients achieve remarkable success. Dive into their journeys and discover how we made a difference."
-          items={[
-            {
-              category: "E-commerce",
-              title: "Boosting Sales by 150% for Online Retailer",
-              excerpt: "Learn how we implemented a new marketing strategy and platform integration that led to a significant increase in sales and customer engagement for a leading e-commerce brand.",
-              authorName: "Jane Doe",
-              authorImageSrc: "https://img.b2bpic.net/img/avatar-1.webp",
-              date: "October 26, 2023",
-              imageSrc: "https://img.b2bpic.net/img/case-study-ecommerce.webp",
-              href: "#"
-            },
-            {
-              category: "SaaS",
-              title: "Streamlining Operations for a B2B SaaS Platform",
-              excerpt: "Discover how our custom software solution helped a SaaS company reduce operational costs by 30% and improve workflow efficiency, leading to higher client satisfaction.",
-              authorName: "John Smith",
-              authorImageSrc: "https://img.b2bpic.net/img/avatar-2.webp",
-              date: "September 15, 2023",
-              imageSrc: "https://img.b2bpic.net/img/case-study-saas.webp",
-              href: "#"
-            },
-            {
-              category: "Healthcare",
-              title: "Enhancing Patient Engagement for a Clinic Network",
-              excerpt: "Read about our innovative approach to digitalizing patient communication and appointment scheduling, resulting in a 40% improvement in patient engagement metrics.",
-              authorName: "Alice Johnson",
-              authorImageSrc: "https://img.b2bpic.net/img/avatar-3.webp",
-              date: "August 01, 2023",
-              imageSrc: "https://img.b2bpic.net/img/case-study-healthcare.webp",
-              href: "#"
-            },
-          ]}
-          primaryButton={{ text: "Browse All Case Studies", href: "#" }}
-        />
-
-        <ContactCta
-          tag="Ready to Transform?"
-          text="Let's discuss how we can help your business achieve similar success."
-          primaryButton={{ text: "Get in Touch", href: "/contact" }}
-          secondaryButton={{ text: "Learn More", href: "/about" }}
-        />
-      </main>
-
-      <FooterSimple
-        brand="Webild"
-        columns={[
-          {
-            title: "Product",
-            items: [
-              { label: "Features", href: "/features" },
-              { label: "Pricing", href: "/pricing" },
-              { label: "Integrations", href: "#" },
-            ],
-          },
-          {
-            title: "Company",
-            items: [
-              { label: "About Us", href: "/about" },
-              { label: "Careers", href: "#" },
-              { label: "Blog", href: "/blog" },
-            ],
-          },
-          {
-            title: "Resources",
-            items: [
-              { label: "Case Studies", href: "/case-studies" },
-              { label: "Support", href: "#" },
-              { label: "FAQ", href: "/faq" },
-            ],
-          },
-        ]}
-        copyright="© 2023 Webild. All rights reserved."
-        links={[
-          { label: "Privacy Policy", href: "#" },
-          { label: "Terms of Service", href: "#" },
-        ]}
-      />
-    </div>
+    <>
+      <div data-webild-section="AboutText"><section aria-label="About section" className="py-20"><div className="w-content-width mx-auto flex flex-col gap-2 items-center"><TextAnimation text="Proven Results: Client Success Stories" variant="fade" gradientText={false} tag="h2" className="text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance" /><div className="flex flex-wrap gap-3 justify-center mt-2 md:mt-3"><Button text="Explore Case Studies" href="#case-studies" variant="primary" /><Button text="Speak with an Expert" href="/contact" variant="secondary" animationDelay={0.1} /></div></div></section></div>
+      <div data-webild-section="BlogSimpleCards"><section aria-label="Blog section" className="py-20"><div className="w-content-width mx-auto flex justify-center"><Loader2 className="size-8 animate-spin text-foreground" strokeWidth={1.5} /></div></section></div>
+    </>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1