From ccb0ab1ca4b935b51cbbc5b515140c309928d05a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 12:48:43 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 178 ++++++++++++++++++++++++++---------------------
 1 file changed, 98 insertions(+), 80 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4a26d5f..5080cb7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,8 +3,11 @@
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+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";
@@ -48,25 +51,15 @@ export default function HomePage() {
           background={{ variant: "radial-gradient" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-              imageAlt: "Dashboard interface showing collection management",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",              imageAlt: "Dashboard interface showing collection management"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg",
-              imageAlt: "Member management interface",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg",              imageAlt: "Member management interface"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/high-end-entrepreneur-thinking-about-new-powerful-ideas-company-profit_482257-126543.jpg",
-              imageAlt: "Automated report generation",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/high-end-entrepreneur-thinking-about-new-powerful-ideas-company-profit_482257-126543.jpg",              imageAlt: "Automated report generation"},
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/blubot-landing-page-template_52683-2416.jpg?_wi=1",
-              imageAlt: "AI assistant helping with queries",
-            },
+              imageSrc: "http://img.b2bpic.net/free-vector/blubot-landing-page-template_52683-2416.jpg",              imageAlt: "AI assistant helping with queries"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg",
-              imageAlt: "Real-time collection tracking and analytics",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg",              imageAlt: "Real-time collection tracking and analytics"},
           ]}
           buttons={[
             { text: "Call Office", href: "tel:+919876543210" },
@@ -74,7 +67,6 @@ export default function HomePage() {
           ]}
           mediaAnimation="slide-up"
           buttonAnimation="blur-reveal"
-          useInvertedBackground={false}
         />
       </div>
 
@@ -82,10 +74,7 @@ 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" },
           ]}
@@ -94,6 +83,32 @@ export default function HomePage() {
         />
       </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={[
+            {
+              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",              imageAlt: "Portrait of Manikandan, President"},
+            {
+              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: "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",              imageAlt: "Portrait of Suresh, Secretary"},
+            {
+              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",              imageAlt: "Portrait of Sanjeev, Vice Secretary"},
+            {
+              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",              imageAlt: "Portrait of Raju, Treasurer"},
+            {
+              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"},
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="features" data-section="features">
         <FeatureCardOne
           title="Smart Office Management Features"
@@ -101,41 +116,17 @@ export default function HomePage() {
           tag="Core 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=1",
-              imageAlt: "Member management interface",
-            },
+              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",              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=1",
-              imageAlt: "Collection tracking spreadsheet view",
-            },
+              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",              imageAlt: "Collection tracking spreadsheet view"},
             {
-              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=1",
-              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",              imageAlt: "Route management map interface"},
             {
-              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=1",
-              imageAlt: "Sample A4 report format",
-            },
+              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",              imageAlt: "Sample A4 report format"},
             {
-              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=1",
-              imageAlt: "Printer connectivity options",
-            },
+              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",              imageAlt: "Printer connectivity options"},
             {
-              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=2",
-              imageAlt: "AI assistant chat interface",
-            },
+              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",              imageAlt: "AI assistant chat interface"},
           ]}
           textboxLayout="default"
           animationType="slide-up"
@@ -150,47 +141,74 @@ export default function HomePage() {
           cardTag="Community Approved"
           testimonials={[
             {
-              id: "1",
-              name: "Santhiya",
-              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1",
-              imageAlt: "Santhiya, VKMS member",
-            },
+              id: "1",              name: "Santhiya",              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",              imageAlt: "Santhiya, VKMS member"},
             {
-              id: "2",
-              name: "Navasree",
-              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2",
-              imageAlt: "Navasree, VKMS member",
-            },
+              id: "2",              name: "Navasree",              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",              imageAlt: "Navasree, VKMS member"},
             {
-              id: "3",
-              name: "Vellamal",
-              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=3",
-              imageAlt: "Vellamal, VKMS member",
-            },
+              id: "3",              name: "Vellamal",              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",              imageAlt: "Vellamal, VKMS member"},
             {
-              id: "4",
-              name: "Saravana Perumal",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
-              imageAlt: "Saravana Perumal, VKMS member",
-            },
+              id: "4",              name: "Saravana Perumal",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Saravana Perumal, VKMS member"},
             {
-              id: "5",
-              name: "Gopika",
-              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=4",
-              imageAlt: "Gopika, VKMS member",
-            },
+              id: "5",              name: "Gopika",              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",              imageAlt: "Gopika, VKMS member"},
             {
-              id: "6",
-              name: "Gokul",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
-              imageAlt: "Gokul, VKMS member",
-            },
+              id: "6",              name: "Gokul",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Gokul, VKMS member"},
           ]}
           cardAnimation="slide-up"
           useInvertedBackground={false}
         />
       </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."},
+          ]}
+          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"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get In Touch"
+          description="Have questions about the VKMS Smart Office System? Want to learn more about membership? Contact us directly using the form below or call our office."
+          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 how we can help...",            rows: 5,
+            required: true,
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502764.jpg"
+          imageAlt="VKMS office building and community gathering space"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Send Message"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="VKMS"
-- 
2.49.1