Merge version_1 into main #2
167
src/app/page.tsx
167
src/app/page.tsx
@@ -66,23 +66,11 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual book tracking and record-keeping",
|
||||
"Time-consuming issue and return processes",
|
||||
"Delayed fine calculations",
|
||||
"Limited real-time inventory visibility",
|
||||
"Manual student registration",
|
||||
"Error-prone transaction logs",
|
||||
],
|
||||
"Manual book tracking and record-keeping", "Time-consuming issue and return processes", "Delayed fine calculations", "Limited real-time inventory visibility", "Manual student registration", "Error-prone transaction logs"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Automated RFID scanning and tracking",
|
||||
"Instant issue and return via RFID tap",
|
||||
"Real-time automatic fine calculations",
|
||||
"Instant book availability updates",
|
||||
"Streamlined email-based registration",
|
||||
"Comprehensive digital transaction logs",
|
||||
],
|
||||
"Automated RFID scanning and tracking", "Instant issue and return via RFID tap", "Real-time automatic fine calculations", "Instant book availability updates", "Streamlined email-based registration", "Comprehensive digital transaction logs"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -104,26 +92,11 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Automated Issue & Return",
|
||||
price: "RFID Enabled",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buying-food-supermarket-corona-virus-global-pandemic_342744-1059.jpg",
|
||||
imageAlt: "Issue and return books",
|
||||
},
|
||||
id: "1", name: "Automated Issue & Return", price: "RFID Enabled", imageSrc: "http://img.b2bpic.net/free-photo/buying-food-supermarket-corona-virus-global-pandemic_342744-1059.jpg", imageAlt: "Issue and return books"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Real-Time Tracking",
|
||||
price: "Live Updates",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=1",
|
||||
imageAlt: "Real-time book tracking",
|
||||
},
|
||||
id: "2", name: "Real-Time Tracking", price: "Live Updates", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Real-time book tracking"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Smart Fine Calculation",
|
||||
price: "Auto-Computed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-elder-senior-greyhaired-grandpa-using-calculator-counting-bank-loan-payment-holding-papers-home-focused-mature-old-man-doing-paperwork-calculating-bills-managing-finances-sit-sofa_657921-1781.jpg?_wi=1",
|
||||
imageAlt: "Fine calculation system",
|
||||
},
|
||||
id: "3", name: "Smart Fine Calculation", price: "Auto-Computed", imageSrc: "http://img.b2bpic.net/free-photo/serious-elder-senior-greyhaired-grandpa-using-calculator-counting-bank-loan-payment-holding-papers-home-focused-mature-old-man-doing-paperwork-calculating-bills-managing-finances-sit-sofa_657921-1781.jpg", imageAlt: "Fine calculation system"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,26 +133,11 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Library Librarian",
|
||||
role: "Book & Student Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-author-librarian-working-her-laptop-public-library_482257-123172.jpg",
|
||||
imageAlt: "Librarian managing system",
|
||||
},
|
||||
id: "1", name: "Library Librarian", role: "Book & Student Manager", imageSrc: "http://img.b2bpic.net/free-photo/professional-author-librarian-working-her-laptop-public-library_482257-123172.jpg", imageAlt: "Librarian managing system"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Admin User",
|
||||
role: "System Administrator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/admin-proficient-data-center-management_482257-109240.jpg?_wi=1",
|
||||
imageAlt: "Administrator user",
|
||||
},
|
||||
id: "2", name: "Admin User", role: "System Administrator", imageSrc: "http://img.b2bpic.net/free-photo/admin-proficient-data-center-management_482257-109240.jpg", imageAlt: "Administrator user"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Student User",
|
||||
role: "Library Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-ethnic-multicultural-students-sitting-table-library_496169-1216.jpg?_wi=1",
|
||||
imageAlt: "Student using portal",
|
||||
},
|
||||
id: "3", name: "Student User", role: "Library Member", imageSrc: "http://img.b2bpic.net/free-photo/group-ethnic-multicultural-students-sitting-table-library_496169-1216.jpg", imageAlt: "Student using portal"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -196,55 +154,22 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "phase1",
|
||||
tag: "Phase 1: Hardware Setup",
|
||||
tagIcon: Cpu,
|
||||
price: "Foundation",
|
||||
period: "",
|
||||
description: "Install RFID readers, configure ESP32/Arduino modules, and establish communication protocols.",
|
||||
button: { text: "Learn More", href: "#contact" },
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"MFRC522 RFID Reader configuration",
|
||||
"ESP32/Arduino programming",
|
||||
"Serial communication setup",
|
||||
"Network connectivity",
|
||||
],
|
||||
id: "phase1", tag: "Phase 1: Hardware Setup", tagIcon: Cpu,
|
||||
price: "Foundation", period: "", description: "Install RFID readers, configure ESP32/Arduino modules, and establish communication protocols.", button: { text: "Learn More", href: "#contact" },
|
||||
featuresTitle: "Included:", features: [
|
||||
"MFRC522 RFID Reader configuration", "ESP32/Arduino programming", "Serial communication setup", "Network connectivity"],
|
||||
},
|
||||
{
|
||||
id: "phase2",
|
||||
tag: "Phase 2: Backend Development",
|
||||
tagIcon: Server,
|
||||
price: "Core",
|
||||
period: "",
|
||||
description: "Build Python backend with database integration, API endpoints, and business logic.",
|
||||
button: { text: "Get Details", href: "#contact" },
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Python Flask/FastAPI backend",
|
||||
"SQLite/PostgreSQL database",
|
||||
"RFID data processing",
|
||||
"Email notification system",
|
||||
"Fine calculation engine",
|
||||
],
|
||||
id: "phase2", tag: "Phase 2: Backend Development", tagIcon: Server,
|
||||
price: "Core", period: "", description: "Build Python backend with database integration, API endpoints, and business logic.", button: { text: "Get Details", href: "#contact" },
|
||||
featuresTitle: "Included:", features: [
|
||||
"Python Flask/FastAPI backend", "SQLite/PostgreSQL database", "RFID data processing", "Email notification system", "Fine calculation engine"],
|
||||
},
|
||||
{
|
||||
id: "phase3",
|
||||
tag: "Phase 3: Web Interface Deployment",
|
||||
tagIcon: Globe,
|
||||
price: "Complete",
|
||||
period: "",
|
||||
description: "Deploy responsive web dashboards for librarians, admins, and students with full functionality.",
|
||||
button: { text: "Start Deployment", href: "#contact" },
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Librarian dashboard",
|
||||
"Admin control panel",
|
||||
"Student portal",
|
||||
"Email authentication",
|
||||
"Transaction logging",
|
||||
"Live availability updates",
|
||||
],
|
||||
id: "phase3", tag: "Phase 3: Web Interface Deployment", tagIcon: Globe,
|
||||
price: "Complete", period: "", description: "Deploy responsive web dashboards for librarians, admins, and students with full functionality.", button: { text: "Start Deployment", href: "#contact" },
|
||||
featuresTitle: "Included:", features: [
|
||||
"Librarian dashboard", "Admin control panel", "Student portal", "Email authentication", "Transaction logging", "Live availability updates"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -263,42 +188,25 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the RFID issue/return process work?",
|
||||
content:
|
||||
"Students hold their RFID tag near the reader. The system instantly identifies the book, records the transaction, sends email notification to the student, and updates real-time availability. Return process is identical but marked as 'returned' in the system.",
|
||||
},
|
||||
id: "1", title: "How does the RFID issue/return process work?", content:
|
||||
"Students hold their RFID tag near the reader. The system instantly identifies the book, records the transaction, sends email notification to the student, and updates real-time availability. Return process is identical but marked as 'returned' in the system."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How are fines calculated automatically?",
|
||||
content:
|
||||
"The system tracks issue date and current date. Fines begin automatically after the 14-day grace period at INR 1 per day. Calculations are instant, visible in the student portal, and include payment options. Librarians can view and manage all pending fines.",
|
||||
},
|
||||
id: "2", title: "How are fines calculated automatically?", content:
|
||||
"The system tracks issue date and current date. Fines begin automatically after the 14-day grace period at INR 1 per day. Calculations are instant, visible in the student portal, and include payment options. Librarians can view and manage all pending fines."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What technology is used in the backend?",
|
||||
content:
|
||||
"The entire backend is built in Python using Flask or FastAPI framework. Database uses SQLite (development) or PostgreSQL (production). All RFID data, transactions, and fine calculations are processed and stored in a single Python file initially, with database integration.",
|
||||
},
|
||||
id: "3", title: "What technology is used in the backend?", content:
|
||||
"The entire backend is built in Python using Flask or FastAPI framework. Database uses SQLite (development) or PostgreSQL (production). All RFID data, transactions, and fine calculations are processed and stored in a single Python file initially, with database integration."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How is student registration verified?",
|
||||
content:
|
||||
"During registration, students provide their email. The system sends an OTP (One-Time Password) to verify email ownership. Upon verification, the account is activated. Password reset also uses email OTP verification for security.",
|
||||
},
|
||||
id: "4", title: "How is student registration verified?", content:
|
||||
"During registration, students provide their email. The system sends an OTP (One-Time Password) to verify email ownership. Upon verification, the account is activated. Password reset also uses email OTP verification for security."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What are the librarian's key responsibilities?",
|
||||
content:
|
||||
"Librarians can search and manage books, process issue/return operations, add/update book records, manage student registrations, view transaction history, and manage fine payments. All actions trigger automated email notifications.",
|
||||
},
|
||||
id: "5", title: "What are the librarian's key responsibilities?", content:
|
||||
"Librarians can search and manage books, process issue/return operations, add/update book records, manage student registrations, view transaction history, and manage fine payments. All actions trigger automated email notifications."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What can admins control?",
|
||||
content:
|
||||
"Admins have full system control: add/update books, manage user accounts, access comprehensive transaction logs, view system analytics, manage fine policies, and export reports. Admins also handle system configuration and permissions.",
|
||||
},
|
||||
id: "6", title: "What can admins control?", content:
|
||||
"Admins have full system control: add/update books, manage user accounts, access comprehensive transaction logs, view system analytics, manage fine policies, and export reports. Admins also handle system configuration and permissions."},
|
||||
]}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -323,24 +231,21 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "System",
|
||||
items: [
|
||||
title: "System", items: [
|
||||
{ label: "Librarian Dashboard", href: "/librarian" },
|
||||
{ label: "Admin Panel", href: "/admin" },
|
||||
{ label: "Student Portal", href: "/student" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user