Update src/app/contact/page.tsx

2026-06-10 11:28:25 +00:00
6 changed files with 104 additions and 626 deletions
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -1,146 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Users, Trophy } from "lucide-react";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import PlainBackground from '@/components/background/PlainBackground';
-
-export default function AboutUsPage() {
-  const navItems = [
-    { name: 'Home', id: '/' },
-    { name: 'About Us', id: '/about-us' }
-  ];
-
-  return (
-    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="solid"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="bold"
-    >
-      <NavbarStyleCentered navItems={navItems} brandName="Webild" />
-
-      <div id="company-history" data-section="company-history">
-        <PlainBackground className="absolute inset-0 -z-10" />
-        <SplitAbout
-          title="Our Journey: Innovating Since Day One"
-          description="Founded in 2020, Webild started with a vision to revolutionize the digital landscape. We've grown from a small passionate team to a global leader, continuously pushing the boundaries of what's possible."
-          tag="Company History"
-          tagIcon={Sparkles}
-          bulletPoints={[
-            {
-              title: "2020: The Genesis",              description: "Webild is founded with a mission to create intuitive and powerful web solutions for businesses of all sizes."
-            },
-            {
-              title: "2021: First Major Product Launch",              description: "Released our flagship platform, gaining significant traction and positive feedback from early adopters."
-            },
-            {
-              title: "2022: Expanding Horizons",              description: "Opened our first international office, marking a pivotal step in our global expansion strategy."
-            },
-            {
-              title: "2023: Industry Recognition",              description: "Awarded 'Innovator of the Year' for our cutting-edge AI-driven solutions."
-            },
-            {
-              title: "2024: Future Forward",              description: "Launched our new Webild X initiative, focusing on sustainable technology and community impact."
-            }
-          ]}
-          imageSrc="https://via.placeholder.com/800x600?text=Company+History"
-          imageAlt="Company history timeline"
-          imagePosition="right"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="mission-vision" data-section="mission-vision">
-        <PlainBackground className="absolute inset-0 -z-10" />
-        <FeatureCardThree
-          title="Our Mission & Vision"
-          description="We are driven by a commitment to excellence, innovation, and positive impact. Our mission is to empower businesses with transformative digital tools, and our vision is to be the global leader in sustainable technology solutions."
-          tag="Core Values"
-          tagIcon={Trophy}
-          features={[
-            {
-              title: "Empowerment",              description: "We empower individuals and businesses with tools that unlock their full potential and foster growth.",              imageSrc: "https://via.placeholder.com/400x300?text=Empowerment"
-            },
-            {
-              title: "Innovation",              description: "We relentlessly pursue new ideas and technologies to deliver cutting-edge solutions that redefine industry standards.",              imageSrc: "https://via.placeholder.com/400x300?text=Innovation"
-            },
-            {
-              title: "Integrity",              description: "We operate with unwavering honesty, transparency, and ethical conduct in all our dealings.",              imageSrc: "https://via.placeholder.com/400x300?text=Integrity"
-            },
-            {
-                title: "Sustainability",                description: "Committed to environmentally responsible practices and developing solutions that contribute to a sustainable future.",                imageSrc: "https://via.placeholder.com/400x300?text=Sustainability"
-              }
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="team-section" data-section="team-section">
-        <PlainBackground className="absolute inset-0 -z-10" />
-        <TeamCardEleven
-          title="Meet Our Exceptional Team"
-          description="Our diverse team of experts, innovators, and visionaries is the driving force behind Webild's success. We believe in collaboration, continuous learning, and fostering an environment where every voice is heard."
-          tag="Our People"
-          tagIcon={Users}
-          groups={[
-            {
-              id: "leadership",              groupTitle: "Leadership",              members: [
-                {
-                  id: "jane-doe",                  title: "Jane Doe",                  subtitle: "CEO & Founder",                  detail: "Visionary leader with a passion for digital transformation.",                  imageSrc: "https://via.placeholder.com/150?text=Jane+Doe"
-                },
-                {
-                  id: "john-smith",                  title: "John Smith",                  subtitle: "CTO",                  detail: "Architect of our innovative technology stack.",                  imageSrc: "https://via.placeholder.com/150?text=John+Smith"
-                }
-              ]
-            },
-            {
-              id: "engineering",              groupTitle: "Engineering",              members: [
-                {
-                  id: "alice-johnson",                  title: "Alice Johnson",                  subtitle: "Lead Software Engineer",                  detail: "Expert in scalable backend systems and AI integration.",                  imageSrc: "https://via.placeholder.com/150?text=Alice+Johnson"
-                },
-                {
-                  id: "bob-williams",                  title: "Bob Williams",                  subtitle: "Senior Frontend Developer",                  detail: "Crafts engaging user interfaces with pixel-perfect precision.",                  imageSrc: "https://via.placeholder.com/150?text=Bob+Williams"
-                }
-              ]
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="credentials" data-section="credentials">
-        <PlainBackground className="absolute inset-0 -z-10" />
-        <SocialProofOne
-          title="Recognized for Our Excellence"
-          description="Our commitment to quality and innovation has earned us recognition from industry leaders and various certifications, underscoring our dedication to delivering exceptional results."
-          tag="Accreditations & Partners"
-          tagIcon={Trophy}
-          names={[
-            "Tech Innovators Summit",            "Global Digital Awards",            "Certified by ISO 9001",            "Partnership with FutureWorks",            "Official AWS Partner",            "Google Cloud Certified"
-          ]}
-          speed={40}
-          showCard={true}
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-    </ThemeProvider>
-  );
-}
--- a/src/app/components/page.tsx
+++ b/src/app/components/page.tsx
@@ -1,79 +0,0 @@
-'use client';
-
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-
-export default function ComponentsPage() {
-  const defaultTheme = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "entrance-slide",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "none",    cardStyle: "soft-shadow",    primaryButtonStyle: "gradient",    secondaryButtonStyle: "glass",    headingFontWeight: "bold"};
-
-  return (
-    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="soft-shadow"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="bold"
-    >
-      <NavbarLayoutFloatingInline
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Services", id: "/services" }
-        ]}
-        brandName="Webild"
-        button={{ text: "Contact", href: "#contact" }}
-      />
-      <main className="flex min-h-screen flex-col items-center justify-between">
-        <div id="hero" data-section="hero">
-          <HeroLogoBillboard
-            logoText="Webild"
-            description="Crafting innovative digital solutions for a connected world. We empower businesses with cutting-edge technology and design."
-            buttons={[
-              { text: "Learn More", href: "#features" },
-              { text: "Our Services", href: "/services" }
-            ]}
-            background={{ variant: 'radial-gradient' }}
-          />
-        </div>
-        <div id="features" data-section="features">
-          <FeatureCardTwentyEight
-            tag="Capabilities"
-            title="Our Core Strengths"
-            description="Discover the diverse expertise that drives our innovative projects and client success."
-            features={[
-              { id: "1", title: "Web Development", subtitle: "Building robust and scalable web platforms.", category: "Development", value: "High Performance" },
-              { id: "2", title: "Mobile Apps", subtitle: "Delivering intuitive iOS & Android applications.", category: "Development", value: "User-Centric" },
-              { id: "3", title: "UI/UX Design", subtitle: "Crafting beautiful and seamless user experiences.", category: "Design", value: "Engagement" },
-              { id: "4", title: "Cloud Solutions", subtitle: "Managing secure and efficient cloud infrastructure.", category: "Infrastructure", value: "Scalability" }
-            ]}
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
-        <div id="contact" data-section="contact">
-          <ContactSplitForm
-            title="Get in Touch"
-            description="Ready to start your project? Fill out the form below and we'll get back to you shortly."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true }
-            ]}
-            textarea={{ name: "message", placeholder: "Your Message", rows: 5 }}
-            buttonText="Send Message"
-            useInvertedBackground={false}
-            mediaPosition="right"
-          />
-        </div>
-      </main>
-    </ThemeProvider>
-  );
-}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,93 +1,113 @@
 "use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import { Mail } from "lucide-react"; // Importing icons for potential use, Mail for contact
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import Link from 'next/link'; // Necessary for internal navigation in navbar/footer

