add new marking-content layout

src/app/[locale]/pages/marking-video/page.tsx

@@ -4,6 +4,8 @@ import PageTitle from '@/app/ui/page-title';
 import UploadSectionFile from '@/app/components/upload-section-file';
 import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';
 import { StackedBarChart } from '@/app/components/StackedBarChart';
+import PageTitleColorFrame from '@/app/ui/page-title-color-frame';
+import ProtectionStatistic from '@/app/ui/marking-page/new/protection-statistic';
 
 const data = [
 	{
@@ -44,9 +46,13 @@ export default async function Page() {
 
 	return (
 		<div>
-			<PageTitle title="video-protection" />
+			<PageTitleColorFrame
+				title="video-protection"
+				description="multi-layered-protection-for-your-videos"
+			/>
+			<ProtectionStatistic fileType={FILE_TYPE} />
 			<div className="split-blocks">
-				<ProtectionSummary fileType={FILE_TYPE}/>
+				<ProtectionSummary fileType={FILE_TYPE} />
 				<div className="protection-overview">
 					<StackedBarChart data={data} />
 				</div>