"use client"; import Image from "next/image"; import Link from "next/link"; import { useAbout } from "@/lib/hooks/useAbout"; import { AboutService as AboutServiceType, AboutProcess } from "@/lib/api/aboutService"; import { getValidImageUrl, FALLBACK_IMAGES } from "@/lib/imageUtils"; import thumb from "@/public/images/service/two.png"; import thumbTwo from "@/public/images/service/three.png"; 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; return ( <>
{/* Image Column */}
{serviceData?.image_url ? ( Enterprise Technology Solutions ) : ( Enterprise Technology Solutions )}
{/* Content Column */}
{serviceData?.badge_text || "About Our Company"}

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

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

{serviceData?.features && serviceData.features.length > 0 ? ( serviceData.features.map((feature, index) => (
{feature.title}

{feature.description}

)) ) : ( <>
Enterprise Security

Defense-Grade Protection

Cloud Native

AWS, Azure, GCP Partners

)}
{serviceData?.cta_text || "Explore Our Solutions"}
{/* Content Column */}
{processData?.badge_text || "Our Methodology"}

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

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

{processData?.steps && processData.steps.length > 0 ? ( processData.steps.map((step, index) => (
{step.step_number}
{step.title}

{step.description}

)) ) : ( <>
01
Discovery & Planning

Comprehensive analysis and architecture design

02
Development & Testing

Agile development with continuous testing

)}
{processData?.cta_text || "View Our Services"}
{/* Image Column */}
{processData?.image_url ? ( Enterprise Development Process ) : ( Enterprise Development Process )}
); }; export default AboutServiceComponent;