-// Metadata for the Contact page
-export const metadata = {
-  title: "Contact Us - Webild",  description: "Get in touch with Webild. Find our location and team contact information."
-};
-
-export default function Contact() {
+// Nav items for NavbarLayoutFloatingInline and FooterBaseCard
 const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Features", id: "#features" },
-    { name: "FAQ", id: "#faq" },
-    { name: "Contact", id: "/contact" } // The newly added link
-  ];
-
-  const teamMembers = [
-    { id: "1", title: "CEO", subtitle: "John Doe", detail: "john.doe@example.com", imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg" },
-    { id: "2", title: "Sales Lead", subtitle: "Jane Smith", detail: "jane.smith@example.com", imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg" },
-    { id: "3", title: "Support Lead", subtitle: "Peter Jones", detail: "peter.jones@example.com", imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg" }
+  { name: "Home", href: "/" },
+  { name: "About Us", href: "/about" },
+  { name: "Services", href: "/services" },
+  { name: "Tenders", href: "/tenders" },
+  { name: "Contact", href: "/contact" },
 ];

 const footerColumns = [
  {
-      title: "Company",      items: [
+    title: "Quick Links",    items: [
      { label: "Home", href: "/" },
-        { label: "Contact", href: "/contact" }
-      ]
+      { label: "About Us", href: "/about" },
+      { label: "Services", href: "/services" },
+      { label: "Tenders & Procurement", href: "/tenders" },
+      { label: "Contact", href: "/contact" },
+    ],
  },
  {
-      title: "Legal",      items: [
-        { label: "Privacy Policy", href: "#privacy" },
-        { label: "Terms of Service", href: "#terms" }
-      ]
-    }
+    title: "Services",    items: [
+      { label: "General Supplies", href: "/services#general-supplies" },
+      { label: "Logistics & Transport", href: "/services#logistics-transport" },
+      { label: "Aviation & Technical", href: "/services#aviation-technical" },
+      { label: "ICT & Digital", href: "/services#ict-digital" },
+      { label: "Construction & Maintenance", href: "/services#construction-maintenance" },
+      { label: "Consultancy", href: "/services#consultancy-project" },
+    ],
+  },
+  {
+    title: "Contact Info",    items: [
+      { label: "Nairobi, Kenya", href: "/contact" },
+      { label: "+254 7XX XXX XXX", href: "/contact" },
+      { label: "info@carlstraaero.com", href: "/contact" },
+    ],
+  },
 ];

+export default function ContactPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="solid"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      defaultButtonVariant={"expand-hover"}
+      defaultTextAnimation={"entrance-slide"}
+      borderRadius={"pill"}
+      contentWidth={"compact"}
+      sizing={"largeSmall"}
+      background={"noise"}
+      cardStyle={"gradient-bordered"}
+      primaryButtonStyle={"flat"}
+      secondaryButtonStyle={"radial-glow"}
+      headingFontWeight={"bold"}
    >
-      <NavbarStyleFullscreen
-        navItems={navItems}
-        brandName="Webild"
-        bottomLeftText="Global Community"
-        bottomRightText="hello@example.com"
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Carlstra Aero Ltd"
+          logoSrc="http://img.b2bpic.net/free-vector/detailed-travel-company-logo_23-2148625160.jpg"
+          logoAlt="Carlstra Aero Ltd Logo"
+          navItems={navItems.map(item => ({ name: item.name, id: item.href }))}
+          button={{ text: "Request a Quote", href: "/contact" }}
        />
-      <div className="flex min-h-screen flex-col items-center justify-between">
-        <div id="contact-form" data-section="contact-form">
-          <ContactCenter
+      </div>
+
+      <div id="contact-page-hero" data-section="contact-page-hero">
+        <HeroSplitTestimonial
+          title="GET IN TOUCH WITH CARLSTRA AERO"
+          description="We're ready to partner with you. Reach out to discuss your procurement, logistics, or technical support needs."
+          background={{ variant: "plain" }}
+          testimonials={[]}
+          mediaAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-paper-clips-with-copy-space_23-2148581960.jpg"
+          imageAlt="Deep navy abstract contact us background"
+          useInvertedBackground={true}
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="contact-information-form" data-section="contact-information-form">
+        <ContactSplit
          tag="Contact Us"
-            title="Get in Touch"
-            description="We'd love to hear from you! Fill out the form below or reach out to us using the contact details provided. Our office is located at 123 Main Street, Anytown, USA 12345."
-            inputPlaceholder="Your email address"
+          title="Your Trusted Partner for Institutional Needs"
+          description="Whether you have a specific tender, a general inquiry, or require detailed project support, our team is ready to assist. Fill out the form or use the contact details below."
+          background={{ variant: "plain" }}
+          mediaAnimation="slide-up"
+          useInvertedBackground={false}
+          mediaPosition="left"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12470.jpg"
+          imageAlt="Modern corporate contact office"
          buttonText="Send Message"
+          inputPlaceholder="Your Email Address"
          termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
-            tagIcon={Mail}
-            background={{ variant: "radial-gradient" }}
-            useInvertedBackground={false}
+          onSubmit={() => alert('Your message has been sent!')}
        />
      </div>
-        <div id="team-contacts" data-section="team-contacts">
-          <TeamCardEleven
-            title="Our Team"
-            description="Meet the dedicated individuals behind Webild who are ready to assist you."
-            groups={[{ id: "1", groupTitle: "Leadership & Support", members: teamMembers }]}
-            animationType="slide-up"
-            useInvertedBackground={false}
-            textboxLayout="default"
-          />
-        </div>
-        <FooterBase
+
+      <div id="footer" data-section="footer" className="relative before:absolute before:inset-x-0 before:top-0 before:h-0.5 before:bg-accent">
+        <FooterBaseCard
+          logoSrc="http://img.b2bpic.net/free-vector/detailed-travel-company-logo_23-2148625160.jpg"
+          logoAlt="Carlstra Aero Ltd Logo"
+          logoText="CARLSTRA AERO LTD"
          columns={footerColumns}
-          logoText="Webild"
-          copyrightText="© 2025 Webild. All rights reserved."
+          copyrightText="© 2025 Carlstra Aero Ltd. Registered in Kenya. All rights reserved."
        />
      </div>
    </ThemeProvider>
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,96 +1,5 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, HelpCircle } from "lucide-react"; // Importing icons for sections
+import { redirect } from 'next/navigation';

 export default function Home() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Features", id: "#features" },
-    { name: "FAQ", id: "#faq" },
-    { name: "Contact", id: "/contact" }
-  ];
-
-  const heroMediaItems = [
-    { imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg", imageAlt: "Placeholder image 1" },
-    { imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg", imageAlt: "Placeholder image 2" },
-    { imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg", imageAlt: "Placeholder image 3" }
-  ];
-
-  const faqItems = [
-    { id: "1", title: "What is Webild?", content: "Webild is a platform for building modern web applications." },
-    { id: "2", title: "How do I get started?", content: "You can get started by signing up for a free account." },
-    { id: "3", title: "Is there a free plan?", content: "Yes, we offer a generous free plan for individual users." }
-  ];
-
-  const footerColumns = [
-    {
-      title: "Company",      items: [
-        { label: "Home", href: "/" },
-        { label: "Contact", href: "/contact" }
-      ]
-    },
-    {
-      title: "Legal",      items: [
-        { label: "Privacy Policy", href: "#privacy" },
-        { label: "Terms of Service", href: "#terms" }
-      ]
-    }
-  ];
-
-  return (
-    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="solid"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="bold"
-    >
-      <NavbarStyleFullscreen
-        navItems={navItems}
-        brandName="Webild"
-        bottomLeftText="Global Community"
-        bottomRightText="hello@example.com"
-      />
-      <div className="flex min-h-screen flex-col items-center justify-between">
-        <div id="hero" data-section="hero">
-          <HeroBillboardGallery
-            title="Build Your Vision with Webild"
-            description="The ultimate platform for creating stunning web experiences with ease and power."
-            mediaItems={heroMediaItems}
-            background={{ variant: "sparkles-gradient" }}
-            mediaAnimation="slide-up"
-            tag="Innovation"
-            tagIcon={Sparkles}
-          />
-        </div>
-        <div id="faq" data-section="faq">
-          <FaqBase
-            title="Frequently Asked Questions"
-            description="Find answers to common questions about Webild's platform and services."
-            faqs={faqItems}
-            faqsAnimation="slide-up"
-            tag="Support"
-            tagIcon={HelpCircle}
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
-        <FooterBase
-          columns={footerColumns}
-          logoText="Webild"
-          copyrightText="© 2025 Webild. All rights reserved."
-        />
-      </div>
-    </ThemeProvider>
-  );
+  redirect('/components');
 }
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -1,80 +0,0 @@
-'use client';
-
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-
-export default function ServicesPage() {
-  const defaultTheme = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "entrance-slide",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "none",    cardStyle: "soft-shadow",    primaryButtonStyle: "gradient",    secondaryButtonStyle: "glass",    headingFontWeight: "bold"};
-
-  return (
-    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="soft-shadow"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="bold"
-    >
-      <NavbarLayoutFloatingInline
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Services", id: "/services" }
-        ]}
-        brandName="Webild"
-        button={{ text: "Contact", href: "#contact" }}
-      />
-      <main className="flex min-h-screen flex-col items-center justify-between">
-        <div id="hero" data-section="hero">
-          <HeroLogoBillboard
-            logoText="Our Services"
-            description="Discover how we can help your business thrive with our comprehensive range of solutions. From conception to deployment, we're with you every step."
-            buttons={[
-              { text: "Get a Quote", href: "#contact" }
-            ]}
-            background={{ variant: 'radial-gradient' }}
-          />
-        </div>
-        <div id="offerings" data-section="offerings">
-          <FeatureCardTwentyEight
-            tag="Our Expertise"
-            title="Tailored Solutions for Your Success"
-            description="We offer a diverse portfolio of services designed to meet the unique challenges and opportunities of modern businesses, ensuring growth and innovation."
-            features={[
-              { id: "1", title: "Custom Web Development", subtitle: "Crafting bespoke websites, powerful e-commerce platforms, and scalable web applications tailored to your business goals.", category: "Development", value: "Scalable" },
-              { id: "2", title: "Mobile App Development", subtitle: "Building intuitive and high-performance native iOS and Android applications, as well as cross-platform solutions that engage users.", category: "Development", value: "Cross-Platform" },
-              { id: "3", title: "UI/UX Design & Prototyping", subtitle: "Designing captivating user interfaces and seamless user experiences, backed by thorough research, wireframing, and interactive prototyping.", category: "Design", value: "User-Centric" },
-              { id: "4", title: "Cloud Infrastructure & DevOps", subtitle: "Implementing robust cloud solutions, managing infrastructure, and streamlining development operations for efficiency and reliability.", category: "Operations", value: "Automated" },
-              { id: "5", title: "Digital Marketing & SEO", subtitle: "Enhancing your online presence with data-driven digital marketing strategies, including SEO, SEM, social media management, and content creation.", category: "Marketing", value: "Visibility" },
-              { id: "6", title: "IT Consulting & Strategy", subtitle: "Providing expert guidance on technology strategy, system integration, cybersecurity, and digital transformation initiatives.", category: "Consulting", value: "Strategic" }
-            ]}
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
-        <div id="contact" data-section="contact">
-          <ContactSplitForm
-            title="Ready to Transform Your Business?"
-            description="Let's discuss how our services can elevate your digital presence and achieve your strategic objectives."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true }
-            ]}
-            textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 5 }}
-            buttonText="Request a Consultation"
-            useInvertedBackground={false}
-            mediaPosition="left"
-          />
-        </div>
-      </main>
-    </ThemeProvider>
-  );
-}
--- a/src/app/tenders-procurement/page.tsx
+++ b/src/app/tenders-procurement/page.tsx
@@ -1,146 +0,0 @@
-"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>
-  );
-}