feat: render CMS-driven public redesign

src/views/Events.tsx

@@ -12,8 +12,11 @@ import ProgressiveImage from "@/components/ProgressiveImage";
 import type * as Types from "@/lib/types";
 import { formatJalali, formatNumberPersian, formatToman, getEventCardImageUrl } from "@/lib/utils";
 import { siteUrl } from "@/lib/site";
+import type { EventsContentPage } from "@/lib/content-cms";
 
 type EventsProps = {
+  content: EventsContentPage;
+  siteName: string;
   initialEvents?: Types.EventListItemSchema[];
   initialSearch?: string;
 };
@@ -49,6 +52,8 @@ function notAvailableReasonFa(event: Types.EventListItemSchema) {
 }
 
 export default function Events({
+  content,
+  siteName,
   initialEvents = [],
   initialSearch = "",
 }: EventsProps) {
@@ -58,10 +63,8 @@ export default function Events({
   const [search, setSearch] = useState(initialSearch);
   const [loading, setLoading] = useState(!initialEvents.length && !initialSearch);
 
-  const siteName = "East Guilan CE";
-  const pageTitle = `Events | ${siteName}`;
-  const pageDescription =
-    "Discover upcoming and past events organized by the East Guilan Computer Engineering Association, including workshops, competitions, and community programs.";
+  const pageTitle = content.seo.title || content.title;
+  const pageDescription = content.seo.description || content.intro;
   const canonicalUrl = `${siteUrl}/events`;
 
   const toAbsoluteUrl = (url?: string | null) => {
@@ -189,7 +192,8 @@ export default function Events({
 
       <div className="min-h-screen bg-background" dir="rtl">
         <div className="container mx-auto px-4 py-8">
-          <h1 className="text-4xl font-bold mb-8">رویدادها</h1>
+          <h1 className="mb-3 text-4xl font-bold">{content.title}</h1>
+          {content.intro ? <p className="mb-8 max-w-3xl leading-8 text-muted-foreground">{content.intro}</p> : null}
 
           <div className="mb-8">
             <Input