From 40f0a3e803a04fe387f72cb4796c856ab9817a9a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 11:38:16 +0000
Subject: [PATCH] Update src/app/tenders-procurement/page.tsx

---
 src/app/tenders-procurement/page.tsx | 191 ++++++++++++++-------------
 1 file changed, 97 insertions(+), 94 deletions(-)

diff --git a/src/app/tenders-procurement/page.tsx b/src/app/tenders-procurement/page.tsx
index 6187d2c..1191d51 100644
--- a/src/app/tenders-procurement/page.tsx
+++ b/src/app/tenders-procurement/page.tsx
@@ -1,20 +1,22 @@
 "use client";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import { Briefcase, ListTodo, FileText, HelpCircle } from 'lucide-react';
+
+import { ThemeProvider } from "next-themes";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import { Sparkles, Lightbulb } from 'lucide-react';
 
 export default function TendersProcurementPage() {
   const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Tenders & Procurement", id: "/tenders-procurement" }
+    { name: "Home", href: "/" },
+    { name: "Tenders & Procurement", href: "/tenders-procurement" }
   ];
 
   return (
     <ThemeProvider
+      attribute="class"
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
@@ -26,118 +28,119 @@ export default function TendersProcurementPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarLayoutFloatingInline
+      <NavbarStyleCentered
         navItems={navItems}
-        brandName="Webild"
-        button={{ text: "Contact Us", href: "#footer" }}
+        brandName="Webild Tenders"
+        logoSrc="/placeholder-logo.svg"
       />
+
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
+        <HeroBillboardScroll
           title="Tenders & Procurement"
-          description="Explore current opportunities, guidelines, and application processes."
-          tag="Opportunities"
-          tagIcon={Briefcase}
-          buttons={[{ text: "View Tenders", href: "#tenders" }]}
-          dashboard={{
-            title: "Procurement Dashboard",            stats: [
-              { title: "Open Tenders", values: [5, 7, 10], description: "Active" },
-              { title: "Contracts Awarded", values: [12, 15, 18], description: "Last Quarter" },
-              { title: "Bidders", values: [50, 65, 80], description: "Registered" }
-            ],
-            logoIcon: ListTodo,
-            sidebarItems: [{ icon: ListTodo, active: true }],
-            buttons: [{ text: "Submit Inquiry", href: "#" }],
-            listItems: [
-              { title: "Upcoming IT Projects", status: "Planning phase", icon: Briefcase },
-              { title: "Vendor Registration Drive", status: "Ongoing", icon: ListTodo },
-              { title: "Audit of Current Contracts", status: "In progress", icon: FileText }
-            ],
-            imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
-          }}
+          description="Discover opportunities, streamline your bidding process, and secure contracts with our comprehensive tender management solutions. We empower businesses to navigate the complex world of public and private procurement with ease and confidence."
+          tag="Your Partner in Procurement"
+          tagIcon={Sparkles}
+          background={{ variant: 'radial-gradient' }}
+          buttons={[{ text: "Explore Tenders", href: "#tender-categories" }, { text: "Learn More", href: "#what-we-offer" }]}
+          imageSrc="https://images.unsplash.com/photo-1556761175-5973dd3039d7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwyMHx8cHJvY3VyZW1lbnR8ZW58MHx8fHwxNzE1Nzc2NTUwfDA&ixlib=rb-4.0.3&q=80&w=1080"
+          imageAlt="People collaborating on a project, representing procurement"
         />
       </div>
 
-      <div id="tenders" data-section="tenders">
-        <FeatureCardEight
-          title="Current Tender Listings"
-          description="Find detailed information about our active tenders."
-          tag="Listings"
-          tagIcon={ListTodo}
-          features={[
+      <div id="what-we-offer" data-section="what-we-offer">
+        <ProductCardTwo
+          title="What We Offer Tenderers"
+          description="Our tailored services simplify the tendering journey, providing you with the tools and support needed to succeed."
+          products={[
             {
-              title: "IT Infrastructure Upgrade",              description: "Procurement of new servers, networking equipment, and software licenses. Deadline: 2024-12-31.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
+              id: "1",              brand: "Service",              name: "Opportunity Discovery",              price: "Custom",              rating: 5,
+              reviewCount: "20+",              imageSrc: "https://images.unsplash.com/photo-1579389083543-c0d2a9379899?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwyfHxvcHBvcnR1bml0eSUyMGRpc2NvdmVyeXxlbnwwfHx8fDE3MTcyNzU2NjV8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Magnifying glass over a document"
             },
             {
-              title: "Marketing Services Contract",              description: "Seeking agencies for digital marketing, social media management, and content creation. Deadline: 2024-11-15.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
+              id: "2",              brand: "Service",              name: "Bid Preparation Support",              price: "Custom",              rating: 5,
+              reviewCount: "15+",              imageSrc: "https://images.unsplash.com/photo-1610484742466-218080f33198?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwxNXx8ZG9jdW1lbnQlMjBwcmVwYXJhdGlvbnxlbnwwfHx8fDE3MTcyNzU3MDd8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Person typing on a laptop, documents on desk"
             },
             {
-              title: "Office Supplies Vendor",              description: "Annual contract for various office supplies. Open to local and regional suppliers. Deadline: 2025-01-30.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
+              id: "3",              brand: "Service",              name: "Compliance & Legal Review",              price: "Custom",              rating: 5,
+              reviewCount: "10+",              imageSrc: "https://images.unsplash.com/photo-1581093859062-094709d7df9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwxMXx8Y29tcGxpYW5jZSUyMGNoZWNrfGVufDB8fHx8MTcxNzI3NTcyN3ww&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Gavel and law books"
+            },
+            {
+              id: "4",              brand: "Service",              name: "Strategic Consultation",              price: "Custom",              rating: 5,
+              reviewCount: "12+",              imageSrc: "https://images.unsplash.com/photo-1520607162513-772a1f40d2a3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHw3fHxzdHJhdGVnaWMlMjBjb25zdWx0YXRpb258ZW5wwfHx8fDE3MTcyNzU3NTB8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "People in a business meeting"
+            },
+            {
+              id: "5",              brand: "Service",              name: "Post-Award Support",              price: "Custom",              rating: 5,
+              reviewCount: "8+",              imageSrc: "https://images.unsplash.com/photo-1520607162513-772a1f40d2a3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHw3fHxzdHJhdGVnaWMlMjBjb25zdWx0YXRpb258ZW5wwfHx8fDE3MTcyNzU3NTB8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Award ceremony"
             }
           ]}
-          textboxLayout="default"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="guidelines" data-section="guidelines">
-        <FaqSplitMedia
-          title="Procurement Guidelines"
-          description="Understand our policies and procedures for fair and transparent procurement."
-          tag="Guidelines"
-          tagIcon={FileText}
-          faqs={[
-            { id: "faq1", title: "Eligibility Criteria", content: "Details on who can apply for tenders, including legal status, financial capacity, and experience requirements." },
-            { id: "faq2", title: "Submission Requirements", content: "Instructions on required documents, format, and submission methods for tender applications." },
-            { id: "faq3", title: "Evaluation Process", content: "Overview of how bids are evaluated, including scoring criteria and decision-making timelines." },
-            { id: "faq4", title: "Ethical Conduct", content: "Our commitment to ethical procurement, anti-corruption policies, and conflict of interest guidelines." }
+      <div id="tender-categories" data-section="tender-categories">
+        <BlogCardThree
+          title="Explore Tender Categories"
+          description="Browse a wide range of tender categories to find opportunities relevant to your business."
+          blogs={[
+            {
+              id: "1",              category: "IT & Software",              title: "Software Development Projects",              excerpt: "Tenders for custom software solutions, web development, and IT infrastructure.",              imageSrc: "https://images.unsplash.com/photo-1550066925-5e6e8e815e9e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwxNHx8c29mdHdhcmUlMjBkZXZlbG9wbWVudHxlbnwwfHx8fDE3MTcyNzU4MjB8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Code on a computer screen",              authorName: "Category Lead",              authorAvatar: "https://images.unsplash.com/photo-1535713875002-d1d0cfdfeeab?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwxfHxhdmF0YXJ8ZW5wwfHx8fDE3MTUyMzk5MDV8MA&ixlib=rb-4.0.3&q=80&w=1080",              date: "Ongoing"
+            },
+            {
+              id: "2",              category: "Construction",              title: "Building & Infrastructure Projects",              excerpt: "Opportunities for civil engineering, commercial building, and public works.",              imageSrc: "https://images.unsplash.com/photo-1541336474665-27a36c645474?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwxOXx8Y29uc3RydWN0aW9ufGVufDB8fHx8MTcxNzI3NTgzN3ww&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Construction site",              authorName: "Category Lead",              authorAvatar: "https://images.unsplash.com/photo-1535713875002-d1d0cfdfeeab?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwxfHxhdmF0YXJ8ZW5wwfHx8fDE3MTUyMzk5MDV8MA&ixlib=rb-4.0.3&q=80&w=1080",              date: "Ongoing"
+            },
+            {
+              id: "3",              category: "Consulting Services",              title: "Strategic Advisory & Support",              excerpt: "Tenders for business consulting, financial advisory, and project management.",              imageSrc: "https://images.unsplash.com/photo-1520607162513-772a1f40d2a3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHw3fHxjb25zdWx0aW5nfGVufDB8fHx8MTcxNzI3NTkwMnww&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Consulting meeting",              authorName: "Category Lead",              authorAvatar: "https://images.unsplash.com/photo-1535713875002-d1d0cfdfeeab?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwxfHxhdmF0YXJ8ZW5wwfHx8fDE3MTUyMzk5MDV8MA&ixlib=rb-4.0.3&q=80&w=1080",              date: "Ongoing"
+            },
+            {
+              id: "4",              category: "Healthcare",              title: "Medical Supplies & Services",              excerpt: "Procurement for medical equipment, pharmaceuticals, and healthcare provision.",              imageSrc: "https://images.unsplash.com/photo-1576091160399-112ed8d87a6d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwyMHx8aGVhbHRoY2FyZXxlbnwwfHx8fDE3MTcyNzU5NDZ8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Medical equipment",              authorName: "Category Lead",              authorAvatar: "https://images.unsplash.com/photo-1535713875002-d1d0cfdfeeab?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwxfHxhdmF0YXJ8ZW5wwfHx8fDE3MTUyMzk5MDV8MA&ixlib=rb-4.0.3&q=80&w=1080",              date: "Ongoing"
+            }
           ]}
-          imageSrc="https://r2.webild.com/images/default-image.svg?_wi=1"
-          mediaPosition="right"
+          carouselMode="buttons"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          gridVariant="four-items-2x2-equal-grid"
+        />
+      </div>
+
+      <div id="compliance-credentials" data-section="compliance-credentials">
+        <FeatureCardSixteen
+          title="Compliance Credentials Panel"
+          description="Ensuring integrity and trust in every tender process. Our commitment to compliance guarantees fair and transparent procurement practices."
           textboxLayout="default"
           useInvertedBackground={true}
-          faqsAnimation="blur-reveal"
-          mediaAnimation="opacity"
+          animationType="blur-reveal"
+          negativeCard={{
+            items: [
+              "ISO 9001 Certified Quality Management",              "ISO 27001 Certified Information Security",              "GDPR Compliant Data Handling",              "Ethical Sourcing Policies",              "Transparent Reporting Standards"
+            ]
+          }}
+          positiveCard={{
+            items: [
+              "Adherence to Public Procurement Directives",              "Robust Conflict of Interest Policies",              "Regular Internal & External Audits",              "Certified Procurement Professionals",              "Secure Document Management Systems"
+            ]
+          }}
+          className="bg-gray-900 text-white"
+          cardClassName="bg-gray-800 border border-gray-700 shadow-lg"
+          textBoxTitleClassName="text-white"
+          textBoxDescriptionClassName="text-gray-300"
+          itemTextClassName="text-gray-200"
+          itemIconClassName="text-green-400"
         />
       </div>
 
-      <div id="application-process" data-section="application-process">
-        <FeatureCardEight
-          title="Application Processes"
-          description="Step-by-step guide to submitting your tender application successfully."
-          tag="Process"
-          tagIcon={HelpCircle}
-          features={[
-            {
-              title: "Step 1: Register Online",              description: "Create an account on our procurement portal to access tender documents and announcements.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
-            },
-            {
-              title: "Step 2: Review Documents",              description: "Download and carefully read the Invitation to Tender (ITT) and all supplementary documents.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
-            },
-            {
-              title: "Step 3: Prepare Your Bid",              description: "Assemble all required technical, financial, and legal documents as specified in the ITT.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
-            },
-            {
-              title: "Step 4: Submit Application",              description: "Submit your complete bid through the online portal before the specified deadline.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
-            }
-          ]}
-          textboxLayout="default"
+      <div id="cta" data-section="cta">
+        <HeroBillboardScroll
+          title="Ready to Start Your Tender Journey?"
+          description="Send us your tender specifications, and let us help you find the perfect opportunities to grow your business."
+          buttons={[{ text: "Send Tender Specifications", href: "mailto:info@webuild.com", target: "_blank" }]}
+          background={{ variant: 'downward-rays-static' }}
+          tag="Get Started Today"
+          tagIcon={Lightbulb}
           useInvertedBackground={false}
         />
       </div>
-
-      <div id="footer" data-section="footer">
-        <FooterBase
-          columns={[
-            {
-              title: "Company",              items: [{ label: "Home", href: "/" }, { label: "Tenders & Procurement", href: "/tenders-procurement" }],
-            },
-            {
-              title: "Support",              items: [{ label: "FAQ", href: "#guidelines" }, { label: "Contact", href: "#footer" }],
-            },
-          ]}
-          logoText="Webild"
-        />
-      </div>
     </ThemeProvider>
   );
 }