From e2347ecc87b22eacc9df3d49d22c41e37f30bd5d Mon Sep 17 00:00:00 2001 From: libertyoms Date: Sun, 18 May 2025 09:07:14 +0200 Subject: [PATCH] product development added --- .../services/product-development/page.tsx | 537 ++++++++++++++++++ components/HeaderClient.tsx | 180 ++---- 2 files changed, 596 insertions(+), 121 deletions(-) create mode 100644 app/(website)/services/product-development/page.tsx diff --git a/app/(website)/services/product-development/page.tsx b/app/(website)/services/product-development/page.tsx new file mode 100644 index 0000000..beccb58 --- /dev/null +++ b/app/(website)/services/product-development/page.tsx @@ -0,0 +1,537 @@ +import Image from "next/image"; +import Link from "next/link"; +import { Metadata } from "next"; +import { + FaArrowRight, + FaCheckCircle, + FaCogs, + FaDraftingCompass, + FaHandshake, + FaHeadset, + FaLaptopCode, + FaLightbulb, + FaPuzzlePiece, + FaRocket, + FaSearch, + FaShieldAlt, + FaSyncAlt, + FaTools, + FaUserCheck, + FaUsersCog, + FaExclamationTriangle, + FaFileInvoiceDollar, + FaPhone, + FaEnvelope, +} from "react-icons/fa"; +import { COLORS } from "@/constants"; +import ContactForm from "@/components/ContactForm"; + +// SEO Metadata +export const metadata: Metadata = { + title: "Custom Software Development South Africa | Tailored Solutions by OMS", + description: + "OMS builds custom software solutions when off-the-shelf products don't fit. Leverage our expertise, proven by projects like OBSE, to solve your unique business challenges in South Africa.", + keywords: [ + "custom software development", + "bespoke software", + "tailored software solutions", + "software development South Africa", + "business process automation", + "enterprise software", + "fintech development", + "OMS", + "Owethu Management Services", + "product development", + "custom applications", + ], + openGraph: { + title: + "Custom Software Development South Africa | Tailored Solutions by OMS", + description: + "Partner with OMS to develop custom software perfectly aligned with your business needs.", + url: "https://www.oms.africa/services/product-development", // Replace with your actual URL + images: [ + { + url: "/images/product-dev-og-image.png", // Replace with an appropriate OG image URL + width: 1200, + height: 630, + alt: "OMS Custom Software Development", + }, + ], + locale: "en_ZA", + type: "website", + }, + twitter: { + card: "summary_large_image", + title: + "Custom Software Development South Africa | Tailored Solutions by OMS", + description: + "Build the exact software you need with OMS's expert development services.", + // images: ['/images/product-dev-twitter-image.png'], // Replace if needed + }, +}; + +interface StepItem { + icon: React.ElementType; + title: string; + description: string; +} + +const developmentProcess: StepItem[] = [ + { + icon: FaSearch, + title: "Discovery & Consultation", + description: + "We start by deeply understanding your business challenges, goals, and specific requirements.", + }, + { + icon: FaDraftingCompass, + title: "Solution Design & Architecture", + description: + "Our experts design a robust, scalable, and secure software architecture tailored to your needs.", + }, + { + icon: FaLaptopCode, + title: "Agile Development & Iteration", + description: + "We build your software using agile methodologies, ensuring flexibility and regular feedback loops.", + }, + { + icon: FaCheckCircle, + title: "Rigorous Testing & QA", + description: + "Comprehensive testing ensures the software is reliable, performs optimally, and meets all requirements.", + }, + { + icon: FaRocket, + title: "Deployment & Integration", + description: + "We manage the deployment process and ensure seamless integration with your existing systems.", + }, + { + icon: FaHeadset, + title: "Ongoing Support & Maintenance", + description: + "We offer continued support and maintenance options to keep your software running smoothly.", + }, +]; + +const coreBenefits: StepItem[] = [ + { + icon: FaPuzzlePiece, + title: "Perfect Fit Solution", + description: + "Software designed precisely for your unique workflows and business logic.", + }, + { + icon: FaSyncAlt, + title: "Increased Efficiency", + description: + "Automate manual tasks and streamline operations for significant productivity gains.", + }, + { + icon: FaUsersCog, + title: "Competitive Advantage", + description: + "Gain an edge with unique capabilities that off-the-shelf software cannot provide.", + }, + { + icon: FaCogs, + title: "Scalability & Flexibility", + description: + "Build solutions that can grow and adapt alongside your business needs.", + }, + { + icon: FaShieldAlt, + title: "Enhanced Security", + description: + "Incorporate specific security measures tailored to your data and compliance requirements.", + }, + { + icon: FaHandshake, + title: "Seamless Integration", + description: + "Ensure smooth data flow between your custom software and other business systems.", + }, +]; + +export default function ProductDevelopmentPage() { + return ( +
+ {/* 1. Hero Section */} +
+
+
+

