Update src/app/page.tsx

Merge version_1 into main

src/app/dashboard/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { LayoutDashboard, Package, ShoppingBag, TrendingUp } from "lucide-react";
+import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+
+export default function DashboardPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
+    >
+      <NavbarStyleCentered
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Dashboard", id: "/dashboard" },
+        ]}
+        brandName="Aura Hoodies"
+      />
+      <main className="min-h-screen pt-24 pb-12 px-6">
+        <div className="max-w-7xl mx-auto space-y-12">
+          <header>
+            <h1 className="text-4xl font-bold flex items-center gap-3">
+              <LayoutDashboard className="w-10 h-10" />
+              Dashboard Overview
+            </h1>
+          </header>
+
+          <MetricCardFourteen
+            tag="Analytics"
+            title="Key Performance Indicators"
+            metricsAnimation="slide-up"
+            useInvertedBackground={false}
+            metrics={[
+              {
+                id: "sales",                value: "$128,450",                description: "Total Revenue Generated"},
+              {
+                id: "orders",                value: "1,240",                description: "Total Orders Processed"},
+              {
+                id: "growth",                value: "+24.5%",                description: "Month-over-Month Growth"},
+            ]}
+          />
+        </div>
+      </main>
+    </ThemeProvider>
+  );
+}

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,21 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="analytics" data-section="analytics">
+    <MetricCardEleven
+        animationType="slide-up"
+        textboxLayout="default"
+        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 +278,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}