Update src/app/teachers/page.tsx

src/app/teachers/page.tsx

@@ -1,9 +1,84 @@
 "use client";
 
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import { Users, BookOpen, Clock, Award } from "lucide-react";
+
 export default function TeachersPage() {
+  const navItems = [
+    { name: "Ana Sayfa", id: "/" },
+    { name: "Öğretmenler", id: "/teachers" },
+    { name: "Etkinlikler", id: "events" },
+    { name: "Çalışma Programı", id: "schedule" },
+  ];
+
+  const bulletPoints = [
+    {
+      title: "Deneyimli Profesyoneller",      description: "50+ sertifikalı ve deneyimli öğretmen",      icon: Users,
+    },
+    {
+      title: "Kapsamlı Ders Katalogları",      description: "200+ farklı konu ve disiplin",      icon: BookOpen,
+    },
+    {
+      title: "Esnek Zaman Planlaması",      description: "Kendi zaman diliminizde dersler",      icon: Clock,
+    },
+    {
+      title: "Kalite Garantisi",      description: "4.9/5 ortalama memnuniyet oranı",      icon: Award,
+    },
+  ];
+
+  const contactButtons = [
+    {
+      text: "Öğretmen Bul",      href: "#"},
+  ];
+
   return (
-    <div>
-      <h1>Teachers Page</h1>
-    </div>
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="mediumSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={navItems}
+          brandName="Öğretmen Platformu"
+          bottomLeftText="Eğitim Topluluğu"
+          bottomRightText="info@platform.com"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="Platformumuzun Öğretmenleri"
+          description="Deneyimli, tutkulu ve eğitim konusunda deryabarı profesyonellerin özel topluluğu"
+          textboxLayout="default"
+          bulletPoints={bulletPoints}
+          imageSrc="http://img.b2bpic.net/free-photo/happy-office-colleagues-watching-project-presentation-together_74855-10013.jpg"
+          imageAlt="experienced teachers collaboration education"
+          mediaAnimation="slide-up"
+          useInvertedBackground={false}
+          buttons={contactButtons}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Öğretmen Platformu"
+          leftLink={{
+            text: "Gizlilik Politikası",            href: "#"}}
+          rightLink={{
+            text: "Kullanım Şartları",            href: "#"}}
+        />
+      </div>
+    </ThemeProvider>
   );
 }