diff --git a/src/app/admin/channels/page.tsx b/src/app/admin/channels/page.tsx
index 689296b..711faec 100644
--- a/src/app/admin/channels/page.tsx
+++ b/src/app/admin/channels/page.tsx
@@ -31,9 +31,7 @@ export default function AdminChannelsPage() {
           brandName="أوائل الشهادة"
           navItems={navItems}
           button={{
-            text: "تسجيل الدخول",
-            href: "/login",
-          }}
+            text: "تسجيل الدخول",            href: "/login"}}
           animateOnLoad={true}
         />
       </div>
@@ -44,18 +42,13 @@ export default function AdminChannelsPage() {
           description="منصة تعليمية حديثة توفر أفضل الشروحات والمواد الدراسية من أفضل الأساتذة"
           buttons={[
             {
-              text: "ابدأ الآن",
-              href: "/signup",
-            },
+              text: "ابدأ الآن",              href: "/signup"},
             {
-              text: "تصفح الأساتذة",
-              href: "/teachers",
-            },
+              text: "تصفح الأساتذة",              href: "/teachers"},
           ]}
           background={{
-            variant: "circleGradient",
-          }}
-          imageSrc="http://img.b2bpic.net/free-photo/education-concept-student-studying-brainstorming-campus-concept-close-up-students-discussing-their-subject-books-textbooks-selective-focus_1418-657.jpg?_wi=2"
+            variant: "plain"}}
+          imageSrc="http://img.b2bpic.net/free-photo/education-concept-student-studying-brainstorming-campus-concept-close-up-students-discussing-their-subject-books-textbooks-selective-focus_1418-657.jpg"
           imageAlt="منصة أوائل الشهادة التعليمية"
           frameStyle="card"
           mediaAnimation="slide-up"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index efcfd29..eda4b42 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,9 +31,7 @@ export default function HomePage() {
           brandName="أوائل الشهادة"
           navItems={navItems}
           button={{
-            text: "تسجيل الدخول",
-            href: "/login",
-          }}
+            text: "تسجيل الدخول",            href: "/login"}}
           animateOnLoad={true}
         />
       </div>
@@ -44,18 +42,13 @@ export default function HomePage() {
           description="منصة تعليمية حديثة توفر أفضل الشروحات والمواد الدراسية من أفضل الأساتذة"
           buttons={[
             {
-              text: "ابدأ الآن",
-              href: "/signup",
-            },
+              text: "ابدأ الآن",              href: "/signup"},
             {
-              text: "تصفح الأساتذة",
-              href: "/teachers",
-            },
+              text: "تصفح الأساتذة",              href: "/teachers"},
           ]}
           background={{
-            variant: "circleGradient",
-          }}
-          imageSrc="http://img.b2bpic.net/free-photo/education-concept-student-studying-brainstorming-campus-concept-close-up-students-discussing-their-subject-books-textbooks-selective-focus_1418-657.jpg?_wi=1"
+            variant: "plain"}}
+          imageSrc="http://img.b2bpic.net/free-photo/education-concept-student-studying-brainstorming-campus-concept-close-up-students-discussing-their-subject-books-textbooks-selective-focus_1418-657.jpg"
           imageAlt="منصة أوائل الشهادة التعليمية"
           frameStyle="card"
           mediaAnimation="slide-up"
diff --git a/src/app/teachers/[id]/page.tsx b/src/app/teachers/[id]/page.tsx
index 70db6cb..4a01546 100644
--- a/src/app/teachers/[id]/page.tsx
+++ b/src/app/teachers/[id]/page.tsx
@@ -2,48 +2,19 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import Link from "next/link";
 import { useParams } from "next/navigation";
 
