Merge version_2 into main #2
157
src/app/page.tsx
157
src/app/page.tsx
@@ -3,10 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
@@ -29,128 +29,61 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "overview",
|
||||
},
|
||||
name: "Dashboard", id: "overview"},
|
||||
{
|
||||
name: "Requests",
|
||||
id: "requests",
|
||||
},
|
||||
name: "Management", id: "management"},
|
||||
{
|
||||
name: "Approvals",
|
||||
id: "approvals",
|
||||
},
|
||||
name: "Reports", id: "reports"},
|
||||
]}
|
||||
brandName="StationeryFlow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="overview" data-section="overview">
|
||||
<HeroBillboardGallery
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Streamline Your Office Needs"
|
||||
description="Efficiently track, request, and manage all stationery assets through our centralized modern dashboard."
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Managerial Command Center"
|
||||
description="Oversee office operations, manage pending approvals, and analyze procurement trends from a single executive dashboard."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg?_wi=1"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#requests",
|
||||
},
|
||||
text: "View Approvals", href: "#management"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg?_wi=1",
|
||||
imageAlt: "Dashboard overview interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg?_wi=2",
|
||||
imageAlt: "Real-time request tracking",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg?_wi=3",
|
||||
imageAlt: "Inventory management analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg?_wi=4",
|
||||
imageAlt: "User approval workflow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg?_wi=5",
|
||||
imageAlt: "Comprehensive reporting suite",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
<div id="management" data-section="management">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Admin & Approval Management"
|
||||
description="Powerful administrative tools to streamline procurement workflow and maintain inventory accountability."
|
||||
features={[
|
||||
{
|
||||
title: "Automated Requests",
|
||||
description: "Seamlessly submit stationery requests for approval.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/operation-procedure-action-ideas-goal-concept_53876-13715.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Approval Pipeline", tags: ["Real-time", "Urgent"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/operation-procedure-action-ideas-goal-concept_53876-13715.jpg?_wi=1"},
|
||||
{
|
||||
title: "Real-time Status",
|
||||
description: "Track the status of your requests in real-time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/operation-procedure-action-ideas-goal-concept_53876-13715.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Advanced Reporting",
|
||||
description: "View comprehensive reports on office supply consumption.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-icons-research-business-finance-science-information-vector-doodle-set-with-charts-diagrams-computer-screen-magnifying-glass-gear-document_107791-9684.jpg",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Management Suite"
|
||||
description="Key features built for modern office efficiency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Optimizing Office Resources"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
id: "f2", title: "Vendor Oversight", tags: ["Direct", "Audit"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/operation-procedure-action-ideas-goal-concept_53876-13715.jpg?_wi=2"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
<div id="reports" data-section="reports">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Efficiency at a Glance"
|
||||
description="Real-time metrics showing the impact of our management system on your office operations."
|
||||
title="Reporting & Analytics"
|
||||
description="Gain actionable insights into stationery consumption and spending patterns across all departments."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "45%",
|
||||
description: "Reduction in procurement time",
|
||||
id: "m1", value: "$24k", title: "Q3 Savings", items: ["Cost optimization", "Vendor consolidation"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k+",
|
||||
description: "Stationery items tracked",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Accuracy in inventory logs",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
description: "System availability",
|
||||
id: "m2", value: "185", title: "Requests Handled", items: ["Efficiency tracking", "Bottleneck analysis"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -160,13 +93,11 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Need Help?"
|
||||
description="Contact our support team for any dashboard or stationery inquiries."
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Send Message"
|
||||
variant: "plain"}}
|
||||
tag="Support"
|
||||
title="Contact Support"
|
||||
description="Reach out to our dedicated manager support team for platform configuration or advanced reporting assistance."
|
||||
buttonText="Get Support"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -175,25 +106,11 @@ export default function LandingPage() {
|
||||
logoText="StationeryFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Admin Panel", items: [
|
||||
{
|
||||
label: "Overview",
|
||||
href: "#overview",
|
||||
},
|
||||
label: "Approvals", href: "#management"},
|
||||
{
|
||||
label: "Requests",
|
||||
href: "#requests",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reporting", href: "#reports"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user