import { Head, Link } from '@inertiajs/react'; import { motion, useMotionValue, useSpring, useTransform } from 'framer-motion'; import { useState } from 'react'; import { LandingHeader } from '@/Components/Layout/LandingHeader'; import { LandingFooter } from '@/Components/Layout/LandingFooter'; import { SchoolCarousel } from '@/Components/Landing/SchoolCarousel'; import { CountUp } from '@/Components/Landing/CountUp'; import { HeroConstellation } from '@/Components/Landing/HeroConstellation'; const eO = 'easeOut' as const; const eIO = 'easeInOut' as const; const fadeUp = { hidden: { opacity: 0, y: 24 }, show: { opacity: 1, y: 0 } }; const stagger = { hidden: {}, show: { transition: { staggerChildren: 0.08 } } }; type PartnerSchool = { name: string; address: string | null }; type HeroStat = { key: string; label: string; value: number }; interface Props { partnerSchools?: PartnerSchool[]; heroStats?: HeroStat[] } const statIcons: Record = { schools: 'bi-buildings', students: 'bi-people-fill', teachers: 'bi-person-workspace', classrooms: 'bi-door-open-fill', }; function FloatingStatCard({ stat, index }: { stat: HeroStat; index: number }) { const pointerX = useMotionValue(0); const pointerY = useMotionValue(0); const rotateX = useSpring(useTransform(pointerY, [-0.5, 0.5], [8, -8]), { stiffness: 170, damping: 18 }); const rotateY = useSpring(useTransform(pointerX, [-0.5, 0.5], [-10, 10]), { stiffness: 170, damping: 18 }); const resetTilt = () => { pointerX.set(0); pointerY.set(0); }; return ( { const bounds = event.currentTarget.getBoundingClientRect(); pointerX.set((event.clientX - bounds.left) / bounds.width - 0.5); pointerY.set((event.clientY - bounds.top) / bounds.height - 0.5); }} onPointerLeave={resetTilt} onPointerCancel={resetTilt} > ); } function WaveDown({ fill }: { fill: string }) { return ( ); } export default function Home({ partnerSchools = [], heroStats = [] }: Props) { const [focusIndex, setFocusIndex] = useState(null); const statsByKey = new Map(heroStats.map((stat) => [stat.key, stat])); const leftStats = ['students', 'schools'] .map((key) => statsByKey.get(key)) .filter((stat): stat is HeroStat => Boolean(stat)); const rightStats = ['classrooms', 'teachers'] .map((key) => statsByKey.get(key)) .filter((stat): stat is HeroStat => Boolean(stat)); const scrollToSchools = () => { document.getElementById('partner-schools')?.scrollIntoView({ behavior: 'smooth' }); }; return (
{/* ══════════════════════════════════ HERO ══════════════════════════════════ */}
اتوماسیون هوشمند مدارس سامانه مدیریت هوشمند مدرسه setFocusIndex(null)} />
{leftStats.map((stat, index) => ( ))} {rightStats.map((stat, index) => ( ))}

{/* ══════════════════════ SCHOOL SHOWCASE CAROUSEL ═════════════════════════ */}

{/* ══════════════════════════════════ CTA ══════════════════════════════════ */}

مدرسه‌تان را هوشمند و یکپارچه مدیریت کنید

دانشیار من برای یک هدف ساخته شده: کارهای پراکنده مدرسه را در یک پنل فارسی، روشن و قابل کنترل جمع کند تا زمان مدیر و کادر آموزشی صرف آموزش شود.

ورود به دمو درخواست دمو

{/* ══════════════════════════════════ FOOTER ══════════════════════════════════ */}
); }