Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
 
 export default function LandingPage() {
   return (
@@ -31,6 +32,7 @@ export default function LandingPage() {
               { name: "Home", id: "#hero" },
               { name: "Features", id: "#features" },
               { name: "Predictor", id: "#predictor" },
+              { name: "Recommendations", id: "#recommendations" },
               { name: "FAQ", id: "#faq" },
             ]}
             brandName="OdishaAdmission"
@@ -100,6 +102,20 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="recommendations" data-section="recommendations">
+          <MetricCardTen
+            title="Personalized Recommendations"
+            description="Based on your academic profile and merit, here are the most suitable streams and institutes for you."
+            metrics={[
+              { id: "r1", title: "BTech - Computer Science", subtitle: "Recommended based on your 90% score", category: "Stream", value: "High Probability" },
+              { id: "r2", title: "Diploma - Mechanical", subtitle: "Good alternative pathway", category: "Stream", value: "Very Likely" },
+              { id: "r3", title: "HSS - Science", subtitle: "Primary choice for higher studies", category: "Stream", value: "Guaranteed" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+          />
+        </div>
+
         <div id="faq" data-section="faq">
           <FaqDouble
             textboxLayout="default"