Add src/app/products/page.tsx

2026-05-28 11:15:36 +00:00
parent 867a5867d6
commit 8c85db8f90
1 changed files with 130 additions and 0 deletions
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,130 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="largeSmallSizeLargeTitles"
+        background="fluid"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "About Us",                id: "/about"},
+              {
+                name: "Features",                id: "/features"},
+              {
+                name: "Products",                id: "/products"},
+              {
+                name: "Pricing",                id: "#pricing"},
+              {
+                name: "Testimonials",                id: "#testimonials"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            brandName="SMESolutions"
+            button={{
+              text: "Get a Quote",              href: "#contact"}}
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              {
+                id: "p1",                brand: "SMESolutions",                name: "WorkFlow Pro",                price: "$49/month",                rating: 5,
+                reviewCount: "120",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",                imageAlt: "Workflow Pro software screenshot"},
+              {
+                id: "p2",                brand: "SMESolutions",                name: "Insight CRM",                price: "$69/month",                rating: 5,
+                reviewCount: "95",                imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",                imageAlt: "Insight CRM software screenshot"},
+              {
+                id: "p3",                brand: "SMESolutions",                name: "DataVault Secure",                price: "$39/month",                rating: 4,
+                reviewCount: "80",                imageSrc: "http://img.b2bpic.net/free-photo/cloud-security-data-protection-illustration_23-2151998474.jpg",                imageAlt: "DataVault Secure software screenshot"},
+              {
+                id: "p4",                brand: "SMESolutions",                name: "MarketPulse AI",                price: "$79/month",                rating: 5,
+                reviewCount: "110",                imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-with-transportation-vehicles_52683-99737.jpg",                imageAlt: "MarketPulse AI software screenshot"},
+              {
+                id: "p5",                brand: "SMESolutions",                name: "FinAccel ERP",                price: "$99/month",                rating: 4,
+                reviewCount: "70",                imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",                imageAlt: "FinAccel ERP software screenshot"},
+              {
+                id: "p6",                brand: "SMESolutions",                name: "ConnectHR",                price: "$59/month",                rating: 5,
+                reviewCount: "85",                imageSrc: "http://img.b2bpic.net/free-photo/person-typing-into-ai-chatbot-system-automate-her-workflow-home-office_482257-122978.jpg",                imageAlt: "ConnectHR software screenshot"},
+            ]}
+            title="Explore Our Enterprise Software Suite"
+            description="Browse our curated selection of powerful software tools, each designed to address specific business needs and boost productivity across your organization."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/high-rise-buildings-modern-city_1359-899.jpg"
+            imageAlt="Panoramic cityscape at night"
+            logoText="SMESolutions"
+            columns={[
+              {
+                title: "Solutions",                items: [
+                  {
+                    label: "CRM & Sales",                    href: "/features"},
+                  {
+                    label: "Analytics",                    href: "/features"},
+                  {
+                    label: "Cloud & Security",                    href: "/features"},
+                  {
+                    label: "Products",                    href: "/products"},
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "/about"},
+                  {
+                    label: "Pricing",                    href: "#pricing"},
+                  {
+                    label: "Contact",                    href: "#contact"},
+                  {
+                    label: "Testimonials",                    href: "#testimonials"},
+                ],
+              },
+              {
+                title: "Resources",                items: [
+                  {
+                    label: "FAQ",                    href: "#faq"},
+                  {
+                    label: "Support",                    href: "#contact"},
+                  {
+                    label: "Terms of Service",                    href: "#"},
+                  {
+                    label: "Privacy Policy",                    href: "#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 SMESolutions. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}