Update src/app/page.tsx

src/app/page.tsx

@@ -8,6 +8,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -38,6 +39,8 @@ export default function LandingPage() {
           name: "About",          id: "about"},
         {
           name: "Products",          id: "products"},
+        {
+          name: "Analytics",          id: "analytics"},
         {
           name: "Contact",          id: "contact"},
       ]}
@@ -141,6 +144,20 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="analytics" data-section="analytics">
+    <MetricCardEleven
+        animationType="slide-up"
+        useInvertedBackground={true}
+        title="Analytics & Reporting"
+        description="Monitor your sales performance and customer trends in real-time."
+        metrics={[
+          { id: "s1", value: "$12,400", title: "Total Sales", description: "Revenue generated this month", imageSrc: "http://img.b2bpic.net/free-photo/business-graph-with-computer_23-2148744577.jpg" },
+          { id: "s2", value: "1,240", title: "Active Orders", description: "Customers currently in the pipeline", imageSrc: "http://img.b2bpic.net/free-photo/delivery-service-concept_23-2149169600.jpg" },
+          { id: "s3", value: "85%", title: "Customer Retention", description: "Returning buyers rate", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-support-agent_23-2148861962.jpg" }
+        ]}
+    />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardOne
       animationType="slide-up"
@@ -260,4 +277,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}