-export default function TeacherProfilePage() {
+export default function TeacherDetailPage() {
   const params = useParams();
-  const teacherId = params.id;
+  const teacherId = Array.isArray(params.id) ? params.id[0] : params.id;
 
   const navItems = [
-    { name: "الرئيسية", id: "home" },
-    { name: "الأساتذة", id: "teachers" },
-    { name: "الشروحات", id: "videos" },
-    { name: "الشيتات", id: "sheets" },
+    { name: "الرئيسية", id: "/" },
+    { name: "الأساتذة", id: "/teachers" },
+    { name: "الشروحات", id: "/videos" },
+    { name: "الشيتات", id: "/sheets" },
   ];
 
-  // Mock teacher data - in real app this would come from params or API
-  const teacherData = {
-    1: {
-      name: "أ.محمد علي",
-      subject: "الرياضيات",
-      bio: "متخصص في تدريس الرياضيات لأكثر من 15 سنة مع خبرة واسعة في شرح المفاهيم المعقدة بطرق مبسطة",
-      avatar: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg",
-      rating: 4.8,
-      students: 2543,
-      videos: 127,
-      specialties: ["الدوال", "المتراجحات", "التكامل والتفاضل", "الهندسة"],
-      telegram: "https://t.me/mohamedali_math",
-    },
-    2: {
-      name: "أ.فاطمة حسن",
-      subject: "اللغة العربية",
-      bio: "خبيرة لغة عربية متخصصة في النحو والبلاغة والأدب، تساعد الطلاب على فهم اللغة بعمق",
-      avatar: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
-      rating: 4.9,
-      students: 3201,
-      videos: 156,
-      specialties: ["النحو", "البلاغة", "الأدب العربي", "القراءة التحليلية"],
-      telegram: "https://t.me/fatima_arabic",
-    },
-  };
-
-  const teacher = teacherData[teacherId] || teacherData[1];
-
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -62,202 +33,74 @@ export default function TeacherProfilePage() {
           brandName="أوائل الشهادة"
           navItems={navItems}
           button={{
-            text: "تسجيل الدخول",
-            href: "/login",
-          }}
+            text: "تسجيل الدخول",            href: "/login"}}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="teacher-profile-header" data-section="teacher-profile-header" className="mx-auto px-4 md:px-6 py-12 md:py-20">
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 items-start">
-          <div className="flex flex-col items-center">
-            <img
-              src={teacher.avatar}
-              alt={teacher.name}
-              className="w-48 h-48 rounded-2xl object-cover mb-6 shadow-lg"
-            />
-            <a
-              href={teacher.telegram}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-2 bg-primary-cta text-primary-cta-text px-6 py-3 rounded-lg font-medium hover:opacity-90 transition-opacity mb-4"
-            >
-              <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
-                <path d="M20.665 3.717l-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42 10.532-6.645c.498-.303.954-.14.582.163l-8.552 7.666h-.002l-.002.001-.602 4.875c.848 0 1.217-.309 1.682-.646l4.015-3.885 4.182 3.083c.771.525 1.313.236 1.504-.821l2.756-12.951c.29-1.25-.424-1.869-1.191-1.54z" />
-              </svg>
-              تابع على تليجرام
-            </a>
-            <button className="w-full bg-secondary-cta text-secondary-cta-text px-6 py-3 rounded-lg font-medium border border-foreground hover:bg-gray-100 transition-colors">
-              متابعة الأستاذ
-            </button>
-          </div>
-
-          <div className="md:col-span-2">
-            <h1 className="text-4xl md:text-5xl font-light text-foreground mb-2">
-              {teacher.name}
+      <div id="teacher-detail" data-section="teacher-detail" className="py-16 md:py-24 px-4 md:px-6">
+        <div className="mx-auto max-w-4xl">
+          <div className="bg-card rounded-lg p-8 border border-foreground/10">
+            <h1 className="text-4xl md:text-5xl font-light mb-4 text-foreground">
+              تفاصيل الأستاذ
             </h1>
-            <p className="text-xl text-primary-cta font-medium mb-6">{teacher.subject}</p>
-
-            <div className="flex items-center gap-6 mb-8">
-              <div className="text-center">
-                <div className="text-3xl font-bold text-primary-cta">{teacher.rating}</div>
-                <div className="text-sm text-gray-600">التقييم</div>
-              </div>
-              <div className="text-center">
-                <div className="text-3xl font-bold text-accent">{teacher.students.toLocaleString()}</div>
-                <div className="text-sm text-gray-600">الطلاب</div>
-              </div>
-              <div className="text-center">
-                <div className="text-3xl font-bold text-primary-cta">{teacher.videos}</div>
-                <div className="text-sm text-gray-600">الفيديوهات</div>
-              </div>
-            </div>
-
-            <p className="text-lg text-gray-700 leading-relaxed mb-8">
-              {teacher.bio}
+            <p className="text-lg text-foreground/70 mb-8">
+              معرف الأستاذ: {teacherId}
             </p>
-
-            <div>
-              <h3 className="text-lg font-semibold text-foreground mb-4">التخصصات</h3>
-              <div className="flex flex-wrap gap-2">
-                {teacher.specialties.map((specialty) => (
-                  <span
-                    key={specialty}
-                    className="bg-accent/20 text-primary-cta px-4 py-2 rounded-full text-sm font-medium"
-                  >
-                    {specialty}
-                  </span>
-                ))}
+            <div className="space-y-6">
+              <div>
+                <h2 className="text-2xl font-light text-foreground mb-2">
+                  د. أحمد محمد
+                </h2>
+                <p className="text-foreground/60">أستاذ الرياضيات والعلوم</p>
               </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div id="teacher-videos" data-section="teacher-videos" className="mx-auto px-4 md:px-6 py-12 bg-white/50 rounded-2xl">
-        <h2 className="text-3xl font-light text-foreground mb-8">أحدث الفيديوهات</h2>
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-          {[
-            {
-              title: "شرح الدوال والمتراجحات",
-              duration: "45 دقيقة",
-              date: "قبل أسبوع",
-              thumbnail: "http://img.b2bpic.net/free-psd/e-learning-concept-banner-template_23-2148688191.jpg",
-            },
-            {
-              title: "حل تمارين الفصل الثالث",
-              duration: "38 دقيقة",
-              date: "قبل يومين",
-              thumbnail: "http://img.b2bpic.net/free-photo/teacher-s-day-congratulations_23-2150039090.jpg",
-            },
-            {
-              title: "المراجعة الشاملة للامتحان",
-              duration: "62 دقيقة",
-              date: "اليوم",
-              thumbnail: "http://img.b2bpic.net/free-photo/education-concept-student-studying-brainstorming-campus-concept-close-up-students-discussing-their-subject-books-textbooks-selective-focus_1418-657.jpg",
-            },
-          ].map((video, idx) => (
-            <div
-              key={idx}
-              className="bg-card rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow"
-            >
-              <div className="relative aspect-video bg-gray-200 overflow-hidden">
-                <img
-                  src={video.thumbnail}
-                  alt={video.title}
-                  className="w-full h-full object-cover"
-                />
-                <div className="absolute inset-0 flex items-center justify-center bg-black/30 hover:bg-black/40 transition-colors">
-                  <div className="w-14 h-14 bg-primary-cta rounded-full flex items-center justify-center">
-                    <svg
-                      className="w-6 h-6 text-white ml-1"
-                      fill="currentColor"
-                      viewBox="0 0 24 24"
-                    >
-                      <path d="M8 5v14l11-7z" />
-                    </svg>
+              <div>
+                <h3 className="text-xl font-medium text-foreground mb-2">
+                  نبذة عن الأستاذ
+                </h3>
+                <p className="text-foreground/70 leading-relaxed">
+                  أستاذ متخصص في الرياضيات والعلوم بخبرة أكثر من 10 سنوات في التعليم.
+                  متفرغ لتقديم أفضل الشروحات والمواد التعليمية للطلاب.
+                </p>
+              </div>
+              <div>
+                <h3 className="text-xl font-medium text-foreground mb-2">
+                  التخصصات
+                </h3>
+                <ul className="list-disc list-inside space-y-2 text-foreground/70">
+                  <li>الجبر والهندسة</li>
+                  <li>الفيزياء</li>
+                  <li>الكيمياء</li>
+                  <li>الأحياء</li>
+                </ul>
+              </div>
+              <div>
+                <h3 className="text-xl font-medium text-foreground mb-4">
+                  الإحصائيات
+                </h3>
+                <div className="grid grid-cols-3 gap-4">
+                  <div className="bg-background rounded-lg p-4 text-center">
+                    <div className="text-2xl font-light text-primary-cta mb-1">
+                      2,450
+                    </div>
+                    <p className="text-sm text-foreground/60">المتابعون</p>
+                  </div>
+                  <div className="bg-background rounded-lg p-4 text-center">
+                    <div className="text-2xl font-light text-primary-cta mb-1">
+                      142
+                    </div>
+                    <p className="text-sm text-foreground/60">الفيديوهات</p>
+                  </div>
+                  <div className="bg-background rounded-lg p-4 text-center">
+                    <div className="text-2xl font-light text-primary-cta mb-1">
+                      4.8
+                    </div>
+                    <p className="text-sm text-foreground/60">التقييم</p>
                   </div>
                 </div>
               </div>
-              <div className="p-4">
-                <h3 className="font-semibold text-foreground mb-2 line-clamp-2">{video.title}</h3>
-                <div className="flex items-center justify-between text-sm text-gray-600">
-                  <span>{video.duration}</span>
-                  <span>{video.date}</span>
-                </div>
-              </div>
             </div>
-          ))}
-        </div>
-      </div>
-
-      <div id="teacher-cta" data-section="teacher-cta" className="mx-auto px-4 md:px-6 py-16 md:py-20 mt-12">
-        <div className="bg-gradient-to-r from-primary-cta to-accent/30 rounded-2xl p-8 md:p-12 text-center">
-          <h2 className="text-3xl md:text-4xl font-light text-white mb-6">
-            اشترك في قناة {teacher.name}
-          </h2>
-          <p className="text-white/90 text-lg mb-8 max-w-2xl mx-auto">
-            احصل على جميع الشروحات والملاحظات والمواد الإضافية مباشرة على تليجرام
-          </p>
-          <a
-            href={teacher.telegram}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="inline-flex items-center gap-2 bg-white text-primary-cta px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors"
-          >
-            <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
-              <path d="M20.665 3.717l-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42 10.532-6.645c.498-.303.954-.14.582.163l-8.552 7.666h-.002l-.002.001-.602 4.875c.848 0 1.217-.309 1.682-.646l4.015-3.885 4.182 3.083c.771.525 1.313.236 1.504-.821l2.756-12.951c.29-1.25-.424-1.869-1.191-1.54z" />
-            </svg>
-            اتبع الآن على تليجرام
-          </a>
-        </div>
-      </div>
-
-      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6 py-12 border-t border-gray-200 mt-12">
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
-          <div>
-            <h3 className="font-semibold text-lg text-foreground mb-4">أوائل الشهادة</h3>
-            <p className="text-gray-600 text-sm">منصة تعليمية متكاملة للطلاب الثانويين</p>
           </div>
-          <div>
-            <h4 className="font-semibold text-foreground mb-4">الروابط</h4>
-            <nav className="space-y-2">
-              <Link href="/" className="text-gray-600 hover:text-primary-cta transition-colors block">
-                الرئيسية
-              </Link>
-              <Link href="/teachers" className="text-gray-600 hover:text-primary-cta transition-colors block">
-                الأساتذة
-              </Link>
-              <Link href="/videos" className="text-gray-600 hover:text-primary-cta transition-colors block">
-                الشروحات
-              </Link>
-            </nav>
-          </div>
-          <div>
-            <h4 className="font-semibold text-foreground mb-4">المتابعة</h4>
-            <nav className="space-y-2">
-              <a href="#" className="text-gray-600 hover:text-primary-cta transition-colors block">
-                تليجرام
-              </a>
-              <a href="#" className="text-gray-600 hover:text-primary-cta transition-colors block">
-                فيسبوك
-              </a>
-              <a href="#" className="text-gray-600 hover:text-primary-cta transition-colors block">
-                انستجرام
-              </a>
-            </nav>
-          </div>
-          <div>
-            <h4 className="font-semibold text-foreground mb-4">التواصل</h4>
-            <a href="mailto:info@awaail.edu" className="text-gray-600 hover:text-primary-cta transition-colors block mb-2">
-              info@awaail.edu
-            </a>
-            <p className="text-gray-600 text-sm">+966 50 XXX XXXX</p>
-          </div>
-        </div>
-        <div className="border-t border-gray-200 pt-8 text-center text-gray-600 text-sm">
-          <p>&copy; 2024 أوائل الشهادة. جميع الحقوق محفوظة.</p>
         </div>
       </div>
     </ThemeProvider>