248 lines
13 KiB
TypeScript
248 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "الرئيسية", id: "hero"},
|
|
{
|
|
name: "عن الثانوية", id: "about"},
|
|
{
|
|
name: "الشعب", id: "features"},
|
|
{
|
|
name: "تواصل معنا", id: "contact"},
|
|
]}
|
|
brandName="ثانوية رابح بيطاط"
|
|
button={{ text: "سجل الآن", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="مرحباً بكم في موقع ثانوية رابح بيطاط"
|
|
description="نحن نسعى لتقديم تعليم نوعي للطلاب في بيئة محفزة للإبداع والنجاح الدراسي."
|
|
testimonials={[
|
|
{
|
|
name: "أحمد ب.", handle: "طالب", testimonial: "تجربة دراسية رائعة في ثانوية رابح بيطاط.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teen-couple-enjoying-reading-near-railing_23-2147864113.jpg?_wi=1", imageAlt: "school building front view"},
|
|
{
|
|
name: "سارة م.", handle: "طالبة", testimonial: "الأساتذة هنا يبذلون قصارى جهدهم لمساعدتنا.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-university-library_23-2148844694.jpg?_wi=1", imageAlt: "school building front view"},
|
|
{
|
|
name: "كريم ع.", handle: "طالب", testimonial: "المرافق الدراسية ممتازة وتساعد على التعلم.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9703.jpg?_wi=1", imageAlt: "school building front view"},
|
|
{
|
|
name: "ليلى ح.", handle: "طالبة", testimonial: "أنصح الجميع بالانضمام لهذه الثانوية العريقة.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=1", imageAlt: "school building front view"},
|
|
{
|
|
name: "ياسين د.", handle: "طالب", testimonial: "بيئة محفزة للنجاح العلمي.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-serious-young-attractive-man-black-suit-talking-mobile-phone-looking-aside_171337-9934.jpg?_wi=1", imageAlt: "school building front view"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/teen-couple-enjoying-reading-near-railing_23-2147864113.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/joyful-young-blond-female-student-with-backpack-smiling-camera-satisfied-as-holding-cup-takeaway_1258-115818.jpg", alt: "طالبة سعيدة"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/glad-african-student-with-stylish-haircut-enjoying-photoshoot-after-exams-studio-portrait-handsome-young-man-with-books_197531-25666.jpg", alt: "طالب مجتهد"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-female-student-smiling-holding-folders-outdoors_176420-2460.jpg", alt: "طالبة متميزة"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-girl-standing-with-books_23-2147666652.jpg", alt: "طالبة تبتسم"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-student-with-blue-jersey_1098-2398.jpg", alt: "طالب بزي رسمي"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "تميز علمي"},
|
|
{
|
|
type: "text", text: "بيئة تعليمية حديثة"},
|
|
{
|
|
type: "text", text: "طاقم تربوي متميز"},
|
|
{
|
|
type: "text", text: "نجاح أكاديمي"},
|
|
{
|
|
type: "text", text: "إبداع طلابي"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="التعريف بالثانوية"
|
|
description="ثانوية رابح بيطاط مؤسسة تربوية عريقة تهدف لتطوير القدرات الذهنية والعلمية للطلاب عبر طاقم إداري وتعليمي متميز."
|
|
imageSrc="http://img.b2bpic.net/free-photo/colleagues-studying-together-university-library_23-2148844694.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "علوم تجريبية", description: "شعبة تخصصية في العلوم الطبيعية والفيزيائية.", imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369895.jpg"},
|
|
{
|
|
title: "تقني رياضي", description: "تخصص يهتم بالتكنولوجيا والجانب الرياضي التطبيقي.", imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-near-back-school-writing_23-2147864634.jpg"},
|
|
{
|
|
title: "آداب وفلسفة", description: "شعبة تهتم باللغات والعلوم الإنسانية والتحليل الفلسفي.", imageSrc: "http://img.b2bpic.net/free-photo/blank-notepad-orange-blue-background-flat-lay_169016-25956.jpg"},
|
|
]}
|
|
title="الشعب والتخصصات"
|
|
description="نقدم تخصصات متنوعة لتلبية طموحات طلابنا:"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="أرقام وإنجازات"
|
|
tag="إحصائيات"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "1500+", description: "طالب خريج"},
|
|
{
|
|
id: "2", value: "50+", description: "أستاذ خبير"},
|
|
{
|
|
id: "3", value: "95%", description: "نسبة نجاح"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
useInvertedBackground={false}
|
|
title="الإدارة التربوية"
|
|
tag="فريقنا"
|
|
members={[
|
|
{
|
|
id: "1", name: "السيد المدير", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9703.jpg?_wi=2"},
|
|
{
|
|
id: "2", name: "رئيس القسم", imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=2"},
|
|
{
|
|
id: "3", name: "مشرف تربوي", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-serious-young-attractive-man-black-suit-talking-mobile-phone-looking-aside_171337-9934.jpg?_wi=2"},
|
|
]}
|
|
memberVariant="card"
|
|
membersAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "ممتاز", quote: "بيئة تعلم محفزة جداً.", name: "خالد", role: "طالب", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66651.jpg"},
|
|
{
|
|
id: "2", title: "رائع", quote: "تجارب علمية ممتعة ومفيدة.", name: "مريم", role: "طالبة", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-student-smiling_23-2148586538.jpg"},
|
|
{
|
|
id: "3", title: "مفيد", quote: "نصائح الأساتذة كانت جوهرية.", name: "ياسين", role: "طالب", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-writing-notebook-looking-camera_23-2147860688.jpg"},
|
|
{
|
|
id: "4", title: "مشجع", quote: "تطورت مهاراتي كثيراً هنا.", name: "هبة", role: "طالبة", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-teenager-student-girl-looking-confident-standing-near-copy-space-your-advertisement-promotional-content-yellow-background_574295-4599.jpg"},
|
|
{
|
|
id: "5", title: "مثالي", quote: "ثانوية أنصح بها للتميز.", name: "سامي", role: "طالب", imageSrc: "http://img.b2bpic.net/free-photo/little-scientist_1098-16769.jpg"},
|
|
]}
|
|
title="أراء الطلاب"
|
|
description="ماذا يقول طلابنا عن تجربتهم في الثانوية."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "كيف التسجيل؟", content: "يتم التسجيل عبر المكتب الإداري وفق التواريخ الرسمية."},
|
|
{
|
|
id: "2", title: "ما هي التخصصات؟", content: "تتوفر شعب العلوم والتقني والأدب."},
|
|
{
|
|
id: "3", title: "هل هناك نقل؟", content: "نعم تتوفر حافلات نقل مدرسي للعديد من المناطق."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-arrangement-different-books_23-2148883795.jpg"
|
|
title="أسئلة متكررة"
|
|
faqsAnimation="blur-reveal"
|
|
description="إجابات على استفسارات الطلاب وأولياء الأمور."
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="اتصل بنا"
|
|
description="لأي استفسارات حول التسجيل أو الشعب، يرجى ملء النموذج أدناه."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "الاسم الكامل", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "البريد الإلكتروني", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "رسالتك", required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-holding-books-takeaway-coffee-cup-standing-front-university-building_23-2148093576.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892962.jpg"
|
|
logoText="ثانوية رابح بيطاط"
|
|
columns={[
|
|
{
|
|
title: "الروابط", items: [
|
|
{
|
|
label: "الرئيسية", href: "/"},
|
|
{
|
|
label: "الشعب", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "قانوني", items: [
|
|
{
|
|
label: "سياسة الخصوصية", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|