+ Build Your Vision: Custom Software Development by OMS +

+

+ When off-the-shelf isn't enough, OMS crafts bespoke software + solutions tailored precisely to your unique business challenges and + opportunities. +

+
+ + Discover Our Approach + + + Discuss Your Project + +
+
+
+ + {/* 2. The Challenge Section */} +
+
+
+

+ The Limits of Standard Software +

+

+ Off-the-shelf software offers convenience but often falls short + when faced with unique business processes, specific integration + needs, or the desire for a true competitive differentiator. +

+
+
+ {[ + { + icon: FaPuzzlePiece, + title: "Inflexible Workflows", + desc: "Forcing your processes to fit generic software limitations hinders efficiency.", + }, + { + icon: FaExclamationTriangle, + title: "Missing Features", + desc: "Lacking critical functionality specific to your industry or business model.", + }, + { + icon: FaFileInvoiceDollar, + title: "Costly Customization & Licenses", + desc: "Expensive add-ons or per-user fees that don't fully solve the core problem.", + }, + { + icon: FaSyncAlt, + title: "Integration Headaches", + desc: "Difficulty connecting standard software with your existing systems and data.", + }, + { + icon: FaTools, + title: "Lack of Competitive Edge", + desc: "Using the same tools as everyone else limits opportunities for innovation.", + }, + { + icon: FaUsersCog, + title: "Scalability Constraints", + desc: "Outgrowing the capabilities or cost-effectiveness of standard solutions.", + }, + ].map((item) => ( +
+ +

+ {item.title} +

+

+ {item.desc} +

+
+ ))} +
+
+
+ + {/* 3. Our Solution Section */} +
+
+
+
+

+ OMS Custom Development: Software Built For You +

+

+ We specialize in designing, developing, and deploying bespoke + software applications that precisely match your operational + needs and strategic goals. From automating complex workflows to + creating unique customer experiences, we build solutions that + deliver tangible results. +

+

+ Our approach combines technical expertise with a deep + understanding of business processes, ensuring the final product + is not just functional, but truly transformative. +

+
+
+ Custom Software Development Process +
+
+
+
+
+ + {/* 4. Our Expertise Section (Showcasing OBSE) */} +
+
+
+ +

+ Proven Expertise in Complex Solutions +

+

+ Our capabilities are demonstrated by our successful development of + sophisticated platforms like OBSE (Optimised Bank Statement + Extractor). This project showcases our ability to: +

+
+
+ {[ + { + title: "Handle Complex Data", + desc: "Develop systems that process and structure intricate data from varied sources.", + icon: FaCogs, + }, + { + title: "Integrate Advanced Tech", + desc: "Leverage OCR, machine learning, and robust APIs for powerful functionality.", + icon: FaLaptopCode, + }, + { + title: "Build Scalable Platforms", + desc: "Create solutions designed for high performance and future growth.", + icon: FaRocket, + }, + { + title: "Focus on User Experience", + desc: "Design intuitive interfaces that enhance usability and productivity.", + icon: FaUserCheck, + }, + ].map((item) => ( +
+ +

+ {item.title} +

+

{item.desc}

+
+ ))} +
+

+ This experience equips us to tackle diverse custom development + challenges across various industries, particularly within the + financial technology sector. +

+
+
+ + {/* 5. Our Process Section */} +
+
+
+

+ Our Collaborative Development Journey +

+

+ We follow a structured yet flexible process to ensure your project + is delivered successfully, on time, and within budget. +

+
+
+ {developmentProcess.map((step) => ( +
+ +
+

+ {step.title} +

+

+ {step.description} +

+
+
+ ))} +
+
+
+ + {/* 6. Benefits Section */} +
+
+
+

+ Advantages of a Custom-Built Solution +

+

+ Investing in custom software development offers significant, + long-term benefits for your organization. +

+
+
+ {coreBenefits.map((benefit) => ( +
+ +

+ {benefit.title} +

+

+ {benefit.description} +

+
+ ))} +
+
+
+ + {/* 7. Call to Action (CTA) Section */} +
+
+

+ Ready to Build Your Unique Software Solution? +

+

+ Let's discuss your specific needs and explore how OMS can + develop custom software to drive your business forward. Schedule a + consultation with our experts today. +

