"use client";
import { useEffect } from 'react';
import Header from "@/components/shared/layout/header/Header";
import AboutBanner from "@/components/pages/about/AboutBanner";
import AboutServiceComponent from "@/components/pages/about/AboutService";
import Footer from "@/components/shared/layout/footer/Footer";
import AboutScrollProgressButton from "@/components/pages/about/AboutScrollProgressButton";
import AboutInitAnimations from "@/components/pages/about/AboutInitAnimations";
import AboutStarter from "@/components/pages/about/AboutStarter";

// Note: Since this is a client component, we'll set metadata via useEffect
const AboutUsPage = () => {
  useEffect(() => {
    document.title = "About Us - Enterprise Software Development Company | GNX Soft";
    const metaDescription = document.querySelector('meta[name="description"]');
    if (metaDescription) {
      metaDescription.setAttribute('content', 'Learn about GNX Soft - a leading enterprise software development company with expertise in custom software, data replication, AI business intelligence, and comprehensive IT solutions.');
    }
  }, []);
  return (
    <div className="enterprise-about-page">
      <Header />
      <main>
        <AboutBanner />
        <AboutServiceComponent />
        <AboutStarter />
      </main>
      <Footer />
      <AboutScrollProgressButton />
      <AboutInitAnimations />
    </div>
  );
};

export default AboutUsPage;