Switch to version 1: modified src/app/teachers/page.tsx

src/app/teachers/page.tsx

@@ -1,9 +1,151 @@
 "use client";
 
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+
 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 teacherGroups = [
+    {
+      id: "group-1",
+      groupTitle: "İleri Seviye Öğretmenler",
+      members: [
+        {
+          id: "1",
+          title: "Ayşe Kaya",
+          subtitle: "Matematik & Fizik",
+          detail: "12 yıl tecrübe | 5.0 puan",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg?_wi=1",
+          imageAlt: "professional woman teacher portrait headshot",
+        },
+        {
+          id: "2",
+          title: "Mehmet Yıldız",
+          subtitle: "İngilizce & Dil",
+          detail: "15 yıl tecrübe | 4.9 puan",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-3_1262-1489.jpg?_wi=1",
+          imageAlt: "professional man teacher portrait headshot",
+        },
+        {
+          id: "3",
+          title: "Zeynep Demir",
+          subtitle: "Kimya & Biyoloji",
+          detail: "10 yıl tecrübe | 4.8 puan",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg?_wi=1",
+          imageAlt: "female scientist professor portrait headshot",
+        },
+        {
+          id: "4",
+          title: "İbrahim Çelik",
+          subtitle: "Tarih & Sosyal Bilgiler",
+          detail: "8 yıl tecrübe | 4.9 puan",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-satisfied_1298-169.jpg?_wi=1",
+          imageAlt: "male professor teacher history expert portrait",
+        },
+      ],
+    },
+  ];
+
+  const faqData = [
+    {
+      id: "1",
+      title: "Öğretmen seçerken nelere dikkat etmeliyim?",
+      content:
+        "Öğretmen profillerinde deneyim, uzmanlık alanı ve öğrenci puanlarını inceleyebilirsiniz. İlk dersini denemek için \"İletişime Geç\" düğmesini kullanarak öğretmenle bağlantı kurabilirsiniz.",
+    },
+    {
+      id: "2",
+      title: "Ders saatlerini nasıl düzenleyebilirim?",
+      content:
+        "Çalışma Programı sayfasında haftalık ders takvimini görebilirsiniz. Istediğiniz ders saatine tıklayarak \"Katıl\" butonu ile kaydolabilirsiniz.",
+    },
+    {
+      id: "3",
+      title: "Etkinliklere nasıl katılabilirim?",
+      content:
+        "Etkinlikler sayfasında tüm yaklaşan dersleri ve webinarları görebilirsiniz. İlgilendiğiniz etkinliğin \"Kayıt Ol\" düğmesine tıklayarak katılabilirsiniz.",
+    },
+    {
+      id: "4",
+      title: "Ödeme seçenekleri nelerdir?",
+      content:
+        "Kredi kartı, banka havalesi ve e-cüzdan gibi çeşitli ödeme yöntemlerini destekliyoruz. Ödeme bilgileri gizli ve güvenlidir.",
+    },
+    {
+      id: "5",
+      title: "Dersi iptal etmek istiyorsam ne yapmalıyım?",
+      content:
+        "Dersin başlamasından en az 24 saat önce iptal edebilirsiniz. Profil bölümünde 'Kayıtlı Dersler' kısmından ders iptalini gerçekleştirebilirsiniz.",
+    },
+  ];
+
   return (
-    <div>
-      <h1>Teachers Page</h1>
-    </div>
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="mediumSizeLargeTitles"
+      background="noise"
+      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="teachers" data-section="teachers">
+        <TeamCardEleven
+          groups={teacherGroups}
+          animationType="slide-up"
+          title="Uzman Öğretmenlerimiz"
+          description="Alanlarında deneyimli, nitelikli eğitim profesyonelleri"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqSplitText
+          faqs={faqData}
+          sideTitle="Sık Sorulan Sorular"
+          sideDescription="Platformumuz hakkında bilmeniz gereken her şey"
+          textPosition="left"
+          useInvertedBackground={false}
+          animationType="smooth"
+          faqsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Öğretmen Platformu"
+          leftLink={{
+            text: "Gizlilik Politikası",
+            href: "#",
+          }}
+          rightLink={{
+            text: "Kullanım Şartları",
+            href: "#",
+          }}
+        />
+      </div>
+    </ThemeProvider>
   );
-}
+}