Update src/app/dashboard/page.tsx
This commit is contained in:
@@ -1,181 +1,97 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
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 { TrendingUp, Users, Clock, Target } from "lucide-react";
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function DashboardPage() {
|
||||
export default function Dashboard() {
|
||||
const navItems = [
|
||||
{ name: "Ana Sayfa", id: "/" },
|
||||
{ name: "Öğretmenler", id: "/teachers" },
|
||||
{ name: "Etkinlikler", id: "events" },
|
||||
{ name: "Çalışma Programı", id: "schedule" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Dashboard", id: "/dashboard" },
|
||||
];
|
||||
|
||||
// Target tracking metrics
|
||||
const targetMetrics = [
|
||||
{
|
||||
id: "1", value: "85", title: "%", description: "Haftalık Hedef İlerleme", icon: Target,
|
||||
},
|
||||
{
|
||||
id: "2", value: "12", title: "Saat", description: "Bu Ay Ders Saati", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "3", value: "4.8", title: "/5", description: "Ortalama Performans", icon: TrendingUp,
|
||||
},
|
||||
];
|
||||
|
||||
// Upcoming lessons
|
||||
const upcomingLessons = [
|
||||
{
|
||||
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: "#" },
|
||||
},
|
||||
{
|
||||
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: "#" },
|
||||
},
|
||||
{
|
||||
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 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: "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: "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: "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"},
|
||||
];
|
||||
|
||||
// Weekly progress data
|
||||
const weeklyProgressItems = [
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Öğretmen Platformu"
|
||||
bottomLeftText="Öğrenci Dashboard"
|
||||
bottomRightText="dashboard@platform.com"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Dashboard", id: "/dashboard" },
|
||||
]}
|
||||
logoSrc="/logo.svg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Target Tracking Card */}
|
||||
<div id="targets" data-section="targets">
|
||||
<MetricCardOne
|
||||
metrics={targetMetrics}
|
||||
title="Haftalık Hedef Takibi"
|
||||
description="Öğrenme hedefleriniz ve ilerlemeniz"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Dashboard"
|
||||
description="View your statistics and information"
|
||||
background={{ variant: "circleGradient" }}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "/placeholder1.webp", imageAlt: "Dashboard 1" },
|
||||
{ id: "2", imageSrc: "/placeholder2.webp", imageAlt: "Dashboard 2" },
|
||||
{ id: "3", imageSrc: "/placeholder3.webp", imageAlt: "Dashboard 3" },
|
||||
{ id: "4", imageSrc: "/placeholder4.webp", imageAlt: "Dashboard 4" },
|
||||
{ id: "5", imageSrc: "/placeholder5.webp", imageAlt: "Dashboard 5" },
|
||||
{ id: "6", imageSrc: "/placeholder6.webp", imageAlt: "Dashboard 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
title="Dashboard Metrics"
|
||||
description="Track your performance"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "50K", title: "Total Users", description: "Active users this month" },
|
||||
{ id: "2", value: "25M", title: "Revenue", description: "Monthly revenue" },
|
||||
{ id: "3", value: "98.5%", title: "Uptime", description: "System availability" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Upcoming Lessons Calendar */}
|
||||
<div id="lessons" data-section="lessons">
|
||||
<FeatureCardOne
|
||||
features={upcomingLessons}
|
||||
title="Yaklaşan Dersler"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Recommended Teachers Section */}
|
||||
<div id="teachers" data-section="teachers">
|
||||
<TeamCardFive
|
||||
team={recommendedTeachers}
|
||||
title="Tavsiye Edilen Öğretmenler"
|
||||
description="Sizin için seçilen deneyimli eğitim uzmanları"
|
||||
<div id="events" data-section="events">
|
||||
<BlogCardTwo
|
||||
title="Recent Activity"
|
||||
description="Your latest updates and events"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
blogs={[
|
||||
{ id: "1", category: "Update", title: "Profile Updated", excerpt: "Your profile has been successfully updated", imageSrc: "/placeholder1.webp", authorName: "System", authorAvatar: "/avatar1.webp", date: "Today" },
|
||||
{ id: "2", category: "Alert", title: "New Message", excerpt: "You have received a new message", imageSrc: "/placeholder2.webp", authorName: "User", authorAvatar: "/avatar2.webp", date: "Yesterday" },
|
||||
{ id: "3", category: "Notice", title: "Settings Changed", excerpt: "Your account settings have been modified", imageSrc: "/placeholder3.webp", authorName: "System", authorAvatar: "/avatar3.webp", date: "2 days ago" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Weekly Progress Report */}
|
||||
<div id="progress" data-section="progress">
|
||||
<FeatureCardOne
|
||||
features={weeklyProgressItems}
|
||||
title="Haftalık İlerleme Raporu"
|
||||
description="Bu hafkası hatta adımlarınızı ve başarılarını görmek"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Need help? Contact our support team!"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
buttons={[{ text: "Get Support", href: "mailto:support@example.com" }]}
|
||||
/>
|
||||
</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: "#"}}
|
||||
rightLink={{
|
||||
text: "Kullanım Şartları", href: "#"}}
|
||||
logoText="Webild"
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user