Merge version_1 into main #2
166
src/app/page.tsx
166
src/app/page.tsx
@@ -6,9 +6,7 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,21 +27,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "dashboard"},
|
||||
{
|
||||
name: "Students",
|
||||
id: "students",
|
||||
},
|
||||
name: "Analytics", id: "analytics"},
|
||||
{
|
||||
name: "Fees & Payments",
|
||||
id: "finance",
|
||||
},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "analytics",
|
||||
},
|
||||
name: "Finance", id: "finance"},
|
||||
]}
|
||||
brandName="SFMS"
|
||||
/>
|
||||
@@ -52,21 +40,16 @@ export default function LandingPage() {
|
||||
<div id="dashboard" data-section="dashboard">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Student Financial Management System"
|
||||
description="Centralized platform for managing student accounts, tuition processing, and real-time financial reporting. Secure, efficient, and data-driven."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Financial Report",
|
||||
href: "#finance",
|
||||
},
|
||||
text: "View Financial Report", href: "#finance"},
|
||||
{
|
||||
text: "Manage Students",
|
||||
href: "#students",
|
||||
},
|
||||
text: "Manage Students", href: "#students"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg"
|
||||
imageAlt="SFMS Dashboard Preview"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,33 +58,19 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$1.2M",
|
||||
title: "Total Fees Collected",
|
||||
items: [
|
||||
"This semester",
|
||||
"Compared to last",
|
||||
],
|
||||
id: "m1", value: "$1.2M", title: "Total Fees Collected", items: [
|
||||
"This semester", "Compared to last"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "84%",
|
||||
title: "Payment Rate",
|
||||
items: [
|
||||
"On time",
|
||||
"Pending",
|
||||
],
|
||||
id: "m2", value: "84%", title: "Payment Rate", items: [
|
||||
"On time", "Pending"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "450",
|
||||
title: "Active Accounts",
|
||||
items: [
|
||||
"Currently enrolled",
|
||||
"Financial records",
|
||||
],
|
||||
id: "m3", value: "450", title: "Active Accounts", items: [
|
||||
"Currently enrolled", "Financial records"],
|
||||
},
|
||||
]}
|
||||
title="Fee Analytics"
|
||||
@@ -116,125 +85,36 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Payments",
|
||||
title: "Automated Billing",
|
||||
subtitle: "Effortless invoicing",
|
||||
description: "Automate billing cycles and generate invoices in real-time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cycle-arrows-around-dollar-coin_78370-9153.jpg?_wi=1",
|
||||
},
|
||||
tag: "Payments", title: "Automated Billing", subtitle: "Effortless invoicing", description: "Automate billing cycles and generate invoices in real-time.", imageSrc: "http://img.b2bpic.net/free-vector/cycle-arrows-around-dollar-coin_78370-9153.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Ledger",
|
||||
title: "Ledger Tracking",
|
||||
subtitle: "Complete audit trail",
|
||||
description: "Maintain transparent student ledgers with historical audit logs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cycle-arrows-around-dollar-coin_78370-9153.jpg?_wi=2",
|
||||
},
|
||||
tag: "Ledger", title: "Ledger Tracking", subtitle: "Complete audit trail", description: "Maintain transparent student ledgers with historical audit logs.", imageSrc: "http://img.b2bpic.net/free-vector/cycle-arrows-around-dollar-coin_78370-9153.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Reporting",
|
||||
title: "Financial Reports",
|
||||
subtitle: "Deep analytics",
|
||||
description: "Export detailed financial insights for university administration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cycle-arrows-around-dollar-coin_78370-9153.jpg?_wi=3",
|
||||
},
|
||||
tag: "Reporting", title: "Financial Reports", subtitle: "Deep analytics", description: "Export detailed financial insights for university administration.", imageSrc: "http://img.b2bpic.net/free-vector/cycle-arrows-around-dollar-coin_78370-9153.jpg"},
|
||||
]}
|
||||
title="Manage Student Accounts"
|
||||
description="Streamlined ledger management with automated billing and payment reminders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Flexible Licensing"
|
||||
description="Choose the best plan for your institution's size and needs."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Institutional Basic",
|
||||
price: "$999",
|
||||
period: "/year",
|
||||
features: [
|
||||
"Up to 500 students",
|
||||
"Basic reporting",
|
||||
"Email support",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cycle-arrows-around-dollar-coin_78370-9153.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Institutional Pro",
|
||||
price: "$2499",
|
||||
period: "/year",
|
||||
features: [
|
||||
"Up to 2500 students",
|
||||
"Advanced analytics",
|
||||
"24/7 Priority support",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cycle-arrows-around-dollar-coin_78370-9153.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose SFMS?"
|
||||
description="We empower educational institutions with the most robust financial management tools available today."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Universities",
|
||||
},
|
||||
{
|
||||
value: "500k+",
|
||||
title: "Students Managed",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=2"
|
||||
imageAlt="Financial Analytics UI"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "System Status",
|
||||
href: "#",
|
||||
},
|
||||
label: "System Status", href: "#"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Desk",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Desk", href: "#"},
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Documentation", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user