Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-05-25 07:39:31 +00:00
2 changed files with 49 additions and 320 deletions

View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Academics",
id: "academics",
},
{
name: "Admissions",
id: "admissions",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Academics", id: "academics" },
{ name: "Admissions", id: "admissions" },
{ name: "Contact", id: "contact" },
]}
brandName="AL Farabi School"
/>
@@ -54,42 +42,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Building Future Leaders Since 1994"
description="Providing elite international education in the heart of Muscat, Oman."
buttons={[
{
text: "Apply Now",
href: "#admissions",
},
]}
buttons={[{ text: "Apply Now", href: "#admissions" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-desk-with-potions-holding-notepad_23-2148571285.jpg?_wi=1",
imageAlt: "Student engaging in advanced science lab",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept_23-2148559656.jpg?_wi=1",
imageAlt: "Modern classroom environment",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/glad-asian-student-typing-message-smartphone-while-his-charming-blonde-friend-writing-lecture-indoor-group-portrait-college-mates-with-boy-girl-earphones_197531-3832.jpg",
imageAlt: "Students in cultural activity",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abu-dhabi-uae-march-16-emirates-palace-hotel-march-16-2012-emirates-palace-is-luxurious-most-expensive-7-star-hotel-designed-by-renowned-architect-john-elliott-riba_158595-1971.jpg",
imageAlt: "Modern school facade in Muscat",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/various-object-shelf_1252-615.jpg",
imageAlt: "Group study in library",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-happy-graduated-students_23-2148522238.jpg",
imageAlt: "Graduation celebration",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-desk-with-potions-holding-notepad_23-2148571285.jpg?_wi=1", imageAlt: "Student engaging in advanced science lab" },
{ imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept_23-2148559656.jpg?_wi=1", imageAlt: "Modern classroom environment" },
{ imageSrc: "http://img.b2bpic.net/free-photo/glad-asian-student-typing-message-smartphone-while-his-charming-blonde-friend-writing-lecture-indoor-group-portrait-college-mates-with-boy-girl-earphones_197531-3832.jpg", imageAlt: "Students in cultural activity" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abu-dhabi-uae-march-16-emirates-palace-hotel-march-16-2012-emirates-palace-is-luxurious-most-expensive-7-star-hotel-designed-by-renowned-architect-john-elliott-riba_158595-1971.jpg", imageAlt: "Modern school facade in Muscat" },
{ imageSrc: "http://img.b2bpic.net/free-photo/various-object-shelf_1252-615.jpg", imageAlt: "Group study in library" },
]}
mediaAnimation="blur-reveal"
/>
@@ -99,15 +61,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "A Legacy of Excellence",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/side-view-hand-touching-old-book_23-2149537014.jpg",
alt: "School founding celebration",
},
{ type: "text", content: "A Legacy of Excellence" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/side-view-hand-touching-old-book_23-2149537014.jpg", alt: "School founding celebration" }
]}
/>
</div>
@@ -117,27 +72,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "KG",
title: "Kindergarten",
subtitle: "Foundation Years",
description: "Nurturing early childhood development through play-based learning.",
imageSrc: "http://img.b2bpic.net/free-photo/classmates-playing-with-colorful-letters_1098-1799.jpg",
},
{
tag: "Primary",
title: "Primary Grades",
subtitle: "Curriculum Foundation",
description: "Building strong pillars for lifelong analytical thinking.",
imageSrc: "http://img.b2bpic.net/free-photo/child-students-school_23-2149511052.jpg",
},
{
tag: "Intermediate",
title: "Intermediate Grades",
subtitle: "Academic Maturity",
description: "Preparing students for global secondary requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/preteen-students-focus-reading-required-books-study-desk_482257-123686.jpg",
},
{ tag: "KG", title: "Kindergarten", subtitle: "Foundation Years", description: "Nurturing early childhood development through play-based learning.", imageSrc: "http://img.b2bpic.net/free-photo/classmates-playing-with-colorful-letters_1098-1799.jpg" },
{ tag: "Primary", title: "Primary Grades", subtitle: "Curriculum Foundation", description: "Building strong pillars for lifelong analytical thinking.", imageSrc: "http://img.b2bpic.net/free-photo/child-students-school_23-2149511052.jpg" },
{ tag: "Intermediate", title: "Intermediate Grades", subtitle: "Academic Maturity", description: "Preparing students for global secondary requirements.", imageSrc: "http://img.b2bpic.net/free-photo/preteen-students-focus-reading-required-books-study-desk_482257-123686.jpg" }
]}
title="Our Academics"
description="Comprehensive schooling programs from KG to Grade 10."
@@ -150,36 +87,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "30+",
title: "Years of Excellence",
items: [
"Established 1994",
"Proven Track Record",
"Expert Faculty",
],
},
{
id: "m2",
value: "100%",
title: "Commitment",
items: [
"Student-Centric Learning",
"Academic Integrity",
"Global Vision",
],
},
{
id: "m3",
value: "15+",
title: "Facilities",
items: [
"State-of-the-art Labs",
"Rich Library",
"Modern Sports",
],
},
{ id: "m1", value: "30+", title: "Years of Excellence", items: ["Established 1994", "Proven Track Record", "Expert Faculty"] },
{ id: "m2", value: "100%", title: "Commitment", items: ["Student-Centric Learning", "Academic Integrity", "Global Vision"] },
{ id: "m3", value: "15+", title: "Facilities", items: ["State-of-the-art Labs", "Rich Library", "Modern Sports"] }
]}
title="Why Choose AL Farabi"
description="Commitment to academic prestige in Oman."
@@ -193,42 +103,10 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Innovation Labs",
price: "Experience",
imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-biological-applied-science-laboratory-with-technological-microscopes-glass-test-tubes-micropipettes-desktop-computers-displays-pc-s-are-running-sophisticated-dna-calculations_482257-12802.jpg",
},
{
id: "g2",
name: "Library Sanctuary",
price: "Discover",
imageSrc: "http://img.b2bpic.net/free-photo/college-woman-library_23-2147678894.jpg",
},
{
id: "g3",
name: "Modern Playground",
price: "Active",
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-spending-time-with-her-parents-playground_259150-57541.jpg",
},
{
id: "g4",
name: "Cultural Hall",
price: "Events",
imageSrc: "http://img.b2bpic.net/free-photo/students-rehashing-theater-class_23-2150960283.jpg",
},
{
id: "g5",
name: "Sports Field",
price: "Athletics",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-doing-warming-up-exercise_23-2148355379.jpg",
},
{
id: "g6",
name: "Art Studios",
price: "Creative",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-background-with-copyspace_23-2148059809.jpg",
},
{ id: "g1", name: "Innovation Labs", price: "Experience", imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-biological-applied-science-laboratory-with-technological-microscopes-glass-test-tubes-micropipettes-desktop-computers-displays-pc-s-are-running-sophisticated-dna-calculations_482257-12802.jpg" },
{ id: "g2", name: "Library Sanctuary", price: "Discover", imageSrc: "http://img.b2bpic.net/free-photo/college-woman-library_23-2147678894.jpg" },
{ id: "g3", name: "Modern Playground", price: "Active", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-spending-time-with-her-parents-playground_259150-57541.jpg" },
{ id: "g4", name: "Cultural Hall", price: "Events", imageSrc: "http://img.b2bpic.net/free-photo/students-rehashing-theater-class_23-2150960283.jpg" }
]}
title="Campus Life"
description="A vibrant community for leaders of tomorrow."
@@ -240,56 +118,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Fatima Al-Harthi",
date: "Oct 2023",
title: "Parent",
quote: "Academic excellence meets Omani heritage.",
tag: "Elite",
avatarSrc: "http://img.b2bpic.net/free-photo/meet-best-teacher-our-school_329181-10530.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090610.jpg",
},
{
id: "t2",
name: "Ahmed Al-Mukhaini",
date: "Nov 2023",
title: "Alumnus",
quote: "AL Farabi shaped my professional journey.",
tag: "Success",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/empty-office-workspace-showcases-monitor-with-research-analysis-meetings_482257-118634.jpg",
},
{
id: "t3",
name: "Sarah Khalil",
date: "Dec 2023",
title: "Parent",
quote: "A truly modern and global environment.",
tag: "Modern",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248056.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5461.jpg",
},
{
id: "t4",
name: "Omar Bin Sultan",
date: "Jan 2024",
title: "Parent",
quote: "Best school in Muscat for my children.",
tag: "Elite",
avatarSrc: "http://img.b2bpic.net/free-photo/contented-couple-walking-beach-caucasian-man-with-shaved-head-woman-casual-clothes-looking-each-other-smiling-love-vacation-affection-concept_74855-22890.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/kids-celebrating-kindergarten-graduation_23-2149371655.jpg",
},
{
id: "t5",
name: "Laila Al-Zadjali",
date: "Feb 2024",
title: "Parent",
quote: "Developmental growth is unmatched here.",
tag: "Growth",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12661.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-cheating-school_23-2150105032.jpg",
},
{ id: "t1", name: "Fatima Al-Harthi", date: "Oct 2023", title: "Parent", quote: "Academic excellence meets Omani heritage.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/meet-best-teacher-our-school_329181-10530.jpg", imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090610.jpg" },
{ id: "t2", name: "Ahmed Al-Mukhaini", date: "Nov 2023", title: "Alumnus", quote: "AL Farabi shaped my professional journey.", tag: "Success", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-office-workspace-showcases-monitor-with-research-analysis-meetings_482257-118634.jpg" },
{ id: "t3", name: "Sarah Khalil", date: "Dec 2023", title: "Parent", quote: "A truly modern and global environment.", tag: "Modern", avatarSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248056.jpg", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5461.jpg" }
]}
title="What Our Community Says"
description="Stories from proud families and successful alumni."
@@ -302,91 +133,26 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
title: "Kindergarten Admissions",
price: "Opening",
period: "Slots",
features: [
"Priority placement",
"Development assessment",
"Parent interview",
],
button: {
text: "Apply Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-through-microscope-with-female-scientist-potions_23-2148571316.jpg",
imageAlt: "Girl looking through microscope with female scientist and potions",
},
{
id: "p2",
title: "Primary Admissions",
price: "Assessment",
period: "Slots",
features: [
"Academic testing",
"Curriculum orientation",
"School tour",
],
button: {
text: "Apply Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-desk-with-potions-holding-notepad_23-2148571285.jpg?_wi=2",
imageAlt: "Girl looking through microscope with female scientist and potions",
},
{
id: "p3",
title: "Intermediate Admissions",
price: "Review",
period: "Slots",
features: [
"Transcript review",
"Subject placement",
"Global track",
],
button: {
text: "Apply Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept_23-2148559656.jpg?_wi=2",
imageAlt: "Girl looking through microscope with female scientist and potions",
},
{ id: "p1", title: "Kindergarten Admissions", price: "Ongoing", period: "Apply", features: ["Priority placement", "Assessment", "Interview"], button: { text: "Apply Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-through-microscope-with-female-scientist-potions_23-2148571316.jpg" },
{ id: "p2", title: "Primary Admissions", price: "Ongoing", period: "Apply", features: ["Academic testing", "Curriculum orientation", "Tour"], button: { text: "Apply Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-desk-with-potions-holding-notepad_23-2148571285.jpg?_wi=2" },
{ id: "p3", title: "Secondary Admissions", price: "Ongoing", period: "Apply", features: ["Transcript review", "Placement test", "Orientation"], button: { text: "Apply Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept_23-2148559656.jpg?_wi=2" }
]}
title="Admissions"
description="Start your journey with us."
title="Admissions & Enrollment"
description="Start your child's journey towards academic excellence with our simple application process."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Contact Us"
description="For inquiries regarding admissions or school tours."
useInvertedBackground={true}
title="Get in Touch"
description="Located in the heart of Muscat, Oman. We welcome your inquiries."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
},
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number" }
]}
textarea={{
name: "message",
placeholder: "Tell us how we can help",
}}
textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg"
/>
</div>
@@ -395,50 +161,13 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="AL Farabi School"
columns={[
{
title: "Navigation",
items: [
{
label: "About",
href: "#about",
},
{
label: "Academics",
href: "#academics",
},
{
label: "Admissions",
href: "#admissions",
},
],
},
{
title: "Contact",
items: [
{
label: "Call: +968 24 696254",
href: "tel:+96824696254",
},
{
label: "Email: alfarabi.school@gmail.com",
href: "mailto:alfarabi.school@gmail.com",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "https://instagram.com/alfarabi_om",
},
],
},
{ title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Admissions", href: "#admissions" }, { label: "Contact", href: "#contact" }] },
{ title: "Contact Info", items: [{ label: "Muscat, Oman", href: "#" }, { label: "+968 24 696254", href: "tel:+96824696254" }, { label: "info@alfarabi.edu.om", href: "mailto:info@alfarabi.edu.om" }] }
]}
copyrightText="© 1994 AL Farabi School. All rights reserved."
copyrightText="© 1994-2025 AL Farabi School. Modern Education for Modern Leaders."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #fcfcfc;
--foreground: #000612;
--primary-cta: #15479c;
--background: #FDFBF7;
--card: #FFFFFF;
--foreground: #001B3A;
--primary-cta: #001B3A;
--primary-cta-text: #ffffff;
--secondary-cta: #d4af37;
--secondary-cta: #D4AF37;
--secondary-cta-text: #ffffff;
--accent: #0a7039;
--background-accent: #e2e2e2;
--accent: #064E3B;
--background-accent: #D4AF37;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);