From 62176c1b4f5f9a19e5d7f278ac66cb8146bdfc71 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 08:07:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 266 ++++++++++++++++++++---------------------------
 1 file changed, 112 insertions(+), 154 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f3db294..def4a21 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,18 +2,29 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import { lazy, Suspense, useEffect } from "react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import { Award, GraduationCap, TrendingUp, Users } from "lucide-react";
 
+const ContactText = lazy(() => import('@/components/sections/contact/ContactText'));
+const FaqDouble = lazy(() => import('@/components/sections/faq/FaqDouble'));
+const FeatureCardSeven = lazy(() => import('@/components/sections/feature/FeatureCardSeven'));
+const FooterLogoEmphasis = lazy(() => import('@/components/sections/footer/FooterLogoEmphasis'));
+const MetricCardOne = lazy(() => import('@/components/sections/metrics/MetricCardOne'));
+const TestimonialAboutCard = lazy(() => import('@/components/sections/about/TestimonialAboutCard'));
+const TestimonialCardFifteen = lazy(() => import('@/components/sections/testimonial/TestimonialCardFifteen'));
+
 export default function LandingPage() {
+  useEffect(() => {
+    const observer = new PerformanceObserver((list) => {
+      list.getEntries().forEach((entry) => {
+        console.log("Performance Metric:", entry.name, entry.startTime);
+      });
+    });
+    observer.observe({ entryTypes: ["paint", "largest-contentful-paint", "layout-shift"] });
+  }, []);
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -31,33 +42,22 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Faculty",          id: "#about"},
-        {
-          name: "Course",          id: "#features"},
-        {
-          name: "Success",          id: "#results"},
-        {
-          name: "Pricing",          id: "#pricing"},
+        { name: "Faculty", id: "#about" },
+        { name: "Course", id: "#features" },
+        { name: "Success", id: "#results" },
+        { name: "Pricing", id: "#pricing" },
       ]}
       brandName="Vijaya Sarathy"
