Add src/app/results/page.tsx

2026-04-21 07:04:10 +00:00
parent 3c4d38890a
commit 5bf61262a2
1 changed files with 69 additions and 0 deletions
--- a/src/app/results/page.tsx
+++ b/src/app/results/page.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { BarChart3, Target, History, Zap } from "lucide-react";
+
+export default function ResultsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="metallic"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Salom"
+          navItems={[
+            { name: "Work", id: "/" },
+            { name: "Results", id: "/results" },
+            { name: "Contact", id: "/" },
+          ]}
+          button={{ text: "Get Started", href: "/#contact" }}
+        />
+        <MetricCardEleven
+          title="Match Statistics"
+          description="Real-time performance metrics and data analysis insights."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[
+            { id: "m1", value: "98%", title: "Success Rate", description: "Consistent performance delivery", imageSrc: "http://img.b2bpic.net/free-photo/graph-with-finance-statistics_23-2149021666.jpg" },
+            { id: "m2", value: "45ms", title: "Latency", description: "Optimized network response", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-server-room_23-2149301980.jpg" },
+            { id: "m3", value: "12K", title: "Active Users", description: "Growing daily engagement", imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-office_23-2149405625.jpg" },
+          ]}
+        />
+        <FeatureCardTwentyFour
+          title="Performance Metrics"
+          description="Breakdown of core technical and operational performance indicators."
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          features={[
+            { id: "f1", title: "System Efficiency", author: "Data Team", description: "High throughput architecture ensures reliable delivery under heavy load.", tags: ["Technical", "Scalable"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background_23-2149581881.jpg" },
+            { id: "f2", title: "Historical Trends", author: "Analytic Core", description: "Longitudinal analysis of performance growth since inception.", tags: ["Historical", "Insights"], imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-background_23-2149581896.jpg" },
+          ]}
+        />
+        <FooterBaseReveal
+          logoText="Salom"
+          copyrightText="© 2026 | Salom Studio"
+          columns={[
+            { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Results", href: "/results" }] },
+            { title: "Stats", items: [{ label: "Performance", href: "#" }, { label: "History", href: "#" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}