From 251efa6b3351fb6773c22bdba5f750dda82886d8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 19:48:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4353d68..870d04c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import { BookOpen, CheckCircle, Flame } from "lucide-react";
+import { BookOpen, CheckCircle, Flame, Mic, Upload, BarChart } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,6 +30,7 @@ export default function LandingPage() {
           <NavbarLayoutFloatingInline
             navItems={[
               { name: "Dashboard", id: "#metrics" },
+              { name: "Recitation", id: "#recitation" },
               { name: "Features", id: "#features" },
               { name: "FAQs", id: "#faq" },
               { name: "Contact", id: "#contact" },
@@ -64,6 +65,25 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="recitation" data-section="recitation">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            features={[
+              {
+                id: "r1",                title: "Audio Recording",                description: "Record your recitation directly through your browser for immediate practice.",                imageSrc: "http://img.b2bpic.net/free-vector/voice-message-app_23-2148684618.jpg"},
+              {
+                id: "r2",                title: "Audio Submission",                description: "Submit your recordings securely for review and tracking within your learning journey.",                imageSrc: "http://img.b2bpic.net/free-vector/cloud-upload-concept_23-2148443905.jpg"},
+              {
+                id: "r3",                title: "AI Analysis",                description: "Get instant AI-driven insights on your recitation rhythm, flow, and clarity.",                imageSrc: "http://img.b2bpic.net/free-vector/data-analytics-illustration_23-2148566116.jpg"},
+            ]}
+            title="Recitation Practice & Analysis"
+            description="Use our integrated recording and analysis tools to polish your recitation."
+          />
+        </div>
+
         <div id="features" data-section="features">
           <FeatureCardThree
             animationType="slide-up"
@@ -122,4 +142,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1