import { motion } from "framer-motion";
import { BrandscapeShell } from "@/components/BrandscapeShell";
import { PageTransition } from "@/components/PageTransition";
import { OrionSchoolHeaderBlock, WhatIsPbelBlock, WhyWaterWhyNowBlock, PbelCycleBlock, WhatYourChildMightDoBlock, FamiliesExpectHelpBlock, BenefitsForYourChildBlock, ServiceLearningIpardBlock, YearTimelineAtGlanceBlock, HowFamiliesCanHelpBlock, DeepInquiryQuestionsBlock, StayInTheLoopBlock } from "@/components/page-blocks";
const fade = {
hidden: { opacity: 0, y: 8 },
visible: (i: number) => ({
opacity: 1,
y: 0,
transition: { delay: i * 0.05, duration: 0.45, ease: "easeOut" as const },
}),
};
/* ── Reusable tiny components ── */
const StepNumber = ({ n }: { n: number }) => (
{n}
);
const GradeLabel = ({ children, className }: { children: React.ReactNode; className?: string }) => (
{children}
);
const CheckItem = ({ children }: { children: React.ReactNode }) => (
{children}
);
const BulletItem = ({ children }: { children: React.ReactNode }) => (
{children}
);
const SectionTitle = ({ icon, children, i }: { icon: string; children: React.ReactNode; i: number }) => (
{icon}
{children}
);
const FadeIn = ({ children, i, className }: { children: React.ReactNode; i: number; className?: string }) => (
{children}
);
/* ── Footer bar ── */
const FooterBar = ({ label, page, i }: { label: string; page: number; i: number }) => (
{label}
Page {page}
);
/* ══════════════════════════════════════════
PAGE 1
══════════════════════════════════════════ */
const Page1 = () => (
{/* Decorative watermarks */}
{/* What is PBEL callout — reusable block */}
{/* Why Water? Why Now? — reusable block */}
{/* How It Works — The PBEL Cycle — reusable block */}
{/* What Your Child Might Do — reusable block */}
);
/* ══════════════════════════════════════════
PAGE 2
══════════════════════════════════════════ */
const Page2 = () => (
{/* Benefits for Your Child — reusable block */}
{/* Our Service Learning Plan (IPARDE) — reusable block */}
{/* Year Timeline at a Glance — reusable block */}
{/* How Families Can Help — reusable block */}
{/* Deep Inquiry Questions — reusable block */}
{/* Stay in the Loop — reusable block (contact bar) */}
);
/* ══════════════════════════════════════════
MAIN PAGE
══════════════════════════════════════════ */
const PbelOverview = () => {
return (
);
};
export default PbelOverview;