Update src/app/page.tsx

src/app/page.tsx

@@ -2,334 +2,172 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TeamCardTen from '@/components/sections/team/TeamCardTen';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Award, GraduationCap, Users } from "lucide-react";
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Users, FileText, GraduationCap, Building2 } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="mediumSmall"
-        sizing="largeSmallSizeLargeTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="inset"
-        primaryButtonStyle="gradient"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="medium"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Programs",
-          id: "features",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Mission", id: "about" },
+        { name: "Curriculum", id: "features" },
+        { name: "Programs", id: "excellence" },
+        { name: "Leadership", id: "team" },
+        { name: "Admissions", id: "faq" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Fergana Presidential School"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
+      <HeroBillboardDashboard
+      title="Cultivating Uzbekistan's Future Leaders"
+      description="Fergana Presidential School combines elite global curriculum with regional expertise to prepare the next generation of academic and professional visionaries."
+      background={{ variant: "plain" }}
+      dashboard={{
+        title: "FPS Insights",        stats: [
+          { title: "Alumni Success", values: [95, 100, 98], description: "Top university placements" },
+          { title: "Faculty PhDs", values: [80, 85, 90], description: "Expert academic staff" },
+          { title: "Global Competitions", values: [150, 200, 250], description: "Awards achieved yearly" }
+        ],
+        logoIcon: Building2,
+        sidebarItems: [{ icon: GraduationCap, active: true }, { icon: Users }, { icon: FileText }],
+        imageSrc: "https://images.unsplash.com/photo-1541339907198-e08756dedf3f?q=80&w=2000&h=1000&auto=format&fit=crop",        buttons: [],
+        listItems: []
       }}
-      title="Excellence in Education, Leadership for Tomorrow"
-      description="Fergana Presidential School cultivates academic rigor, character development, and global citizenship. Discover how we prepare students to lead with integrity and purpose."
-      buttons={[
-        {
-          text: "Explore Our Programs",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/street-scape-centre-rome-italy_1268-20442.jpg"
     />
   </div>
 
   <div id="about" data-section="about">
-      <AboutMetric
+      <TextSplitAbout
       useInvertedBackground={true}
-      title="Academic Impact at a Glance"
-      metrics={[
-        {
-          icon: GraduationCap,
-          label: "Graduation Rate",
-          value: "98%",
-        },
-        {
-          icon: Award,
-          label: "National Awards",
-          value: "150+",
-        },
-        {
-          icon: Users,
-          label: "Faculty Members",
-          value: "85",
-        },
+      title="Our Mission"
+      description={[
+        "To provide an elite educational experience that empowers talented youth through advanced STEM integration, leadership development, and critical thinking.",        "We prioritize a culture of intellectual curiosity, ethical integrity, and international collaboration."
       ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="depth-3d"
-      textboxLayout="default"
+      <FeatureCardNineteen
+      title="Our Elite Curriculum"
+      textboxLayout="split"
       useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Limited class sizes",
-          "Selective admission process",
-          "Rigorous expectations",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "State-of-the-art facilities",
-          "Global leadership curriculum",
-          "Community support network",
-        ],
-      }}
-      title="Why Choose Our Institution"
-      description="We foster an environment where tradition meets innovation."
+      description="World-class education tailored to the future of science and leadership."
+      features={[
+        { tag: "STEM", title: "Advanced Science Track", subtitle: "Innovation-focused", description: "Specialized labs and research opportunities." },
+        { tag: "Languages", title: "Multilingual Proficiency", subtitle: "Global mindset", description: "Immersion programs in English, Uzbek, and Russian." },
+        { tag: "Leadership", title: "Soft Skills Development", subtitle: "Holistic growth", description: "Training for future national leaders." }
+      ]}
     />
   </div>
 
   <div id="excellence" data-section="excellence">
-      <ProductCardThree
-      animationType="slide-up"
+      <ProductCardTwo
+      title="Academic Programs"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
+      animationType="slide-up"
+      description="Our academic pathways prepare students for global success."
+      useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Primary Education",
-          price: "K-4",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-with-social-media-addiction_23-2149324631.jpg",
-        },
-        {
-          id: "2",
-          name: "Middle School",
-          price: "5-8",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-people-asking-professional-advice-from-financial-expert_482257-107450.jpg",
-        },
-        {
-          id: "3",
-          name: "High School",
-          price: "9-12",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-colleagues-studying-together-college-exam_23-2149038471.jpg",
-        },
-        {
-          id: "4",
-          name: "STEM Academy",
-          price: "Elite",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-classroom-students_23-2150906186.jpg",
-        },
-        {
-          id: "5",
-          name: "Humanities Track",
-          price: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-girl-answering-standing-near-desk_259150-60249.jpg",
-        },
-        {
-          id: "6",
-          name: "Arts and Sports",
-          price: "Full-Time",
-          imageSrc: "http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891244.jpg",
-        },
+        { id: "p1", brand: "Primary", name: "Foundational Skills", price: "Full Time", rating: 5, reviewCount: "Elite", imageSrc: "https://images.unsplash.com/photo-1577896851231-705d89668d6e?q=80&w=800&h=600&auto=format&fit=crop" },
+        { id: "p2", brand: "Secondary", name: "Specialized Science", price: "Advanced", rating: 5, reviewCount: "Elite", imageSrc: "https://images.unsplash.com/photo-1532094349884-543bc11b234d?q=80&w=800&h=600&auto=format&fit=crop" },
+        { id: "p3", brand: "Prep", name: "University Pathway", price: "Mentorship", rating: 5, reviewCount: "Elite", imageSrc: "https://images.unsplash.com/photo-1523050854058-8df90110c9f1?q=80&w=800&h=600&auto=format&fit=crop" }
       ]}
-      title="Academic Programs"
-      description="Curated pathways for every stage of development."
     />
   </div>
 
   <div id="team" data-section="team">
-      <TeamCardTen
+      <TeamCardOne
+      title="Leadership & Faculty"
+      textboxLayout="default"
+      gridVariant="four-items-2x2-equal-grid"
+      animationType="blur-reveal"
+      description="Meet the experts guiding our students towards academic excellence."
       useInvertedBackground={false}
-      title="Our Distinguished Faculty"
-      tag="Leadership"
-      membersAnimation="slide-up"
       members={[
-        {
-          id: "1",
-          name: "Dr. Alisher Karim",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898700.jpg",
-        },
-        {
-          id: "2",
-          name: "Prof. Elena Rossi",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg",
-        },
-        {
-          id: "3",
-          name: "Marcus Thorne",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-checking-class-register-looking-camera-being-confused-surprised-sitting-school-desk-front-blackboard-classroom_141793-131438.jpg",
-        },
-        {
-          id: "4",
-          name: "Sofia Bakiev",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
-        },
+        { id: "t1", name: "Dr. Alisher Karim", role: "Headmaster", imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?q=80&w=400&h=400&auto=format&fit=crop" },
+        { id: "t2", name: "Prof. Elena Rossi", role: "STEM Dept Head", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=400&h=400&auto=format&fit=crop" }
       ]}
-      memberVariant="card"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={true}
+      <TestimonialCardSix
+      title="Voices of FPS"
+      textboxLayout="default"
+      animationType="slide-up"
+      description="Hear from our alumni and parents about the FPS experience."
+      useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          title: "Great Environment",
-          quote: "The education is top-tier.",
-          name: "Sarah",
-          role: "Parent",
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-sportswear-smiling_23-2148503195.jpg",
-        },
-        {
-          id: "2",
-          title: "Excellent Growth",
-          quote: "My son loves every day.",
-          name: "David",
-          role: "Student",
-          imageSrc: "http://img.b2bpic.net/free-photo/hispanic-teenager-wearing-student-backpack-holding-books-smiling-looking-side-staring-away-thinking_839833-3181.jpg",
-        },
-        {
-          id: "3",
-          title: "Highly Recommend",
-          quote: "Supportive and advanced.",
-          name: "Elena",
-          role: "Parent",
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-prepare-little-daughter-school_1157-31764.jpg",
-        },
-        {
-          id: "4",
-          title: "Global Mindset",
-          quote: "Prepared me for college.",
-          name: "James",
-          role: "Alumni",
-          imageSrc: "http://img.b2bpic.net/free-photo/profile-stylish-handsome-asian-guy-with-fair-hair-looking-left-smiling-standing-yellow-b_1258-111221.jpg",
-        },
-        {
-          id: "5",
-          title: "Best in Region",
-          quote: "Unmatched faculty quality.",
-          name: "Nora",
-          role: "Parent",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-daughter-kitchen_23-2147947871.jpg",
-        },
+        { id: "ts1", name: "Jasur M.", handle: "Alumni '23", testimonial: "The preparation I received for top-tier international universities was unmatched.", icon: GraduationCap },
+        { id: "ts2", name: "Nigora A.", handle: "Parent", testimonial: "FPS is more than a school; it's a launchpad for future successes.", icon: Users }
       ]}
-      title="Parent & Student Feedback"
-      description="What our community says about us."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Admission process",
-          content: "Admissions are competitive and merit-based.",
-        },
-        {
-          id: "2",
-          title: "Financial aid",
-          content: "We offer scholarships based on performance.",
-        },
-        {
-          id: "3",
-          title: "School hours",
-          content: "Standard hours are 8:00 AM - 4:00 PM.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Find answers to common inquiries."
+      <FaqSplitMedia
+      title="Admission Insights"
       faqsAnimation="slide-up"
+      textboxLayout="default"
+      description="Common questions about our selective admissions process."
+      useInvertedBackground={false}
+      mediaAnimation="slide-up"
+      imageSrc="https://images.unsplash.com/photo-1546410531-bb4caa6b424d?q=80&w=800&h=1000&auto=format&fit=crop"
+      faqs={[
+        { id: "f1", title: "How is the admissions process structured?", content: "We conduct a three-stage merit-based exam focusing on logic, science, and english proficiency." },
+        { id: "f2", title: "Are there financial aid options?", content: "FPS is committed to talent over financial status; full scholarship packages are available for successful candidates." }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to join Fergana Presidential School? Contact our admissions office today."
-      buttons={[
-        {
-          text: "Apply Now",
-          href: "#",
-        },
+      <ContactSplitForm
+      title="Join the School"
+      description="Start your application journey with us today."
+      useInvertedBackground={false}
+      inputs={[
+        { name: "fullName", type: "text", placeholder: "Full Name" },
+        { name: "email", type: "email", placeholder: "Email Address" }
       ]}
+      textarea={{ name: "query", placeholder: "How can we assist you?" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="FPS Fergana"
       columns={[
-        {
-          title: "Academics",
-          items: [
-            {
-              label: "Programs",
-              href: "#",
-            },
-            {
-              label: "Admissions",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Admissions Office",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Programs" }, { label: "Mission" }, { label: "Admissions" }] },
+        { items: [{ label: "Contact Us" }, { label: "Careers" }, { label: "Staff Portal" }] }
       ]}
-      bottomLeftText="© 2024 Fergana Presidential School"
-      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
+  --card: #f0f4f8;
+  --foreground: #001a33;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #e6eef8;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #004a93;
+  --background-accent: #f0f4f8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);