Update src/app/dashboard/page.tsx
This commit is contained in:
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
||||
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
|
||||
import TimelineHorizontalCardStack from "@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack";
|
||||
import TeamCardTen from "@/components/sections/team/TeamCardTen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Target, Calendar, TrendingUp } from "lucide-react";
|
||||
import { TrendingUp, Users, Clock, Target } from "lucide-react";
|
||||
|
||||
export default function DashboardPage() {
|
||||
const navItems = [
|
||||
@@ -15,64 +15,71 @@ export default function DashboardPage() {
|
||||
{ name: "Öğretmenler", id: "/teachers" },
|
||||
{ name: "Etkinlikler", id: "events" },
|
||||
{ name: "Çalışma Programı", id: "schedule" },
|
||||
{ name: "Öğrenci Paneli", id: "/dashboard" },
|
||||
{ name: "Dashboard", id: "/dashboard" },
|
||||
];
|
||||
|
||||
// Target tracking metrics
|
||||
const targetMetrics = [
|
||||
{
|
||||
id: "math", title: "Matematik Hedefim", subtitle: "İleri Cebir · Hedef: %85 Başarı", category: "Matematik", value: "72%"
|
||||
id: "1", value: "85", title: "%", description: "Haftalık Hedef İlerleme", icon: Target,
|
||||
},
|
||||
{
|
||||
id: "english", title: "İngilizce Konuşma", subtitle: "Sertifikasyon · Hedef: İleri Seviye", category: "İngilizce", value: "Orta"
|
||||
id: "2", value: "12", title: "Saat", description: "Bu Ay Ders Saati", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "science", title: "Fen Bilimleri Paketi", subtitle: "Kimya & Fizik · Hedef: %90 Başarı", category: "Bilim", value: "68%"
|
||||
id: "3", value: "4.8", title: "/5", description: "Ortalama Performans", icon: TrendingUp,
|
||||
},
|
||||
];
|
||||
|
||||
// Upcoming lessons
|
||||
const upcomingLessons = [
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/happy-office-colleagues-watching-project-presentation-together_74855-10013.jpg", videoAlt: "Matematik dersi", category: ["Matematik"],
|
||||
title: "İleri Cebir Dersi", excerpt: "Polinomlar ve denklemler konusunda derinlemesine çalışma. Zor problemleri çözmek için pratik yapalım.", imageAlt: "Matematik Dersi", authorName: "Dr. Ahmet Matematik", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-businessman-office-3_1262-1489.jpg", date: "Yarın 14:00"
|
||||
title: "Matematik - Kalkülüs Temelleri", description: "Diferansiyel ve integral hesaplamalar üzerine odaklanmış dersin temellerini öğrenin.", imageSrc: "http://img.b2bpic.net/free-vector/modern-background-with-geometric-shapes_23-2147546962.jpg", imageAlt: "mathematics calculus lesson", button: { text: "Derse Katıl", href: "#" },
|
||||
},
|
||||
{
|
||||
id: "2", category: ["İngilizce"],
|
||||
title: "İngilizce Konuşma Pratiği", excerpt: "Günlük hayat senaryolarında İngilizce konuşma becerilerini geliştirmek. İfade ve aksanda odaklanacağız.", imageSrc: "http://img.b2bpic.net/free-vector/language-concept-background_23-2147872796.jpg", imageAlt: "İngilizce Dersi", authorName: "Miss Sarah English", authorAvatar: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg", date: "27 Ocak 15:30"
|
||||
title: "İngilizce - Akademik Yazı", description: "İngilizce akademik yazı ve essay yazma tekniklerini geliştiriniz.", imageSrc: "http://img.b2bpic.net/free-vector/language-concept-background_23-2147872796.jpg", imageAlt: "english writing lesson", button: { text: "Derse Katıl", href: "#" },
|
||||
},
|
||||
{
|
||||
id: "3", category: ["Kimya"],
|
||||
title: "Kimya Deneyimleri Lab", excerpt: "Sanal laboratuvarda pratik deneyimler. Kimyasal reaksiyonları gözlemleyin ve analiz edin.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laboratory-test-tubes_23-2148891898.jpg", imageAlt: "Kimya Dersi", authorName: "Prof. Zeynep Kimya", authorAvatar: "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg", date: "29 Ocak 16:00"
|
||||
title: "Fizik - Kuantum Mekaniklerine Giriş", description: "Kuantum fiziğinin temel prensipleri ve uygulamaları.", imageSrc: "http://img.b2bpic.net/free-photo/crop-men-discussing-graph-tablet_23-2147785037.jpg", imageAlt: "physics quantum lesson", button: { text: "Derse Katıl", href: "#" },
|
||||
},
|
||||
{
|
||||
title: "Kimya - Organik Kimya Temelleri", description: "Organik kimyada karbon bileşikleri ve reaksiyonları.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laboratory-test-tubes_23-2148891898.jpg", imageAlt: "chemistry organic lesson", button: { text: "Derse Katıl", href: "#" },
|
||||
},
|
||||
];
|
||||
|
||||
// Recommended teachers
|
||||
const recommendedTeachers = [
|
||||
{
|
||||
id: "1", name: "Dr. Ahmet Yıldız", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-3_1262-1489.jpg", imageAlt: "Dr. Ahmet Yıldız"
|
||||
},
|
||||
id: "1", name: "Dr. Ahmet Kara", role: "Matematik Öğretmeni", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-3_1262-1489.jpg", imageAlt: "Dr. Ahmet Kara"},
|
||||
{
|
||||
id: "2", name: "Ayşe Şahin", imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg", imageAlt: "Ayşe Şahin"
|
||||
},
|
||||
id: "2", name: "Prof. Elif Yılmaz", role: "İngilizce Uzmanı", imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg", imageAlt: "Prof. Elif Yılmaz"},
|
||||
{
|
||||
id: "3", name: "Prof. Mehmet Kara", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-satisfied_1298-169.jpg", imageAlt: "Prof. Mehmet Kara"
|
||||
},
|
||||
id: "3", name: "Yrd. Doç. Mustafa Şahin", role: "Fizik Profesörü", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-satisfied_1298-169.jpg", imageAlt: "Yrd. Doç. Mustafa Şahin"},
|
||||
{
|
||||
id: "4", name: "Dr. Zeynep Demir", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg", imageAlt: "Dr. Zeynep Demir"
|
||||
},
|
||||
id: "4", name: "Doç. Dr. Ziya Demir", role: "Kimya Öğretmeni", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg", imageAlt: "Doç. Dr. Ziya Demir"},
|
||||
];
|
||||
|
||||
const weeklyProgress = [
|
||||
// Weekly progress data
|
||||
const weeklyProgressItems = [
|
||||
{
|
||||
id: "mon", imageSrc: "http://img.b2bpic.net/free-photo/happy-office-colleagues-watching-project-presentation-together_74855-10013.jpg", imageAlt: "Pazartesi dersleri"
|
||||
},
|
||||
title: "Pazartesi", description: "Matematik dersi tamamlandı - 95% başarı oranı", imageSrc: "http://img.b2bpic.net/free-vector/modern-background-with-geometric-shapes_23-2147546962.jpg", imageAlt: "Monday progress"},
|
||||
{
|
||||
id: "tue", imageSrc: "http://img.b2bpic.net/free-photo/front-view-older-business-woman-with-glasses-writing-agenda-looking-laptop_23-2148661168.jpg", imageAlt: "Salı dersleri"
|
||||
},
|
||||
title: "Salı", description: "İngilizce konuşma alıştırması - 88% başarı oranı", imageSrc: "http://img.b2bpic.net/free-vector/language-concept-background_23-2147872796.jpg", imageAlt: "Tuesday progress"},
|
||||
{
|
||||
id: "wed", imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257210.jpg", imageAlt: "Çarşamba dersleri"
|
||||
},
|
||||
title: "Çarşamba", description: "Fizik laboratuvarı deneyi - 92% başarı oranı", imageSrc: "http://img.b2bpic.net/free-photo/crop-men-discussing-graph-tablet_23-2147785037.jpg", imageAlt: "Wednesday progress"},
|
||||
{
|
||||
id: "thu", imageSrc: "http://img.b2bpic.net/free-photo/crop-men-discussing-graph-tablet_23-2147785037.jpg", imageAlt: "Perşembe dersleri"
|
||||
},
|
||||
title: "Perşembe", description: "Kimya uygulaması tamamlandı - 90% başarı oranı", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laboratory-test-tubes_23-2148891898.jpg", imageAlt: "Thursday progress"},
|
||||
];
|
||||
|
||||
const faqData = [
|
||||
{
|
||||
id: "1", title: "Dersi nasıl kaydedebilirim?", content: "Yaklaşan dersler bölümünde istediğiniz dersi bulun ve 'Derse Katıl' düğmesine tıklayın. Sistem sizi otomatik olarak kayıt edecektir."},
|
||||
{
|
||||
id: "2", title: "Öğretmeni nasıl değiştirebilirim?", content: "Ayarlar bölümünden 'Profil' seçeneğine gidin ve 'Tercih Edilen Öğretmen' değişikliğini yapın. Yeni öğretmen size yakında iletişim kuracaktır."},
|
||||
{
|
||||
id: "3", title: "Haftalık ilerlememizi nasıl izlerim?", content: "Dashboard'da 'Haftalık İlerleme' kartını kontrol edin. Günlük aktiviteleriniz ve başarı oranlarınız otomatik olarak güncellenir."},
|
||||
{
|
||||
id: "4", title: "Hedefimi nasıl ayarlayabilirim?", content: "Ana sayfada 'Hedef Ayarla' düğmesine tıklayın ve haftalık öğrenme hedeflerinizi belirleyin. İlerlemeniz gerçek zamanlı olarak izlenecektir."},
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -92,92 +99,83 @@ export default function DashboardPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Öğretmen Platformu"
|
||||
bottomLeftText="Öğrenci Paneli"
|
||||
bottomLeftText="Öğrenci Dashboard"
|
||||
bottomRightText="dashboard@platform.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Target Tracking Card */}
|
||||
<div id="targets" data-section="targets">
|
||||
<MetricCardTen
|
||||
<MetricCardOne
|
||||
metrics={targetMetrics}
|
||||
animationType="slide-up"
|
||||
title="Öğrenme Hedeflerim"
|
||||
description="Kişisel eğitim hedefleriniz ve ilerlemeniz"
|
||||
tag="Hedefler"
|
||||
tagIcon={Target}
|
||||
title="Haftalık Hedef Takibi"
|
||||
description="Öğrenme hedefleriniz ve ilerlemeniz"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="calendar" data-section="calendar">
|
||||
<BlogCardTwo
|
||||
blogs={upcomingLessons}
|
||||
{/* Upcoming Lessons Calendar */}
|
||||
<div id="lessons" data-section="lessons">
|
||||
<FeatureCardOne
|
||||
features={upcomingLessons}
|
||||
title="Yaklaşan Dersler"
|
||||
description="Planladığınız özel ders oturumları"
|
||||
description="Planlanmış dersleri görmek ve derse katılmak için tıklayın"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
tag="Takvim"
|
||||
tagIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Recommended Teachers Section */}
|
||||
<div id="teachers" data-section="teachers">
|
||||
<TeamCardTen
|
||||
title="Sizin İçin Önerilen Öğretmenler"
|
||||
tag="Öneriler"
|
||||
tagAnimation="slide-up"
|
||||
membersAnimation="slide-up"
|
||||
members={recommendedTeachers}
|
||||
memberVariant="card"
|
||||
<TeamCardFive
|
||||
team={recommendedTeachers}
|
||||
title="Tavsiye Edilen Öğretmenler"
|
||||
description="Sizin için seçilen deneyimli eğitim uzmanları"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="weekly" data-section="weekly">
|
||||
<TimelineHorizontalCardStack
|
||||
{/* Weekly Progress Report */}
|
||||
<div id="progress" data-section="progress">
|
||||
<FeatureCardOne
|
||||
features={weeklyProgressItems}
|
||||
title="Haftalık İlerleme Raporu"
|
||||
description="Bu haftanın ders etkinliğini ve başarınızı görüntüleyin"
|
||||
description="Bu hafkası hatta adımlarınızı ve başarılarını görmek"
|
||||
textboxLayout="default"
|
||||
mediaItems={weeklyProgress}
|
||||
tag="İlerleme"
|
||||
tagIcon={TrendingUp}
|
||||
>
|
||||
<div>
|
||||
<h3 className="font-semibold">Pazartesi</h3>
|
||||
<p className="text-sm text-accent/75">Matematik: 2 saat çalışma</p>
|
||||
<p className="text-sm text-accent/75">Başarı: %85</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold">Salı</h3>
|
||||
<p className="text-sm text-accent/75">İngilizce: 1.5 saat konuşma</p>
|
||||
<p className="text-sm text-accent/75">Başarı: %78</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold">Çarşamba</h3>
|
||||
<p className="text-sm text-accent/75">Kimya: 2 saat lab çalışması</p>
|
||||
<p className="text-sm text-accent/75">Başarı: %90</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold">Perşembe</h3>
|
||||
<p className="text-sm text-accent/75">Tarih: 1 saat tartışma</p>
|
||||
<p className="text-sm text-accent/75">Başarı: %82</p>
|
||||
</div>
|
||||
</TimelineHorizontalCardStack>
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqs={faqData}
|
||||
title="Sıkça Sorulan Sorular"
|
||||
description="Dashboard hakkında sorularınızın cevaplarını bulun"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Öğretmen Platformu"
|
||||
leftLink={{
|
||||
text: "Gizlilik Politikası", href: "#"
|
||||
}}
|
||||
text: "Gizlilik Politikası", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Kullanım Şartları", href: "#"
|
||||
}}
|
||||
text: "Kullanım Şartları", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user