src/app/page.tsx

@@ -2,10 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Mail, Phone, BookOpen, User, GraduationCap, MapPin, Award } from "lucide-react";
+import { BookOpen } from "lucide-react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -13,6 +11,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 
 export default function LandingPage() {
   return (
@@ -32,12 +31,12 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             navItems={[
-              { name: "About", id: "#about" },
-              { name: "Courses", id: "#courses" },
-              { name: "Teachers", id: "#teachers" },
-              { name: "Results", id: "#results" },
-              { name: "Pricing", id: "#pricing" },
-              { name: "Contact", id: "#contact" },
+              { name: "About", id: "about" },
+              { name: "Courses", id: "courses" },
+              { name: "Teachers", id: "teachers" },
+              { name: "Results", id: "results" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
             ]}
             brandName="EduCenter"
           />
@@ -47,15 +46,17 @@ export default function LandingPage() {
           <HeroSplit
             title="Empowering Minds, Shaping Futures"
             description="Expert tutoring and guidance for English, IELTS, SAT, and IT courses. Enroll now to start your success story."
+            background={{ variant: "plain" }}
             buttons={[{ text: "Enroll Now", href: "#contact" }, { text: "View Courses", href: "#courses" }]}
             imageSrc="http://img.b2bpic.net/free-photo/classmates-reading-library-steps_23-2147864052.jpg"
+            mediaAnimation="slide-up"
           />
         </div>
 
         <div id="about" data-section="about">
           <InlineImageSplitTextAbout
-            heading={[{ type: 'text', content: 'Dedicated to your ' }, { type: 'text', content: 'Academic Growth' }]}
-            description="Our educational center provides a nurturing environment where students develop skills, confidence, and knowledge to succeed in their future endeavors."
+            heading={[{ type: 'text', content: 'Dedicated to your Academic Growth' }]}
+            useInvertedBackground={false}
           />
         </div>
 
@@ -82,6 +83,7 @@ export default function LandingPage() {
             animationType="slide-up"
             gridVariant="uniform-all-items-equal"
             textboxLayout="default"
+            useInvertedBackground={false}
             members={[
               { id: '1', name: 'Sarah Miller', role: 'Head of English' },
               { id: '2', name: 'James Doe', role: 'SAT Expert' },
@@ -124,6 +126,7 @@ export default function LandingPage() {
             description="Get in touch with us for location info, courses, or enrollment."
             inputs={[{ name: 'name', type: 'text', placeholder: 'Name' }, { name: 'email', type: 'email', placeholder: 'Email' }]}
             textarea={{ name: 'message', placeholder: 'How can we help? Mention WhatsApp/Telegram for quick reach.' }}
+            useInvertedBackground={false}
           />
         </div>