276 lines
17 KiB
TypeScript
276 lines
17 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||
import TextAbout from "@/components/sections/about/TextAbout";
|
||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||
import ContactText from "@/components/sections/contact/ContactText";
|
||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="large"
|
||
background="circleGradient"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="EduSupply Pro"
|
||
navItems={[
|
||
{ name: "Ürünler", id: "categories" },
|
||
{ name: "Katalog", id: "catalog" },
|
||
{ name: "Hakkımızda", id: "about" },
|
||
{ name: "Avantajlar", id: "advantages" },
|
||
{ name: "İletişim", id: "contact" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
logoText="EduSupply Pro"
|
||
description="Kaliteli eğitim materyalleri, okul mobilyaları ve laboratuvar ekipmanlarıyla okulunuzun öğrenme ortamını zenginleştirin."
|
||
buttons={[
|
||
{ text: "Ürünleri İncele", href: "#categories" },
|
||
{ text: "Katalogu İndir", href: "#catalog" },
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
background={{ variant: "circleGradient" }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/girls-participating-course-library-joining-live-video-webinar_482257-123474.jpg"
|
||
imageAlt="Classroom environment with students learning"
|
||
mediaAnimation="blur-reveal"
|
||
frameStyle="card"
|
||
ariaLabel="Hero section for educational supplies"
|
||
/>
|
||
</div>
|
||
|
||
<div id="categories" data-section="categories">
|
||
<FeatureCardMedia
|
||
title="Ürün Kategorilerimiz"
|
||
description="Okul, anaokulu ve laboratuvar için tam kapsamlı eğitim çözümleri"
|
||
tag="Ürünler"
|
||
features={[
|
||
{
|
||
id: "kindergarten", title: "Anaokulu Eğitim Gereçleri", description: "Çocukların gelişimini destekleyen eğitim materyalleri ve oyuncaklar", tag: "Erken Eğitim", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-little-kid-playing-indoors_23-2149513073.jpg", imageAlt: "Kindergarten educational materials"},
|
||
{
|
||
id: "furniture", title: "Okul Mobilyaları", description: "Ergonomik ve dayanıklı okul masa, sandalye ve depolama çözümleri", tag: "Mobilya", imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077750.jpg", imageAlt: "School furniture and desks"},
|
||
{
|
||
id: "laboratory", title: "Laboratuvar Ekipmanları", description: "Bilim eğitimi için profesyonel laboratuvar araçları ve ekipmanları", tag: "Laboratuvar", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744712.jpg", imageAlt: "Laboratory equipment for science education"},
|
||
{
|
||
id: "materials", title: "Eğitim Materyalleri", description: "Öğretim ve öğrenme için kapsamlı eğitim kitapları ve kaynak materyalleri", tag: "Kaynaklar", imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-stationery-with-multicolored-pencils-medical-mask_23-2148587535.jpg", imageAlt: "Educational materials and learning resources"},
|
||
{
|
||
id: "toys", title: "Oyuncak ve Zeka Geliştirici Ürünler", description: "Kritik düşünme ve yaratıcılığı teşvik eden eğitici oyuncaklar", tag: "Geliştirme", imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-birthday-game_23-2148779565.jpg", imageAlt: "Educational toys for cognitive development"},
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="catalog" data-section="catalog">
|
||
<ProductCardThree
|
||
title="Dijital Katalog"
|
||
description="Ürünlerimizi çevrimiçi olarak inceleyebilir, kataloğu indirilebilir, sayfaları tura çıkabilirsiniz."
|
||
tag="Katalog"
|
||
products={[
|
||
{
|
||
id: "catalog-main", name: "2024-2025 Ürün Kataloğu", price: "İndir", imageSrc: "http://img.b2bpic.net/free-vector/environment-instagram-stories-collection_23-2148931697.jpg?_wi=1", imageAlt: "Digital product catalog", initialQuantity: 1,
|
||
},
|
||
{
|
||
id: "catalog-main-2", name: "2024-2025 Ürün Kataloğu", price: "İndir", imageSrc: "http://img.b2bpic.net/free-vector/environment-instagram-stories-collection_23-2148931697.jpg?_wi=2", imageAlt: "Digital product catalog preview", initialQuantity: 1,
|
||
},
|
||
{
|
||
id: "catalog-main-3", name: "2024-2025 Ürün Kataloğu", price: "İndir", imageSrc: "http://img.b2bpic.net/free-vector/environment-instagram-stories-collection_23-2148931697.jpg?_wi=3", imageAlt: "Complete product catalog download", initialQuantity: 1,
|
||
},
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardThree
|
||
title="Öne Çıkan Ürünler"
|
||
description="En popüler ve çok kullanılan eğitim ürünlerimizi keşfettin"
|
||
tag="Seçkin Ürünler"
|
||
products={[
|
||
{
|
||
id: "product-1", name: "Ergonomik Öğrenci Masası - Ayarlanabilir Yükseklik", price: "₺2,450", imageSrc: "http://img.b2bpic.net/free-photo/chairs-with-blue-orange-pillows_250224-143.jpg?_wi=1", imageAlt: "Adjustable student desk", initialQuantity: 1,
|
||
},
|
||
{
|
||
id: "product-2", name: "Profesyonel Dijital Mikroskop 40-1000X", price: "₺3,890", imageSrc: "http://img.b2bpic.net/free-photo/close-up-scientists-working-with-microscope_23-2148970008.jpg", imageAlt: "Digital microscope for laboratory", initialQuantity: 1,
|
||
},
|
||
{
|
||
id: "product-3", name: "STEM Eğitim Seti - 50 Parça", price: "₺1,290", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girls-moulding-from-plasticine-pink-table_158595-5989.jpg", imageAlt: "STEM educational toy set", initialQuantity: 1,
|
||
},
|
||
{
|
||
id: "product-4", name: "Ergonomik Öğrenci Masası - Ayarlanabilir Yükseklik", price: "₺2,450", imageSrc: "http://img.b2bpic.net/free-photo/chairs-with-blue-orange-pillows_250224-143.jpg?_wi=2", imageAlt: "Adjustable student desk", initialQuantity: 1,
|
||
},
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
tag="Hakkımızda"
|
||
title="20 Yıldan Fazla Eğitim Hizmetinde Liderlik"
|
||
buttons={[
|
||
{ text: "Daha Fazla Bilgi", href: "#contact" },
|
||
]}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="advantages" data-section="advantages">
|
||
<MetricCardTwo
|
||
title="Neden Biz Seçmeliyiz?"
|
||
description="Eğitim kurumlarının güvendiği kalite ve hizmet"
|
||
tag="Avantajlar"
|
||
metrics={[
|
||
{ id: "1", value: "En Yüksek", description: "Kalite Standartları" },
|
||
{ id: "2", value: "Güvenli", description: "Öğrenciler İçin" },
|
||
{ id: "3", value: "Hızlı", description: "Teslimat" },
|
||
{ id: "4", value: "Uygun", description: "Fiyatlar" },
|
||
{ id: "5", value: "Uzman", description: "Destek Ekibi" },
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="references" data-section="references">
|
||
<SocialProofOne
|
||
title="Güvendiğimiz Kurumlar"
|
||
description="Türkiye'nin önde gelen eğitim kurumları EduSupply Pro ürünlerini kullanmaktadır"
|
||
tag="Referanslar"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Ankara Fen Lisesi", "İstanbul Eğitim Akademisi", "İzmir Bilim ve Teknoloji Enstitüsü", "Bursa Devlet Üniversitesi", "Antalya Özel Okulları", "Gaziantep Eğitim Merkezi", "Adana Teknoloji Lisesi"]}
|
||
speed={40}
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="blog" data-section="blog">
|
||
<BlogCardThree
|
||
title="Blog ve Makaleler"
|
||
description="Eğitim materyalleri, sınıf tasarımı ve okul ekipmanları hakkında içerik"
|
||
tag="Bilgi Merkezi"
|
||
blogs={[
|
||
{
|
||
id: "blog-1", category: "Sınıf Tasarımı", title: "Modern Sınıf Tasarımının Öğrenme Üzerine Etkisi", excerpt: "Eğitim ortamının fiziksel tasarımı öğrenci başarısını doğrudan etkiler. Ergonomik mobilyalar ve doğru aydınlandırma konusunu keşfedin.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906300.jpg", imageAlt: "Modern classroom design", authorName: "Dr. Ayşe Yıldız", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430887.jpg", date: "15 Ocak 2025"},
|
||
{
|
||
id: "blog-2", category: "Eğitim Materyalleri", title: "Etkili Eğitim Materyallerinin Özellikleri", excerpt: "Kaliteli eğitim materyallerinin seçimi öğrencilerin motivasyonunu artırır. En iyi seçenekler ve uygulamalar hakkında bilgi alın.", imageSrc: "http://img.b2bpic.net/free-photo/back-school-accessories-pencils-books-set-school-supplies-light-background-copy-space-text-education-concept-mockup-template-banner_166373-2805.jpg", imageAlt: "Educational materials", authorName: "Prof. Mehmet Demir", authorAvatar: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg", date: "20 Ocak 2025"},
|
||
{
|
||
id: "blog-3", category: "Okul Ekipmanları", title: "Laboratuvar Ekipmanlarının Doğru Kullanımı", excerpt: "Bilim eğitimi için laboratuvar ekipmanlarının düzgün kurulumu ve bakımı. Güvenlik ve verimlilik için ipuçları.", imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-apple-chair_52683-89927.jpg", imageAlt: "Laboratory equipment setup", authorName: "Doç. Fatma Şahin", authorAvatar: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg", date: "25 Ocak 2025"},
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
title="Müşteri Yorumları"
|
||
description="Eğitim kurumlarından aldığımız değerli feedback"
|
||
tag="Referanslar"
|
||
showRating={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Zeynep Kaya", handle: "@ZeynepKaya", testimonial: "EduSupply Pro ürünleri sayesinde sınıfımızın verimliliği %40 arttı. Müştteri hizmeti mükemmel.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg?_wi=1", imageAlt: "Zeynep Kaya"},
|
||
{
|
||
id: "2", name: "İbrahim Çetin", handle: "@IbrahimCetin", testimonial: "Laboratuvar ekipmanları yüksek kaliteli ve dayanıklı. Öğrencilerim çok memnun.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430887.jpg", imageAlt: "İbrahim Çetin"},
|
||
{
|
||
id: "3", name: "Gülşah Erdoğan", handle: "@GulsahErdogan", testimonial: "Eğitim materyalleri gerçekten çocukların gelişimine yardımcı. İnsan eder bana çok yerinde tavsiye.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg", imageAlt: "Gülşah Erdoğan"},
|
||
{
|
||
id: "4", name: "Ahmet Yılmaz", handle: "@AhmetYilmaz", testimonial: "Okul mobilyaları çok ergonomik ve uzun ömürlü. Tavsiye ederim.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13021.jpg", imageAlt: "Ahmet Yılmaz"},
|
||
{
|
||
id: "5", name: "Nuriye Leman", handle: "@NuriyeLeman", testimonial: "Hızlı teslimat ve uygun fiyatlar. Bütün ihtiyaçlarımız EduSupply Pro'dan karşılanıyor.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg", imageAlt: "Nuriye Leman"},
|
||
{
|
||
id: "6", name: "Rıza Kılıç", handle: "@RizaKilic", testimonial: "Kurumsal müşterilere çok güzel hizmet veriyorlar. Uzun vadeli partnerlik için ideal.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg?_wi=2", imageAlt: "Rıza Kılıç"},
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="Okul ve eğitim kurumunuz için uygun çözümler bulmak mı istiyorsunuz? Uzman ekibimiz sizin ihtiyaçlarınızı anlamak ve en iyi ürünleri önerileri için hazırız."
|
||
animationType="entrance-slide"
|
||
buttons={[
|
||
{ text: "Bizimle İletişime Geçin", href: "#contact-form" },
|
||
{ text: "Hızlı Teklif Al", href: "#quote" },
|
||
]}
|
||
background={{ variant: "circleGradient" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="EduSupply Pro"
|
||
copyrightText="© 2025 EduSupply Pro - Tüm Hakları Saklıdır"
|
||
columns={[
|
||
{
|
||
title: "Ürünler", items: [
|
||
{ label: "Okul Mobilyaları", href: "#categories" },
|
||
{ label: "Laboratuvar Ekipmanları", href: "#categories" },
|
||
{ label: "Eğitim Materyalleri", href: "#categories" },
|
||
{ label: "Oyuncak ve Zeka Geliştirici", href: "#categories" },
|
||
],
|
||
},
|
||
{
|
||
title: "Şirket", items: [
|
||
{ label: "Hakkımızda", href: "#about" },
|
||
{ label: "Blog", href: "#blog" },
|
||
{ label: "İletişim", href: "#contact" },
|
||
{ label: "Katalog İndir", href: "#catalog" },
|
||
],
|
||
},
|
||
{
|
||
title: "İletişim", items: [
|
||
{ label: "E-posta: info@edusupplypro.com", href: "#" },
|
||
{ label: "Telefon: +90 212 XXX XXXX", href: "#" },
|
||
{ label: "Adres: İstanbul, Türkiye", href: "#" },
|
||
{ label: "Çalışma Saatleri: 09:00-18:00", href: "#" },
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|