bender/aecf648f-1d26-4a9e-8c2e-5c019776b181
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 7 commits from version_2 into main 2026-03-05 12:56:23 +00:00
Conversation 0 Commits 7 Files Changed 7 +341 -236
7 changed files with 341 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/app/about/page.tsx
View File

@@ -1,18 +1,18 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Features", id: "/features" },
{ name: "Contact", id: "/contact" },
{ name: "Admin", id: "/admin" },
{ name: "Dashboard", id: "https://dashboard.vkms.local" },
];
@@ -38,84 +38,71 @@ export default function AboutPage() {
/>
</div>
<div id="about-details" data-section="about-details">
<div id="about" data-section="about" className="pt-32">
<TextSplitAbout
title="Our Organization"
title="The Story of Santha - A Community Tradition"
description={[
"Vishwakarma Munetra Sangam has been serving the community for decades, building trust and financial stability through the traditional Santha system.",
"We believe in the power of collective savings and mutual support. Each member contributes regularly, and the accumulated fund benefits the entire community through loans, assistance, and collective growth.",
"Our commitment to transparency, accountability, and community welfare drives every decision we make. The digitalization of our system represents our dedication to modernizing without losing the human touch that defines our organization.",
"Santha is a traditional monthly savings collection system that has served as the backbone of community financial cooperation for generations. It embodies the principle of mutual aid and collective responsibility among members of Vishwakarma Munetra Sangam.", "Each member contributes a fixed amount monthly, building a shared pool of funds. This system provides members with financial security, promotes discipline, and strengthens community bonds. The tradition has sustained countless families through times of need.", "The monthly collection process, traditionally managed with pen and paper, is now being digitized to preserve the trust and transparency while adding convenience and accuracy. Our platform honors this heritage while embracing modern technology.", "Members can track their contributions, view history, and access statements instantly. The AI-powered system helps administrators manage collections efficiently while maintaining the personal touch that makes our community special."
]}
buttons={[
{ text: "Contact Us", href: "/contact" },
{ text: "Back to Home", href: "/" },
]}
showBorder={true}
useInvertedBackground={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
title="Office Bearers"
description="Meet the leadership team guiding VKMS with dedication and expertise in community management and financial administration."
tag="Leadership Team"
members={[
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Santha Collection - Understanding the System"
description="Learn how our Santha collection system works and how members benefit from this traditional practice of community financial cooperation."
tag="Santha Details"
faqs={[
{
id: "1",
name: "Manikandan",
role: "President",
description: "Leads the organization with vision and strategic direction for community growth and digital transformation.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg?_wi=1",
imageAlt: "Portrait of Manikandan, President",
},
id: "1", title: "What is Santha and how does it work?", content: "Santha is a monthly savings collection system where each member contributes a fixed amount every month. These contributions are recorded in the Santha Book, and running totals are maintained for each member. The collection strengthens community bonds and provides financial security."},
{
id: "2",
name: "Manivannan",
role: "Vice President",
description: "Supports organizational initiatives and ensures smooth coordination of all member services and events.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
imageAlt: "Portrait of Manivannan, Vice President",
},
id: "2", title: "How are collection routes organized?", content: "Members are organized into collection routes (Vadakku Theru, Munchirai, Main Road, etc.). Each route is assigned to a collector who manages member payments for that area. This ensures organized, efficient collection while maintaining community connections."},
{
id: "3",
name: "Suresh",
role: "Secretary",
description: "Manages administrative operations and maintains accurate records of all organizational activities and communications.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg?_wi=2",
imageAlt: "Portrait of Suresh, Secretary",
},
id: "3", title: "What happens if a member misses a payment?", content: "The system tracks all payments and highlights missed contributions. Administrators are notified of lapses, and members can be contacted to make up payments. The digital system makes it easy to view history and manage arrears transparently."},
{
id: "4",
name: "Sanjeev",
role: "Vice Secretary",
description: "Assists with administrative functions and supports member communication and engagement initiatives.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg?_wi=3",
imageAlt: "Portrait of Sanjeev, Vice Secretary",
},
id: "4", title: "Can members withdraw from the Santha?", content: "Withdrawal policies are set by the organization based on bylaws and member agreements. The system can track withdrawal requests, process them according to established rules, and maintain complete audit trails for transparency."},
{
id: "5",
name: "Raju",
role: "Treasurer",
description: "Oversees financial management, collection tracking, and ensures transparency in all monetary transactions.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
imageAlt: "Portrait of Raju, Treasurer",
},
id: "5", title: "How is the Santha Book maintained?", content: "The digital Santha Book automatically records each payment, calculates running totals, and maintains a complete history. Excel-style interface makes it familiar to use. Members can view their entries, and administrators can generate reports anytime."},
{
id: "6",
name: "Viswanath",
role: "Founder & Digital Advisor",
description: "Founded VKMS and drives the digital transformation initiative to modernize community collection management.",
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg",
imageAlt: "Portrait of Viswanath, Founder",
},
id: "6", title: "What reports are available for Santha collections?", content: "Available reports include: Monthly Summary Report, Route-wise Collection Report, Member Payment History, Outstanding Payment List, Year-to-date Analysis, and Treasurer's Report. All can be printed in A4 format or exported as PDF."},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-hands-using-computer-laptop-with-screen-showing-analysis-data_53876-23014.jpg"
imageAlt="Digital Santha Book showing collection tracking"
mediaAnimation="slide-up"
mediaPosition="right"
faqsAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Learn More About Santha"
description="Want to know more about how Santha works or how to join VKMS? Reach out to us and we'll be happy to explain how this community tradition is evolving with digital tools."
inputs={[
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
{ name: "phone", type: "tel", placeholder: "Contact Phone Number", required: true },
{ name: "email", type: "email", placeholder: "Your Email Address", required: false },
]}
textarea={{
name: "message", placeholder: "Tell us what you'd like to know...", rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-group-diverse-young-people-business-casual-wear-smiling-looking-camera-standing-isolated-grey-wall_1163-3939.jpg"
imageAlt="VKMS community members gathering"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="VKMS"
@@ -125,4 +112,4 @@ export default function AboutPage() {
</div>
</ThemeProvider>
);
}
}

