From b414929c4264fcde8fcb5e81beb093800e1da4b7 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 21:34:00 +0000 Subject: [PATCH] Update src/app/teachers/page.tsx --- src/app/teachers/page.tsx | 233 ++++++++++++++++++++++---------------- 1 file changed, 133 insertions(+), 100 deletions(-) diff --git a/src/app/teachers/page.tsx b/src/app/teachers/page.tsx index 432677e..9015bcc 100644 --- a/src/app/teachers/page.tsx +++ b/src/app/teachers/page.tsx @@ -2,11 +2,15 @@ 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 HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; +import { BookOpen, Star } from "lucide-react"; +import { useState } from "react"; +import Image from "next/image"; export default function TeachersPage() { + const [favorites, setFavorites] = useState>(new Set()); + const navItems = [ { name: "Ana Sayfa", id: "/" }, { name: "Öğretmenler", id: "/teachers" }, @@ -14,79 +18,62 @@ export default function TeachersPage() { { name: "Çalışma Programı", id: "schedule" }, ]; - const teacherGroups = [ + const teachers = [ { - 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", - }, - ], + id: "1", name: "Dr. Ahmet Yılmaz", subject: "Matematik", bio: "20 yıl öğretim deneyimi", image: "http://img.b2bpic.net/free-photo/portrait-businessman-office-3_1262-1489.jpg", rating: 4.9, + reviews: 342, + price: 150, + badge: "Doktor", students: 500, + }, + { + id: "2", name: "Prof. Zeynep Demir", subject: "Kimya", bio: "Üniversite hocası", image: "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg", rating: 4.8, + reviews: 278, + price: 200, + badge: "Profesör", students: 450, + }, + { + id: "3", name: "Mehmet Kaya", subject: "İngilizce", bio: "Dil sertifikasyonları", image: "http://img.b2bpic.net/free-photo/young-male-student-with-backpack-reading_23-2148639349.jpg", rating: 4.7, + reviews: 215, + price: 120, + badge: "Sertifikalı", students: 320, + }, + { + id: "4", name: "Ayşe Kara", subject: "Tarih", bio: "Araştırmacı ve yazar", image: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg", rating: 4.9, + reviews: 289, + price: 140, + badge: "Uzman", students: 380, }, ]; - 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.", - }, - ]; + const formatTurkishLira = (amount: number) => { + return new Intl.NumberFormat("tr-TR", { + style: "currency", currency: "TRY", minimumFractionDigits: 0, + maximumFractionDigits: 0, + }).format(amount); + }; + + const toggleFavorite = (id: string) => { + const newFavorites = new Set(favorites); + if (newFavorites.has(id)) { + newFavorites.delete(id); + } else { + newFavorites.add(id); + } + setFavorites(newFavorites); + }; + + const StarRating = ({ rating }: { rating: number }) => { + return ( +
+ {[...Array(5)].map((_, i) => ( + + ★ + + ))} + {rating} +
+ ); + }; return ( -
- +
+
+
+

Uzman Öğretmenlerimiz

+

+ Alanlarında uzmanlaşmış, deneyimli eğitimciler sizin başarı yolculuğunuza eşlik etmek için hazır. +

+
+ +
+ {teachers.map((teacher) => ( +
+ {/* Image Container */} +
+ {teacher.name} + {/* Trust Badge */} +
+ {teacher.badge} +
+ {/* Favorite Button */} + +
+ + {/* Content */} +
+
+

{teacher.name}

+

{teacher.subject}

+
+ + {/* Star Rating System */} +
+ +

+ {teacher.reviews} değerlendirme • {teacher.students}+ öğrenci +

+
+ + {/* Price */} +
+

{formatTurkishLira(teacher.price)}/saat

+
+ + {/* CTA Button - Touch target 44px minimum */} + +
+
+ ))} +
+
-
- -
- -