v2v model page update

packages/fakeyou.com/src/components/common/PageHeaderModelView.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+
+interface PageHeaderModelViewProps {
+  titleIcon?: React.ReactNode;
+  title: string;
+  subText: React.ReactNode;
+  tags?: string[];
+}
+
+export default function PageHeaderModelView(props: PageHeaderModelViewProps) {
+  return (
+    <div className="container-panel hero-section pt-3 pb-4">
+      <div className="panel p-3 py-4 p-md-4">
+        <div className="row g-3">
+          <div className="col-12 col-lg-8">
+            <h2 className="fw-bold">
+              {props.titleIcon}
+              {props.title}
+            </h2>
+            <p>{props.subText}</p>
+          </div>
+          <div className="col-12 col-lg-4 d-flex flex-wrap justify-content-lg-end gap-2">
+            {props.tags &&
+              props.tags.map((tag, index) => (
+                <div key={index}>
+                  <span className="badge badge-tag">{tag}</span>
+                </div>
+              ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

packages/fakeyou.com/src/components/common/Panel.tsx

@@ -5,12 +5,17 @@ import { panel } from "data/animation";
 interface PanelProps {
   children: React.ReactNode;
   padding?: boolean;
+  mb?: boolean;
 }
 
 export default function Panel(props: PanelProps) {
   return (
     <motion.div className="container-panel" variants={panel}>
-      <div className={`panel ${props.padding ? "p-3 py-4 p-md-4" : ""}`}>
+      <div
+        className={`panel ${props.padding ? "p-3 py-4 p-md-4" : ""} ${
+          props.mb ? "mb-4" : ""
+        }`}
+      >
         {props.children}
       </div>
     </motion.div>

packages/fakeyou.com/src/v2/view/PageContainer.tsx

@@ -547,16 +547,6 @@ class PageContainer extends React.Component<Props, State> {
               />
             </Route>
 
-            <Route path="/voice-conversion/:token">
-              <VcModelViewPage
-                sessionWrapper={this.props.sessionWrapper}
-                sessionSubscriptionsWrapper={
-                  this.props.sessionSubscriptionsWrapper
-                }
-                inferenceJobsByCategory={this.props.inferenceJobsByCategory}
-              />
-            </Route>
-
             <Route path="/about">
               <AboutPage />
             </Route>