119
src/app/admin/page.tsx Normal file
View File

@@ -0,0 +1,119 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function AdminPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Features", id: "/features" },
{ name: "Admin", id: "/admin" },
{ name: "Dashboard", id: "https://dashboard.vkms.local" },
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="noise"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="VKMS"
bottomLeftText="Vishwakarma Munetra Sangam"
bottomRightText="info@vkms.org"
/>
</div>
<div id="about" data-section="about" className="pt-32">
<TextSplitAbout
title="Administrator Portal"
description={[
"The VKMS Administrator Portal provides complete access to manage all organizational operations, member data, and financial collections. With secure role-based authentication, administrators can efficiently oversee the entire smart office system.", "Administrators have the highest level of access, including the ability to manage all users, configure system settings, manage members and routes, process collections, generate reports, and perform system maintenance. All administrative actions are logged for audit purposes.", "The portal includes intuitive dashboards, real-time analytics, and powerful tools for managing large volumes of member data and collection records. Whether you're the organization head, treasurer, or system administrator, you'll find everything needed to manage VKMS operations effectively."]}
buttons={[
{ text: "Access Admin Dashboard", href: "https://dashboard.vkms.local/admin" },
{ text: "Back to Home", href: "/" },
]}
showBorder={true}
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Administrator Guide"
description="Learn how to effectively manage the VKMS Smart Office System and perform common administrative tasks."
tag="Admin Guide"
faqs={[
{
id: "1", title: "How do I log in as an Administrator?", content: "Visit the admin dashboard at https://dashboard.vkms.local/admin. Enter your username and password. If you don't have credentials, contact the system administrator. Your login will be tracked for security and audit purposes."},
{
id: "2", title: "What are the different admin roles?", content: "Administrator: Full system access (recommended for organization head). Treasurer: Financial management, collection tracking, report access. Data Entry Operator: Can add/edit members and collections. Viewer: Read-only access to reports. Roles determine what actions each user can perform."},
{
id: "3", title: "How do I add new members to the system?", content: "Go to Members section → Click 'Add New Member'. Enter: Member ID, Full Name, Father's Name, Phone Number, Route Assignment, and any additional information. Click Save. Members can be added individually or imported from Excel file for bulk registration."},
{
id: "4", title: "How do I manage collection routes?", content: "Navigate to Routes section. View all defined routes (Vadakku Theru, Munchirai, Main Road, etc.). Assign members to routes by dragging and dropping or using bulk assignment. View route-wise collection summaries and performance metrics."},
{
id: "5", title: "How do I record monthly collections?", content: "Go to Monthly Collections → Select the month → Enter payment data for each member. The system auto-calculates running totals. Use Excel import for bulk data entry. Mark as confirmed when all entries are complete. System prevents duplicate entries."},
{
id: "6", title: "How do I generate and print reports?", content: "Navigate to Reports section. Select report type (Monthly, Route-wise, Member History, etc.). Choose date range and filters. Click 'Generate'. View on screen, download as PDF, or send directly to printer. All reports are in professional A4 format."},
{
id: "7", title: "How do I manage other admin users?", content: "Go to User Management (Administrator role only). Click 'Add User'. Enter username, email, and select role. System sends login credentials. You can edit roles, deactivate users, or reset passwords. All user actions are logged for security."},
{
id: "8", title: "How do I access the AI Assistant?", content: "Click the AI Assistant icon in the dashboard. Type your question in natural language. Examples: 'How much did member X pay?', 'Show total for Vadakku Theru', 'Members who didn't pay this month'. AI instantly queries the database and provides answers."},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-end-entrepreneur-thinking-about-new-powerful-ideas-company-profit_482257-126543.jpg"
imageAlt="Administrator managing system operations"
mediaAnimation="slide-up"
mediaPosition="left"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Need Admin Support?"
description="If you have questions about administrator functions, need user account assistance, or encounter technical issues, please contact us. Our support team is here to help."
inputs={[
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
{ name: "phone", type: "tel", placeholder: "Contact Phone Number", required: true },
{ name: "email", type: "email", placeholder: "Your Email Address", required: false },
]}
textarea={{
name: "message", placeholder: "Describe your issue or question...", rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/business-partners-shaking-hands-office_1163-5488.jpg"
imageAlt="Admin support team ready to help"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Request Support"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="VKMS"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ThemeProvider>
);
}

116
src/app/features/page.tsx
View File

@@ -2,17 +2,16 @@
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
export default function FeaturesPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Features", id: "/features" },
{ name: "Contact", id: "/contact" },
{ name: "Admin", id: "/admin" },
{ name: "Dashboard", id: "https://dashboard.vkms.local" },
];
@@ -38,48 +37,30 @@ export default function FeaturesPage() {
/>
</div>
<div id="features-detailed" data-section="features-detailed">
<div id="features" data-section="features" className="pt-32">
<FeatureCardOne
title="Complete Smart Office Suite"
description="Explore our comprehensive platform features designed specifically for modern community organization management and efficient Santha collection systems."
tag="Full Feature Set"
title="Comprehensive Smart Office Features"
description="Our VKMS Smart Office Management System provides all the tools you need to manage community member data, collections, and reporting efficiently and transparently."
tag="All Features"
features={[
{
title: "Member Management",
description: "Add, edit, delete, and search member records. Track member IDs, names, father names, routes, and contact information in a centralized database.",
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-inspectors-solving-crimes_482257-75331.jpg?_wi=2",
imageAlt: "Member management interface",
},
title: "Member Management Module", description: "Complete member database with add, edit, delete, and search capabilities. Store member ID, name, father's name, route assignment, phone number, and contact information. Track member status and maintain comprehensive member profiles.", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-inspectors-solving-crimes_482257-75331.jpg", imageAlt: "Member management interface"},
{
title: "Monthly Collection Tracking",
description: "Digital Santha Book with automatic calculations. Track payments, maintain running totals, and monitor collection progress by member and route.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-using-computer-laptop-with-screen-showing-analysis-data_53876-23014.jpg?_wi=2",
imageAlt: "Collection tracking spreadsheet view",
},
title: "Route Management System", description: "Organize and manage collection routes (Vadakku Theru, Munchirai, Main Road, etc.). Assign members to routes, track route-wise collections, and optimize collection efficiency. View all members assigned to each route at a glance.", imageSrc: "http://img.b2bpic.net/free-photo/map-car_1160-57.jpg", imageAlt: "Route management map interface"},
{
title: "Route Management",
description: "Organize members by collection routes (Vadakku Theru, Munchirai, Main Road). Assign and reassign members to routes for efficient collection management.",
imageSrc: "http://img.b2bpic.net/free-photo/map-car_1160-57.jpg?_wi=2",
imageAlt: "Route management map interface",
},
title: "Monthly Santha Collection Tracker", description: "Digital Santha Book with Excel-style interface. Record monthly payments, automatically calculate running totals, and maintain complete payment history. Formula: New Total = Previous Total + Current Payment. Filter by member, route, or month.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-using-computer-laptop-with-screen-showing-analysis-data_53876-23014.jpg", imageAlt: "Collection tracking spreadsheet view"},
{
title: "Automated Report Generation",
description: "Generate professional A4 reports instantly. Monthly collection reports, route-wise summaries, member payment history, and total collection analytics.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149456980.jpg?_wi=2",
imageAlt: "Sample A4 report format",
},
title: "Data Entry Interface", description: "User-friendly data entry forms for recording member information and monthly collections. Validate data on entry, prevent duplicates, and maintain data integrity. Support for bulk import/export to Excel for easy data management.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-online-home-office_1163-1965.jpg", imageAlt: "Data entry interface"},
{
title: "Smart Print System",
description: "Print reports directly to Bluetooth or WiFi printers. Download PDF versions for archival and email distribution to stakeholders.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-robotic-vacuum_23-2151108325.jpg?_wi=2",
imageAlt: "Printer connectivity options",
},
title: "Automated Report Generation", description: "Generate professional A4 reports instantly: Monthly Collection Summary, Route-wise Collection Report, Member Payment History, Outstanding Payment List, Year-to-date Analytics, and Treasurer's Report. All reports include detailed breakdowns and totals.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149456980.jpg", imageAlt: "Sample A4 report format"},
{
title: "AI Assistant",
description: "Ask questions about member payments, collection reports, and organization data. Get instant answers from your database using natural language queries.",
imageSrc: "http://img.b2bpic.net/free-vector/blubot-landing-page-template_52683-2416.jpg?_wi=3",
imageAlt: "AI assistant chat interface",
},
title: "Smart Print System", description: "Print reports directly to Bluetooth or WiFi-connected printers. Download reports as PDF files for archival and email distribution. Maintain audit trail of all printed reports. Configure printer settings and print quality options.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-robotic-vacuum_23-2151108325.jpg", imageAlt: "Printer connectivity options"},
{
title: "AI Assistant", description: "Ask questions in natural language about member payments, collection reports, and organization data. Get instant answers: 'How much did Santhiya pay?', 'Show February collection', 'Total for Vadakku Theru route', 'Who didn't pay this month?'. AI reads database for accurate responses.", imageSrc: "http://img.b2bpic.net/free-vector/blubot-landing-page-template_52683-2416.jpg?_wi=2", imageAlt: "AI assistant chat interface"},
{
title: "Admin Dashboard", description: "Executive dashboard showing key metrics: total members, total collections, average contribution, route performance, and payment status. Real-time analytics and visualizations. Quick actions for common tasks and alerts for pending items.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Dashboard interface showing metrics"},
{
title: "Admin Login with Role-based Access", description: "Secure authentication system with role-based access control. Roles: Administrator (full access), Treasurer (financial management), Data Entry Operator (member and collection data), and Viewer (read-only reports). Activity logs track all user actions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg", imageAlt: "Secure admin login interface"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -88,50 +69,25 @@ export default function FeaturesPage() {
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Find answers to common questions about the VKMS Smart Office System, member management, collections, and the AI assistant."
tag="Help & Support"
faqs={[
{
id: "1",
title: "How do I register as a member in the system?",
content: "An administrator will add your member record with your name, father's name, phone number, and assigned collection route. Once registered, you can view your collection history and payment status through the member portal.",
},
{
id: "2",
title: "How is the monthly collection amount calculated?",
content: "The system automatically calculates your running total by adding the current month's payment to your previous balance. Formula: New Total = Previous Total + Current Amount. For example, if your previous total was 200 and you pay 100 this month, your new total becomes 300.",
},
{
id: "3",
title: "Can I view my collection history?",
content: "Yes. Your collection history is maintained in the digital Santha Book. You can search by member name, filter by month, view your payment history, and download monthly statements as PDF files.",
},
{
id: "4",
title: "How do I generate a collection report?",
content: "Administrators can generate multiple types of reports: Monthly Collection Report, Route Collection Report, Member Payment History, and Total Collection Summary. All reports are generated in A4 printable format and can be downloaded as PDF.",
},
{
id: "5",
title: "What can the AI Assistant help me with?",
content: "Ask questions like 'How much did Santhiya pay?', 'Show February collection report', 'Total collection for Vadakku Theru route', or 'Which member did not pay this month?'. The AI reads the database and provides instant answers to your queries.",
},
{
id: "6",
title: "Is my member data secure?",
content: "Yes. All member data is protected with admin login authentication. Only authorized administrators, treasurers, and data entry operators can access sensitive information. Role-based access controls ensure data privacy and security.",
},
<div id="contact" data-section="contact">
<ContactSplitForm
title="Ready to Digitize Your Collections?"
description="Join other VKMS members who are already benefiting from our smart office system. Contact us to schedule a demo or get started with member registration."
inputs={[
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
{ name: "phone", type: "tel", placeholder: "Contact Phone Number", required: true },
{ name: "email", type: "email", placeholder: "Your Email Address", required: false },
]}
imageSrc="http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg"
imageAlt="Customer support representative assisting VKMS members"
mediaAnimation="slide-up"
mediaPosition="left"
faqsAnimation="slide-up"
textboxLayout="default"
textarea={{
name: "message", placeholder: "Tell us your interest or ask questions...", rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/happy-colleagues-spending-time-together-office_1163-4927.jpg"
imageAlt="VKMS office team working with the system"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Get Started"
/>
</div>
@@ -144,4 +100,4 @@ export default function FeaturesPage() {
</div>
</ThemeProvider>
);
}
}

126
src/app/globals.css
View File

@@ -1,5 +1,121 @@
@import "tailwindcss";
@import "./styles/variables.css";
@import "./styles/theme.css";
@import "./styles/utilities.css";
@import "./styles/base.css";
@layer base {
html {
scroll-behavior: smooth;
}
}
@supports (height: 100dvh) {
html,
body {
height: 100dvh;
}
}
body {
background-color: var(--background);
color: var(--foreground);
position: relative;
width: 100%;
}
body {
margin: 0;
padding: 0;
font-feature-settings: "rlig" 1, "calt" 1;
}
html,
body {
max-width: 100vw;
overflow-x: hidden;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="url"],
input[type="search"],
textarea,
select {
font-size: 16px;
font-family: inherit;
}
a {
color: inherit;
text-decoration: none;
}
* {
box-sizing: border-box;
}
*::placeholder {
opacity: 0.75;
}
button {
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
background: transparent;
color: inherit;
font: inherit;
line-height: normal;
cursor: pointer;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
dl,
dt,
dd {
margin: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
margin: 0;
padding: 0;
border: 0;
}
quote {
margin: 0;
}

69
src/app/layout.tsx
View File

@@ -1,73 +1,21 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Montserrat } from "next/font/google";
import "./styles/variables.css";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "VKMS Smart Office - Digital Santha Collection Management",
description: "Transform your community's Santha collection with VKMS Smart Office. Member management, AI assistant, automated reports, and secure data tracking for Vishwakarma Munetra Sangam.",
keywords: "Santha collection, member management, community organization, digital office, collection tracking, AI assistant, reports generation",
metadataBase: new URL("https://vkms.org"),
alternates: {
canonical: "https://vkms.org",
},
openGraph: {
title: "VKMS Smart Office - Digital Collection Management System",
description: "Digitize your Santha collection, manage members, generate instant reports, and use AI assistance for your community organization.",
siteName: "VKMS Vishwakarma Munetra Sangam",
type: "website",
images: [
{
url: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
alt: "VKMS Smart Office Dashboard",
},
],
},
twitter: {
card: "summary_large_image",
title: "VKMS Smart Office - Digital Santha Management",
description: "Smart collection tracking and member management for your community.",
images: ["http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "VKMS - Smart Office Management System", description: "Vishwakarma Munetra Sangam - Digital office management system for member management, santha collection tracking, automated reports, and AI assistance."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${montserrat.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1435,7 +1383,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

7
src/app/page.tsx
View File

@@ -17,7 +17,7 @@ export default function HomePage() {
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Features", id: "/features" },
{ name: "Contact", id: "/contact" },
{ name: "Admin", id: "/admin" },
{ name: "Dashboard", id: "https://dashboard.vkms.local" },
];
@@ -74,7 +74,8 @@ export default function HomePage() {
<TextSplitAbout
title="About VKMS"
description={[
"Vishwakarma Munetra Sangam is a trusted community organization dedicated to fostering financial discipline and solidarity among its members through the traditional Santha (monthly savings) collection system.", "Our mission is to digitize and streamline the manual collection process while maintaining the community trust and transparency that our organization is built upon. We provide a secure, user-friendly platform that manages member data, tracks collections, and automates reporting.", "With AI-powered assistance, we help members and administrators access information instantly, improving efficiency and reducing administrative burden. We believe technology should serve the community, not complicate it."]}
"Vishwakarma Munetra Sangam is a trusted community organization dedicated to fostering financial discipline and solidarity among its members through the traditional Santha (monthly savings) collection system.", "Our mission is to digitize and streamline the manual collection process while maintaining the community trust and transparency that our organization is built upon. We provide a secure, user-friendly platform that manages member data, tracks collections, and automates reporting.", "With AI-powered assistance, we help members and administrators access information instantly, improving efficiency and reducing administrative burden. We believe technology should serve the community, not complicate it."
]}
buttons={[
{ text: "Learn More About Santha", href: "/about" },
]}
@@ -218,4 +219,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}

33
src/app/styles/base.css
View File

@@ -1,28 +1,7 @@
* {
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0);
}
html {
overscroll-behavior: none;
overscroll-behavior-y: none;
}
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-montserrat), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
overscroll-behavior-y: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-montserrat), sans-serif;
@layer base {
@supports (font-variation-settings: normal) {
html {
font-family: var(--font-inter), sans-serif;
}
}
}