Add src/app/products/page.tsx
This commit is contained in:
130
src/app/products/page.tsx
Normal file
130
src/app/products/page.tsx
Normal file
@@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user