Add src/app/dashboard/page.tsx
This commit is contained in:
171
src/app/dashboard/page.tsx
Normal file
171
src/app/dashboard/page.tsx
Normal file
@@ -0,0 +1,171 @@
|
||||
"use client";
|
||||
|
||||
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 FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Target, Calendar, Users, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function DashboardPage() {
|
||||
const navItems = [
|
||||
{ name: "Ana Sayfa", id: "/" },
|
||||
{ name: "Öğretmenler", id: "/teachers" },
|
||||
{ name: "Etkinlikler", id: "events" },
|
||||
{ name: "Çalışma Programı", id: "schedule" },
|
||||
{ name: "Öğrenci Paneli", id: "/dashboard" },
|
||||
];
|
||||
|
||||
const targetMetrics = [
|
||||
{
|
||||
id: "math", title: "Matematik Hedefim", subtitle: "İleri Cebir · Hedef: %85 Başarı", category: "Matematik", value: "72%"},
|
||||
{
|
||||
id: "english", title: "İngilizce Konuşma", subtitle: "Sertifikasyon · Hedef: İleri Seviye", category: "İngilizce", value: "Orta"},
|
||||
{
|
||||
id: "science", title: "Fen Bilimleri Paketi", subtitle: "Kimya & Fizik · Hedef: %90 Başarı", category: "Bilim", value: "68%"},
|
||||
];
|
||||
|
||||
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.", imageSrc: "http://img.b2bpic.net/free-photo/happy-office-colleagues-watching-project-presentation-together_74855-10013.jpg", 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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
];
|
||||
|
||||
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: "2", name: "Ayşe Şahin", imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg", imageAlt: "Ayşe Şahin"},
|
||||
{
|
||||
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: "4", name: "Dr. Zeynep Demir", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg", imageAlt: "Dr. Zeynep Demir"},
|
||||
];
|
||||
|
||||
const weeklyProgress = [
|
||||
{
|
||||
id: "mon", imageSrc: "http://img.b2bpic.net/free-photo/happy-office-colleagues-watching-project-presentation-together_74855-10013.jpg", imageAlt: "Pazartesi dersleri"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
id: "wed", imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257210.jpg", imageAlt: "Çarşamba dersleri"},
|
||||
{
|
||||
id: "thu", imageSrc: "http://img.b2bpic.net/free-photo/crop-men-discussing-graph-tablet_23-2147785037.jpg", imageAlt: "Perşembe dersleri"},
|
||||
];
|
||||
|
||||
return (
|
||||
<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="Öğrenci Paneli"
|
||||
bottomRightText="dashboard@platform.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="targets" data-section="targets">
|
||||
<MetricCardTen
|
||||
metrics={targetMetrics}
|
||||
animationType="slide-up"
|
||||
title="Öğrenme Hedeflerim"
|
||||
description="Kişisel eğitim hedefleriniz ve ilerlemeniz"
|
||||
tag="Hedefler"
|
||||
tagIcon={Target}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="calendar" data-section="calendar">
|
||||
<BlogCardTwo
|
||||
blogs={upcomingLessons}
|
||||
title="Yaklaşan Dersler"
|
||||
description="Planladığınız özel ders oturumları"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
tag="Takvim"
|
||||
tagIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="teachers" data-section="teachers">
|
||||
<TeamCardTen
|
||||
title="Sizin İçin Önerilen Öğretmenler"
|
||||
tag="Öneriler"
|
||||
tagAnimation="slide-up"
|
||||
membersAnimation="slide-up"
|
||||
members={recommendedTeachers}
|
||||
memberVariant="card"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="weekly" data-section="weekly">
|
||||
<TimelineHorizontalCardStack
|
||||
title="Haftalık İlerleme Raporu"
|
||||
description="Bu haftanın ders etkinliğini ve başarınızı görüntüleyin"
|
||||
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>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Öğretmen Platformu"
|
||||
leftLink={{
|
||||
text: "Gizlilik Politikası", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Kullanım Şartları", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user