+
+ + Request a Consultation + + + Contact Us + +
+
+
+ + {/* 8. Contact Information Section */} +
+
+
+

+ Get in Touch +

+

+ Have a project in mind or need more information about our custom + development services? Reach out today. +

+
+
+ {/* Contact Details */} +
+
+ +
+

+ Phone +

+ + (012) 051 3281 + +
+
+
+ +
+

+ Email +

+ + info@oms.africa + {" "} + {/* Or use Zanelem@oms.africa if preferred */} +
+
+ + Go to Full Contact Page + +
+ + {/* Contact Form */} +
+

+ Send Us Your Inquiry +

+ +
+
+
+
+
+ ); +} diff --git a/components/HeaderClient.tsx b/components/HeaderClient.tsx index 7402936..57e49ee 100644 --- a/components/HeaderClient.tsx +++ b/components/HeaderClient.tsx @@ -10,47 +10,17 @@ import { FiArrowRight, FiMenu, FiX, - FiLogIn, - FiUsers, // Resource Augmentation - FiBriefcase, // Project Management - FiCpu, // Product Development - FiBox, // OBSE - FiFileText, // Vacancies - FiUserCheck, // Recruitment Portal + FiUsers, + FiBriefcase, + FiCpu, + FiBox, + FiFileText, + FiUserCheck, } from "react-icons/fi"; import ThemeToggle from "./ThemeToggle"; -import type { Session } from "@auth/core/types"; const omsLogoUrl = "/oms-logo.svg"; -type DropdownMenuProps = { - trigger: React.ReactNode; - children: React.ReactNode; - menuClasses?: string; -}; -const DropdownMenu = ({ - trigger, - children, - menuClasses = "w-48", -}: DropdownMenuProps) => ( -
- -
-
{children}
-
-
-); - type DropdownLinkProps = { href: string; children: React.ReactNode; @@ -66,34 +36,36 @@ const DropdownLink = ({ href, children, onClick }: DropdownLinkProps) => ( ); -type HeaderClientProps = { - session: Session | null; - handleSignIn: () => void; - handleSignOut: () => void; -}; - -const HeaderClient = ({ - session, - handleSignIn, - handleSignOut, -}: HeaderClientProps) => { +const HeaderClient = () => { const [isMenuOpen, setIsMenuOpen] = useState(false); const toggleMenu = () => setIsMenuOpen((open) => !open); const handleMobileLinkClick = () => setIsMenuOpen(false); + const [servicesDropdownOpen, setServicesDropdownOpen] = useState(false); + const [productsDropdownOpen, setProductsDropdownOpen] = useState(false); + const [joinUsDropdownOpen, setJoinUsDropdownOpen] = useState(false); + + const handleServicesMouseEnter = () => setServicesDropdownOpen(true); + const handleServicesMouseLeave = () => setServicesDropdownOpen(false); + + const handleProductsMouseEnter = () => setProductsDropdownOpen(true); + const handleProductsMouseLeave = () => setProductsDropdownOpen(false); + + const handleJoinUsMouseEnter = () => setJoinUsDropdownOpen(true); + const handleJoinUsMouseLeave = () => setJoinUsDropdownOpen(false); + const megaMenuTriggerClasses = ` - relative inline-flex items-center text-sm font-medium text-primary-foreground group + relative inline-flex items-center text-sm font-medium text-primary-foreground hover:opacity-90 transition-opacity duration-150 ease-in-out pb-1 after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[2px] after:w-0 after:bg-primary-foreground/80 after:transition-all after:duration-300 after:ease-out - group-hover:after:w-full group-focus-within:after:w-full `; const megaMenuItemClasses = ` flex items-center p-3 -m-3 rounded-lg - hover:bg-secondary transition-colors duration-150 ease-in-out group + hover:bg-secondary transition-colors duration-150 ease-in-out `; - const megaMenuIconClasses = `flex-shrink-0 h-6 w-6 text-primary group-hover:text-primary-focus mr-4`; + const megaMenuIconClasses = `flex-shrink-0 h-6 w-6 text-primary mr-4`; const megaMenuTextWrapperClasses = `text-sm`; const megaMenuTitleClasses = `font-semibold text-card-foreground`; @@ -156,42 +128,6 @@ const HeaderClient = ({ Request OBSE Demo - - {session?.user ? ( - - {session.user.name - - {session.user.name?.split(" ")[0]} - - - } - > - - - ) : ( - - )}
@@ -219,17 +155,25 @@ const HeaderClient = ({