"use client"; import Link from "next/link"; import { useAbout } from "@/lib/hooks/useAbout"; import { AboutService as AboutServiceType, AboutProcess } from "@/lib/api/aboutService"; const AboutServiceComponent = () => { const { data, loading, error } = useAbout(); if (loading) { return (
Loading...

Loading service content...

); } if (error) { return (

Error Loading Content

{error}

); } const serviceData = data?.service as AboutServiceType | undefined; const processData = data?.process as AboutProcess | undefined; const features = serviceData?.features && serviceData.features.length > 0 ? serviceData.features : [ { icon: "fa-solid fa-shield-halved", title: "Enterprise Security", description: "Defense-Grade Protection" }, { icon: "fa-solid fa-cloud", title: "Cloud Native", description: "AWS, Azure, GCP Partners" } ]; const steps = processData?.steps && processData.steps.length > 0 ? processData.steps : [ { step_number: "01", title: "Discovery & Planning", description: "Comprehensive analysis and architecture design" }, { step_number: "02", title: "Development & Testing", description: "Agile development with continuous testing" } ]; return ( <>
{/* Left Column - Text Content */}
{/* Badge */}
{serviceData?.badge_text || "About Our Company"}
{/* Main Title */}

{serviceData?.title || "GNX Soft Ltd. - Software Excellence"}

{/* Description */}

{serviceData?.description || "Founded in 2020, GNX Soft Ltd. has emerged as a premier enterprise software company, delivering mission-critical software solutions across various industries."}

{/* CTA Buttons */}
{serviceData?.cta_text || "Explore Our Solutions"}
{/* Right Column - Feature Boxes */}
{features.map((feature, index) => (
{feature.title}
{feature.description}
))}
{/* Left Column - Text Content */}
{/* Badge */}
{processData?.badge_text || "Our Methodology"}
{/* Main Title */}

{processData?.title || "Enterprise Development Process"}

{/* Description */}

{processData?.description || "Our proven enterprise development methodology combines agile practices with enterprise-grade security, scalability, and compliance requirements."}

{/* CTA Buttons */}
{processData?.cta_text || "View Our Services"}
{/* Right Column - Process Step Boxes */}
{steps.map((step, index) => (
{step.step_number}
{step.title}
{step.description}
))}
); }; export default AboutServiceComponent;