bender/489b9b1e-d8a4-4a24-9da1-345e8aab940c
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Update src/app/tenders-procurement/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 11:40:14 +00:00
parent 40f0a3e803
commit 8b3d5a8c35
1 changed files with 99 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
src/app/tenders-procurement/page.tsx
View File

@@ -1,22 +1,20 @@
"use client";
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';
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';
export default function TendersProcurementPage() {
const navItems = [
{ name: "Home", href: "/" },
{ name: "Tenders & Procurement", href: "/tenders-procurement" }
{ name: "Home", id: "/" },
{ name: "Tenders & Procurement", id: "/tenders-procurement" }
];
return (
<ThemeProvider
attribute="class"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
@@ -28,119 +26,121 @@ export default function TendersProcurementPage() {
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<NavbarStyleCentered
navItems={navItems}
brandName="Webild Tenders"
logoSrc="/placeholder-logo.svg"
/>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Webild"
button={{ text: "Contact Us", href: "#footer" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
<HeroBillboardDashboard
title="Tenders & Procurement"
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"
description="Explore current opportunities, guidelines, and application processes."
tag="Opportunities"
tagIcon={Briefcase}
buttons={[{ text: "View Tenders", href: "#tenders" }]}
background={{ variant: "plain" }}
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"
}}
/>
</div>
<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={[
<div id="tenders" data-section="tenders">
<FeatureCardEight
title="Current Tender Listings"
description="Find detailed information about our active tenders."
tag="Listings"
tagIcon={ListTodo}
features={[
{
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: "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: "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: "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: "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"
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"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<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"
}
<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." }
]}
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."
imageSrc="https://r2.webild.com/images/default-image.svg?_wi=1"
mediaPosition="right"
textboxLayout="default"
useInvertedBackground={true}
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"
faqsAnimation="blur-reveal"
mediaAnimation="opacity"
/>
</div>
<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}
<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"
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>
);
}