diff --git a/src/app/page.tsx b/src/app/page.tsx index f38b2b0..e6b7d84 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,9 +1,383 @@ "use client"; +import { useEffect, useState } from "react"; +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 FaqDouble from "@/components/sections/faq/FaqDouble"; +import Link from "next/link"; +import { BookOpen, Star, TrendingUp, Users, Award, Filter, Search } from "lucide-react"; +import Image from "next/image"; + +interface SearchResult { + id: string; + name: string; + category: string; + rating: number; +} + export default function HomePage() { - return ( -
-

Welcome to Home Page

+ const [searchQuery, setSearchQuery] = useState(""); + const [autocompleteResults, setAutocompleteResults] = useState([]); + const [showAutocomplete, setShowAutocomplete] = useState(false); + const [activeFilters, setActiveFilters] = useState([]); + const [showCookieConsent, setShowCookieConsent] = useState(false); + + useEffect(() => { + const cookieConsent = localStorage.getItem("cookie-consent"); + if (!cookieConsent) { + setShowCookieConsent(true); + } + }, []); + + const handleCookieConsent = (accepted: boolean) => { + localStorage.setItem("cookie-consent", accepted ? "accepted" : "rejected"); + setShowCookieConsent(false); + }; + + const handleSearch = (query: string) => { + setSearchQuery(query); + if (query.length > 0) { + const mockResults: SearchResult[] = [ + { id: "1", name: "Matematik Özel Ders", category: "Matematik", rating: 4.9 }, + { id: "2", name: "İngilizce Konuşma", category: "İngilizce", rating: 4.8 }, + { id: "3", name: "Kimya Deneyleri", category: "Kimya", rating: 4.7 }, + { id: "4", name: "Tarih Dersleri", category: "Tarih", rating: 4.9 }, + ].filter( + (r) => + r.name.toLowerCase().includes(query.toLowerCase()) || + r.category.toLowerCase().includes(query.toLowerCase()) + ); + setAutocompleteResults(mockResults); + setShowAutocomplete(true); + } else { + setAutocompleteResults([]); + setShowAutocomplete(false); + } + }; + + const toggleFilter = (filter: string) => { + setActiveFilters((prev) => + prev.includes(filter) ? prev.filter((f) => f !== filter) : [...prev, filter] + ); + }; + + const formatTurkishCurrency = (amount: number): string => { + return new Intl.NumberFormat("tr-TR", { + style: "currency", currency: "TRY", minimumFractionDigits: 0, + maximumFractionDigits: 2, + }).format(amount); + }; + + const formatTurkishDate = (date: Date): string => { + return new Intl.DateTimeFormat("tr-TR", { + year: "numeric", month: "long", day: "numeric"}).format(date); + }; + + const StarRating = ({ rating, count }: { rating: number; count?: number }) => ( +
+ {[...Array(5)].map((_, i) => ( + + ))} + {count && ({count})} + {rating}
); + + const navItems = [ + { name: "Ana Sayfa", id: "/" }, + { name: "Öğretmenler", id: "/teachers" }, + { name: "Etkinlikler", id: "/events" }, + { name: "Çalışma Programı", id: "/schedule" }, + ]; + + const heroBtns = [ + { text: "Hemen Başla", href: "/teachers" }, + ]; + + 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 faqData = [ + { + id: "1", title: "Platformda nasıl başlarım?", content: "Kayıt olun, öğretmen kategorilerini seçin ve profilinizi tamamlayın. Ardından istediğiniz öğretmenleri görüntüleyin ve rezervasyon yapın."}, + { + id: "2", title: "Ders fiyatları ne kadar?", content: `Fiyatlar öğretmene ve derse göre değişir. Ortalama fiyatlar: +
    +
  • Bireysel Dersler: ${formatTurkishCurrency(150)} - ${formatTurkishCurrency(300)}
    • +
  • Grup Dersleri: ${formatTurkishCurrency(100)} - ${formatTurkishCurrency(200)}
    • +
  • Paket Fiyatları: ${formatTurkishCurrency(1500)} - ${formatTurkishCurrency(5000)}
    • +
`, + }, + { + id: "3", title: "İptal politikası nedir?", content: "Dersler başlamadan 24 saat önce iptal edebilirsiniz. Geç iptal edilen dersler geri iade edilmez. Öğretmen kaynaklı iptal durumlarında tam geri iade yapılır."}, + { + id: "4", title: "Öğretmen değiştirebilir miyim?", content: "Evet! İlk dersten sonra öğretmen değiştirebilirsiniz. Destek ekibimizle iletişime geçerek yeni bir öğretmen seçebilirsiniz."}, + { + id: "5", title: "Sertifikat alınır mı?", content: "Evet, kursları tamamlayan öğrenciler resmi sertifika alırlar. Sertifika, tamamlanan kurs saatini ve başarı notunuzu içerir."}, + { + id: "6", title: "24/7 destek var mı?", content: "Evet! Canlı sohbet, email ve telefon desteği 24/7 mevcuttur. Ortalama yanıt süresi 5 dakikadır."}, + ]; + + const contactButtons = [ + { text: "Bize Yazın", href: "/contact" }, + { text: "Canlı Sohbet", href: "#" }, + ]; + + return ( + + {/* Breadcrumb Navigation */} + + + {/* Search & Filter Bar */} +
+
+
+ {/* Search with Autocomplete */} +
+
+ + handleSearch(e.target.value)} + onFocus={() => searchQuery && setShowAutocomplete(true)} + onBlur={() => setTimeout(() => setShowAutocomplete(false), 200)} + className="w-full ml-2 bg-transparent outline-none text-foreground" + aria-label="Arama" + /> +
+ {/* Autocomplete Dropdown */} + {showAutocomplete && autocompleteResults.length > 0 && ( +
+ {autocompleteResults.map((result) => ( +
+
+
{result.name}
+
{result.category}
+
+
+ + {result.rating} +
+
+ ))} +
+ )} +
+ + {/* Filter Chips */} +
+ {["Popüler", "En Yüksek Puan", "Yakında"].map((filter) => ( + + ))} +
+
+
+
+ + + +
+ +
+ + {/* Trust Badges Section */} +
+
+
+ + SSL Güvenli +
+
+ + Doğrulanmış Öğretmenler +
+
+ + Para İade Garantisi +
+
+ + 4.9/5 Yıldız Puan +
+
+
+ +
+ +
+ +
+ +
+ + {/* FAQ Section */} +
+ +
+ +
+ +
+ + + + {/* Cookie Consent Banner */} + {showCookieConsent && ( +
+
+

+ Bu web sitesi deneyimi geliştirmek için çerezleri kullanır. Kullanımına devam ederek kabulünüz olduğunu kabul edersiniz. +

+
+ + +
+
+
+ )} + + ); }