update

frontEnd/app/support-center/page.tsx

@@ -0,0 +1,30 @@
+"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";
+
+type ModalType = 'create' | 'knowledge' | 'status' | null;
+
+const SupportCenterPage = () => {
+  const [activeModal, setActiveModal] = useState<ModalType>(null);
+
+  return (
+    <div className="tp-app">
+      <Header />
+      <main>
+        <SupportCenterHero onFeatureClick={setActiveModal} />
+        <SupportCenterContent 
+          activeModal={activeModal} 
+          onClose={() => setActiveModal(null)} 
+          onOpenModal={setActiveModal}
+        />
+      </main>
+      <Footer />
+    </div>
+  );
+};
+
+export default SupportCenterPage;
+