update

gnx-react/app/support-center/page.tsx

@@ -1,20 +1,21 @@
+"use client";
 import Header from "@/components/shared/layout/header/Header";
 import Footer from "@/components/shared/layout/footer/Footer";
 import SupportCenterHero from "@/components/pages/support/SupportCenterHero";
 import SupportCenterContent from "@/components/pages/support/SupportCenterContent";
+import { useState } from "react";
 
-export const metadata = {
-  title: "Enterprise Support Center | GNX Software Solutions",
-  description: "Get expert support with our comprehensive Enterprise Support Center. Submit tickets, browse knowledge base, and track your support requests.",
-};
+type ModalType = 'create' | 'knowledge' | 'status' | null;
 
 const SupportCenterPage = () => {
+  const [activeModal, setActiveModal] = useState<ModalType>(null);
+
   return (
     <div className="tp-app">
       <Header />
       <main>
-        <SupportCenterHero />
-        <SupportCenterContent />
+        <SupportCenterHero onFeatureClick={setActiveModal} />
+        <SupportCenterContent activeModal={activeModal} onClose={() => setActiveModal(null)} />
       </main>
       <Footer />
     </div>