-      button={{
-        text: "Get Demo",        href: "#contact"}}
+      button={{ text: "Get Demo", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboardSplit
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       logoText="Score 300+ in Anthropology Optional"
       description="Master anthropology with 24+ years of UPSC coaching expertise. A proven system to secure your top 100 rank with conceptual clarity and diagram-based learning."
-      buttons={[
-        {
-          text: "Join Now",          href: "#pricing"},
-        {
-          text: "Get Free Demo",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Join Now", href: "#pricing" }, { text: "Get Free Demo", href: "#contact" }]}
       layoutOrder="default"
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-with-laptop_23-2149130530.jpg"
       imageAlt="UPSC Anthropology Study Environment"
@@ -65,140 +65,98 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Expert Faculty"
-      title="Vijaya Sarathy Sir"
-      description="With over 24 years of UPSC coaching experience and 10+ years of teaching anthropology, Vijaya Sarathy Sir has guided thousands to top ranks. His unique approach combines deep academic insight with UPSC-focused strategy."
-      subdescription="Formerly associated with industry leaders like Unacademy and IASbaba, Sir brings an unmatched depth to anthropology."
-      imageSrc="http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg"
-      mediaAnimation="slide-up"
-      icon={GraduationCap}
-    />
-  </div>
+  <Suspense fallback={<div className="h-96" />}>
+    <div id="about" data-section="about">
+        <TestimonialAboutCard
+        useInvertedBackground={false}
+        tag="Expert Faculty"
+        title="Vijaya Sarathy Sir"
+        description="With over 24 years of UPSC coaching experience and 10+ years of teaching anthropology, Vijaya Sarathy Sir has guided thousands to top ranks. His unique approach combines deep academic insight with UPSC-focused strategy."
+        subdescription="Formerly associated with industry leaders like Unacademy and IASbaba, Sir brings an unmatched depth to anthropology."
+        imageSrc="http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg"
+        mediaAnimation="slide-up"
+        icon={GraduationCap}
+      />
+    </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: 1,
-          title: "Complete Coverage",          description: "Full Paper I & II mastery including Physical, Indian, and Applied Anthropology.",          imageSrc: "http://img.b2bpic.net/free-vector/mental-health-logo-collection_23-2148857771.jpg"},
-        {
-          id: 2,
-          title: "Answer Writing",          description: "Structured daily practice with PYQ integration and rigorous paper evaluation.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-woman-reading-home_23-2150355614.jpg"},
-        {
-          id: 3,
-          title: "Personal Mentorship",          description: "One-on-one strategy sessions to ensure concept clarity and retention.",          imageSrc: "http://img.b2bpic.net/free-vector/digital-scientific-technology-banner-design_1055-8058.jpg"},
-      ]}
-      title="Proven Success System"
-      description="Everything you need to conquer anthropology optional."
-    />
-  </div>
+    <div id="features" data-section="features">
+        <FeatureCardSeven
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={true}
+        features={[
+          { id: 1, title: "Complete Coverage", description: "Full Paper I & II mastery including Physical, Indian, and Applied Anthropology.", imageSrc: "http://img.b2bpic.net/free-vector/mental-health-logo-collection_23-2148857771.jpg" },
+          { id: 2, title: "Answer Writing", description: "Structured daily practice with PYQ integration and rigorous paper evaluation.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-woman-reading-home_23-2150355614.jpg" },
+          { id: 3, title: "Personal Mentorship", description: "One-on-one strategy sessions to ensure concept clarity and retention.", imageSrc: "http://img.b2bpic.net/free-vector/digital-scientific-technology-banner-design_1055-8058.jpg" },
+        ]}
+        title="Proven Success System"
+        description="Everything you need to conquer anthropology optional."
+      />
+    </div>
 
-  <div id="results" data-section="results">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",          value: "24+",          title: "Years Coaching",          description: "Unmatched legacy",          icon: Award,
-        },
-        {
-          id: "2",          value: "1000+",          title: "Students Trained",          description: "Proven success",          icon: Users,
-        },
-        {
-          id: "3",          value: "300+",          title: "Score Target",          description: "Ranker's standard",          icon: TrendingUp,
-        },
-      ]}
-      title="Consistent Results"
-      description="Proven track record built over two decades of excellence."
-    />
-  </div>
+    <div id="results" data-section="results">
+        <MetricCardOne
+        animationType="slide-up"
+        textboxLayout="default"
+        gridVariant="uniform-all-items-equal"
+        useInvertedBackground={false}
+        metrics={[
+          { id: "1", value: "24+", title: "Years Coaching", description: "Unmatched legacy", icon: Award },
+          { id: "2", value: "1000+", title: "Students Trained", description: "Proven success", icon: Users },
+          { id: "3", value: "300+", title: "Score Target", description: "Ranker's standard", icon: TrendingUp },
+        ]}
+        title="Consistent Results"
+        description="Proven track record built over two decades of excellence."
+      />
+    </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="Sarathy Sir's anthropology classes transformed my optional preparation. The diagram-based learning made complex topics incredibly easy to memorize and recall."
-      rating={5}
-      author="Anjali V., Rank 42"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg",          alt: "Student Result"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg",          alt: "Student Result"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg",          alt: "Student Result"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg",          alt: "Student Result"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg",          alt: "Student Result"},
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+    <div id="testimonial" data-section="testimonial">
+        <TestimonialCardFifteen
+        useInvertedBackground={true}
+        testimonial="Sarathy Sir's anthropology classes transformed my optional preparation. The diagram-based learning made complex topics incredibly easy to memorize and recall."
+        rating={5}
+        author="Anjali V., Rank 42"
+        avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-teacher-with-book-head_23-2148635325.jpg", alt: "Student Result" }]}
+        ratingAnimation="slide-up"
+        avatarsAnimation="slide-up"
+      />
+    </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",          title: "Is Anthropology scoring?",          content: "Yes, it is highly scoring due to its scientific nature and short, predictable syllabus."},
-        {
-          id: "f2",          title: "Is this course for beginners?",          content: "Absolutely. Our course starts from the absolute basics, making it perfect for beginners."},
-        {
-          id: "f3",          title: "How is answer writing evaluated?",          content: "Every answer you submit is corrected with personalized feedback to help you improve your score."},
-      ]}
-      title="Frequently Asked Questions"
-      description="Clearing all your doubts about the Anthropology optional."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+    <div id="faq" data-section="faq">
+        <FaqDouble
+        textboxLayout="split"
+        useInvertedBackground={false}
+        faqs={[
+          { id: "f1", title: "Is Anthropology scoring?", content: "Yes, it is highly scoring due to its scientific nature and short, predictable syllabus." },
+          { id: "f2", title: "Is this course for beginners?", content: "Absolutely. Our course starts from the absolute basics, making it perfect for beginners." },
+          { id: "f3", title: "How is answer writing evaluated?", content: "Every answer you submit is corrected with personalized feedback to help you improve your score." },
+        ]}
+        title="Frequently Asked Questions"
+        description="Clearing all your doubts about the Anthropology optional."
+        faqsAnimation="blur-reveal"
+      />
+    </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Ready to secure your top rank in UPSC Anthropology? Join the masterclass today."
-      buttons={[
-        {
-          text: "Enroll Now",          href: "#pricing"},
-      ]}
-    />
-  </div>
+    <div id="contact" data-section="contact">
+        <ContactText
+        useInvertedBackground={true}
+        background={{ variant: "sparkles-gradient" }}
+        text="Ready to secure your top rank in UPSC Anthropology? Join the masterclass today."
+        buttons={[{ text: "Enroll Now", href: "#pricing" }]}
+      />
+    </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Sir",              href: "#about"},
-            {
-              label: "Course Syllabus",              href: "#features"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-      ]}
-      logoText="Vijaya Sarathy Anthropology"
-    />
-  </div>
+    <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+        columns={[
+          { items: [{ label: "About Sir", href: "#about" }, { label: "Course Syllabus", href: "#features" }] },
+          { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+        ]}
+        logoText="Vijaya Sarathy Anthropology"
+      />
+    </div>
+  </Suspense>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1