diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx index 0a20404..266e343 100644 --- a/src/app/dashboard/page.tsx +++ b/src/app/dashboard/page.tsx @@ -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 ( - - {/* Target Tracking Card */} -
- + +
+
+
- - {/* Upcoming Lessons Calendar */} -
- -
- - {/* Recommended Teachers Section */} -
- +
- - {/* Weekly Progress Report */} -
- +
- - {/* FAQ Section */} -
- -
- diff --git a/src/app/page.tsx b/src/app/page.tsx index 2f27806..30a87e9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,148 +1,98 @@ "use client"; - import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; -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"; -import { BookOpen } 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 HomePage() { +export default function Home() { const navItems = [ - { name: "Ana Sayfa", id: "/" }, - { name: "Öğretmen Paneli", id: "/teacher-dashboard" }, - { name: "Etkinlikler", id: "events" }, - { name: "Çalışma Programı", id: "schedule" }, - ]; - - const heroBtns = [ - { - text: "Hemen Başla", href: "/teacher-dashboard"}, - ]; - - const metricsData = [ - { - id: "1", value: "50+", title: "Öğretmen", description: "Deneyimli eğitim profesyonelleri", imageSrc: "http://img.b2bpic.net/free-photo/people-standing-with-papers_23-2147657172.jpg", imageAlt: "professional teachers group portrait education"}, - { - id: "2", value: "1000+", title: "Öğrenci", description: "Aktif kullanıcı topluluğu", imageSrc: "http://img.b2bpic.net/free-photo/happy-office-colleagues-watching-project-presentation-together_74855-10013.jpg", imageAlt: "students group learning education diverse"}, - { - id: "3", value: "200+", title: "Ders", description: "Çeşitli konu başlıkları", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-educational-elements-arrangement-with-empty-notepad_23-2148721242.jpg", imageAlt: "course curriculum education subjects books"}, - { - id: "4", value: "4.9/5", title: "Puan", description: "Ortalama memnuniyet oranı", imageSrc: "http://img.b2bpic.net/free-vector/education-white_24877-49399.jpg", imageAlt: "five star rating excellent satisfaction feedback"}, - ]; - - const carouselItems = [ - { - id: "1", imageSrc: "http://img.b2bpic.net/free-psd/children-school-education-landing-page_23-2149901102.jpg", imageAlt: "online learning education platform interface"}, - { - id: "2", imageSrc: "http://img.b2bpic.net/free-photo/senior-people-school-class-with-laptop-computer_23-2150104980.jpg", imageAlt: "online course learning platform screen"}, - { - id: "3", imageSrc: "http://img.b2bpic.net/free-vector/virtual-graduation-ceremony-with-computer_23-2148569138.jpg", imageAlt: "online tutor video conference interface"}, - { - id: "4", imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257210.jpg", imageAlt: "education app notification schedule planning"}, - { - id: "5", imageSrc: "http://img.b2bpic.net/free-photo/crop-men-discussing-graph-tablet_23-2147785037.jpg", imageAlt: "digital education platform analytics dashboard"}, - { - id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-older-business-woman-with-glasses-writing-agenda-looking-laptop_23-2148661168.jpg", imageAlt: "online class registration booking system"}, - ]; - - const eventsBlogsData = [ - { - id: "1", category: "Matematik", title: "Trigonometri Ustalaşma Sürümü", excerpt: "Trigonometri kurallarını derinlemesine öğrenin, örnekler ve pratik problemlerle desteklenen kapsamlı ders.", imageSrc: "http://img.b2bpic.net/free-vector/modern-background-with-geometric-shapes_23-2147546962.jpg", imageAlt: "mathematics geometry trigonometry education board", authorName: "Ayşe Kaya", authorAvatar: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg", date: "25 Ocak 2025"}, - { - id: "2", category: "İngilizce", title: "İngilizce Konuşma Atölyesi", excerpt: "Günlük İngilizce konuşma becerilerinizi geliştirin, doğal diyaloglar ve kültürel bağlam ile.", imageSrc: "http://img.b2bpic.net/free-vector/language-concept-background_23-2147872796.jpg", imageAlt: "english language learning book study", authorName: "Mehmet Yıldız", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-businessman-office-3_1262-1489.jpg", date: "27 Ocak 2025"}, - { - id: "3", category: "Kimya", title: "Kimya Deneyimleri Laboratuvarı", excerpt: "Sanal laboratuvarıyla pratik deneyimler gain ve kimyasal reaksiyonları canlı tutun.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laboratory-test-tubes_23-2148891898.jpg", imageAlt: "chemistry laboratory science experiment beakers", authorName: "Zeynep Demir", authorAvatar: "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg", date: "29 Ocak 2025"}, - { - id: "4", category: "Tarih", title: "Osmanlı İmparatorluğu Hikayesi", excerpt: "Osmanlı tarihinin önemli dönemleri, simgesel olaylar ve kültürel etkilerin kapsamlı incelemesi.", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751754.jpg", imageAlt: "history book ancient civilization artifacts", authorName: "İbrahim Çelik", authorAvatar: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-satisfied_1298-169.jpg", date: "31 Ocak 2025"}, - ]; - - const contactButtons = [ - { - text: "Bize Yazın", href: "/contact"}, - { - text: "Canlı Sohbet", href: "#"}, + { name: "Home", id: "/" }, + { name: "Dashboard", id: "/dashboard" }, ]; return ( -
-
-
-
- diff --git a/src/components/cardStack/CardStack.ts b/src/components/cardStack/CardStack.ts new file mode 100644 index 0000000..fc38f7c --- /dev/null +++ b/src/components/cardStack/CardStack.ts @@ -0,0 +1,8 @@ +export type CardStackProps = { + title: string; + description?: string; + children?: React.ReactNode; + [key: string]: any; +}; + +export { CardStack }; diff --git a/src/components/shared/Dashboard.ts b/src/components/shared/Dashboard.ts new file mode 100644 index 0000000..683fa36 --- /dev/null +++ b/src/components/shared/Dashboard.ts @@ -0,0 +1,2 @@ +export { Dashboard }; +export type { DashboardSidebarItem, DashboardStat, DashboardListItem };