Files
489b9b1e-d8a4-4a24-9da1-345…/src/app/tenders-procurement/page.tsx

147 lines
7.0 KiB
TypeScript

"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';
export default function TendersProcurementPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Tenders & Procurement", id: "/tenders-procurement" }
];
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Webild"
button={{ text: "Contact Us", href: "#footer" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
title="Tenders & 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="tenders" data-section="tenders">
<FeatureCardEight
title="Current Tender Listings"
description="Find detailed information about our active tenders."
tag="Listings"
tagIcon={ListTodo}
features={[
{
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"
},
{
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"
},
{
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"
}
]}
textboxLayout="default"
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." }
]}
imageSrc="https://r2.webild.com/images/default-image.svg?_wi=1"
mediaPosition="right"
textboxLayout="default"
useInvertedBackground={true}
faqsAnimation="blur-reveal"
mediaAnimation="opacity"
/>
</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"
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>
);
}