Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",
+        { name: "Academics", id: "academics" },
-          id: "about",
+        { name: "Admissions", id: "admissions" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          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={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Building Future Leaders Since 1994"
       description="Providing elite international education in the heart of Muscat, Oman."
-      buttons={[
+      buttons={[{ text: "Apply Now", href: "#admissions" }]}
-        {
-          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/front-view-girl-desk-with-potions-holding-notepad_23-2148571285.jpg?_wi=1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept_23-2148559656.jpg?_wi=1", imageAlt: "Modern classroom environment" },
-          imageAlt: "Student engaging in advanced science lab",
+        { 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/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",
-        },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -99,15 +61,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "A Legacy of Excellence" },
-          type: "text",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/side-view-hand-touching-old-book_23-2149537014.jpg", alt: "School founding celebration" }
-          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: "KG",
+        { 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" },
-          title: "Kindergarten",
+        { 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" }
-          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: "m1",
+        { id: "m2", value: "100%", title: "Commitment", items: ["Student-Centric Learning", "Academic Integrity", "Global Vision"] },
-          value: "30+",
+        { id: "m3", value: "15+", title: "Facilities", items: ["State-of-the-art Labs", "Rich Library", "Modern Sports"] }
-          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: "g1",
+        { id: "g2", name: "Library Sanctuary", price: "Discover", imageSrc: "http://img.b2bpic.net/free-photo/college-woman-library_23-2147678894.jpg" },
-          name: "Innovation Labs",
+        { 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" },
-          price: "Experience",
+        { id: "g4", name: "Cultural Hall", price: "Events", imageSrc: "http://img.b2bpic.net/free-photo/students-rehashing-theater-class_23-2150960283.jpg" }
-          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",
-        },
       ]}
       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: "t1",
+        { 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" },
-          name: "Fatima Al-Harthi",
+        { 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" }
-          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",
-        },
       ]}
       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: "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: "p1",
+        { 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" },
-          title: "Kindergarten Admissions",
+        { 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" }
-          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",
-        },
       ]}
-      title="Admissions"
+      title="Admissions & Enrollment"
-      description="Start your journey with us."
+      description="Start your child's journey towards academic excellence with our simple application process."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      title="Contact Us"
+      title="Get in Touch"
-      description="For inquiries regarding admissions or school tours."
+      description="Located in the heart of Muscat, Oman. We welcome your inquiries."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-          name: "name",
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-          type: "text",
+        { name: "phone", type: "tel", placeholder: "Phone Number" }
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
-        name: "message",
-        placeholder: "Tell us how we can help",
-      }}
       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: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Admissions", href: "#admissions" }, { label: "Contact", href: "#contact" }] },
-          title: "Navigation",
+        { 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" }] }
-          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",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 1994 AL Farabi School. All rights reserved."
+      copyrightText="© 1994-2025 AL Farabi School. Modern Education for Modern Leaders."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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