From 68c13c0ec92f71adcd6326641d6b0b889a67af9a Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 17 Mar 2026 02:38:31 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 285 ++++++++++------------------------------------- 1 file changed, 59 insertions(+), 226 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index dfee629..84d0fd3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen"; import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; -import { BookOpen, Zap, Award, TrendingUp, DollarSign, HelpCircle, MessageSquare, Mail } from "lucide-react"; +import { BookOpen, Zap, Award, TrendingUp, DollarSign, HelpCircle, MessageSquare, Mail, BookMarked, Star, Crown } from "lucide-react"; export default function HomePage() { const navItems = [ @@ -41,9 +41,7 @@ export default function HomePage() { brandName="GCM Library" navItems={navItems} button={{ - text: "Login", - href: "/login", - }} + text: "Login", href: "/login"}} /> @@ -56,60 +54,37 @@ export default function HomePage() { tagAnimation="slide-up" buttons={[ { - text: "Get Started", - href: "/contact", - }, + text: "Get Started", href: "/contact"}, { - text: "View Demo", - href: "#features", - }, + text: "View Demo", href: "#features"}, ]} buttonAnimation="slide-up" imageSrc="http://img.b2bpic.net/free-photo/young-man-managing-his-bike-business_23-2149039068.jpg" imageAlt="Library Management System Dashboard" mediaAnimation="blur-reveal" + background={{ variant: "plain" }} testimonials={[ { - name: "Mrs. Sharma", - handle: "Librarian", - testimonial: "This system has transformed how we manage our library. Barcode scanning is incredibly fast and accurate.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-girl-looking-photographer_23-2148348973.jpg", - }, + name: "Mrs. Sharma", handle: "Librarian", testimonial: "This system has transformed how we manage our library. Barcode scanning is incredibly fast and accurate.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-girl-looking-photographer_23-2148348973.jpg"}, { - name: "Rajesh", - handle: "Student", - testimonial: "I can easily check available books and see my borrowing history. The interface is so intuitive!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-adolescent-pupil-girl-studying-public-library_482257-118068.jpg", - }, + name: "Rajesh", handle: "Student", testimonial: "I can easily check available books and see my borrowing history. The interface is so intuitive!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-adolescent-pupil-girl-studying-public-library_482257-118068.jpg"}, { - name: "Principal Singh", - handle: "School Admin", - testimonial: "The offline-first design ensures our library never goes down. Reliability is outstanding.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg", - }, + name: "Principal Singh", handle: "School Admin", testimonial: "The offline-first design ensures our library never goes down. Reliability is outstanding.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg"}, ]} testimonialRotationInterval={5000} useInvertedBackground={true} avatars={[ { - src: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148251169.jpg", - alt: "User avatar 1", - }, + src: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148251169.jpg", alt: "User avatar 1"}, { - src: "http://img.b2bpic.net/free-vector/women-avatar-collection_24908-60278.jpg", - alt: "User avatar 2", - }, + src: "http://img.b2bpic.net/free-vector/women-avatar-collection_24908-60278.jpg", alt: "User avatar 2"}, { - src: "http://img.b2bpic.net/free-vector/multiracial-group-happy-people-smiling_23-2148240982.jpg", - alt: "User avatar 3", - }, + src: "http://img.b2bpic.net/free-vector/multiracial-group-happy-people-smiling_23-2148240982.jpg", alt: "User avatar 3"}, { - src: "http://img.b2bpic.net/free-vector/collection-avatars-people-wearing-medical-masks_52683-40195.jpg", - alt: "User avatar 4", - }, + src: "http://img.b2bpic.net/free-vector/collection-avatars-people-wearing-medical-masks_52683-40195.jpg", alt: "User avatar 4"}, ]} avatarText="Trusted by educators" /> @@ -124,12 +99,10 @@ export default function HomePage() { tagAnimation="slide-up" buttons={[ { - text: "Learn More", - href: "#features", - }, + text: "Learn More", href: "#features"}, ]} buttonAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/young-woman-model-sitting-reading-book_114579-66811.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/young-woman-model-sitting-reading-book_114579-66811.jpg" imageAlt="Library management in action" useInvertedBackground={false} /> @@ -147,53 +120,23 @@ export default function HomePage() { useInvertedBackground={true} features={[ { - id: "barcode-scanning", - title: "Barcode Scanning", - author: "Hardware Integration", - description: "USB barcode scanner integration supporting Code 39, Code 128, EAN-13, and QR codes for real-time book recognition and processing.", - tags: ["Hardware", "Real-time", "Accurate"], - imageSrc: "http://img.b2bpic.net/free-photo/warehouse-supervisor-fulfills-purchases_482257-75304.jpg", - }, + id: "barcode-scanning", title: "Barcode Scanning", author: "Hardware Integration", description: "USB barcode scanner integration supporting Code 39, Code 128, EAN-13, and QR codes for real-time book recognition and processing.", tags: ["Hardware", "Real-time", "Accurate"], + imageSrc: "http://img.b2bpic.net/free-photo/warehouse-supervisor-fulfills-purchases_482257-75304.jpg"}, { - id: "isbn-cataloging", - title: "ISBN-Based Cataloging", - author: "Automated System", - description: "Automatic book information retrieval from Open Library API. Manual entry fallback ensures complete catalog coverage.", - tags: ["Automated", "API Integration", "Complete"], - imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-reading-book-shelf_23-2147678871.jpg?_wi=1", - }, + id: "isbn-cataloging", title: "ISBN-Based Cataloging", author: "Automated System", description: "Automatic book information retrieval from Open Library API. Manual entry fallback ensures complete catalog coverage.", tags: ["Automated", "API Integration", "Complete"], + imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-reading-book-shelf_23-2147678871.jpg"}, { - id: "offline-first", - title: "Offline-First Architecture", - author: "Reliability Focus", - description: "All critical data cached locally using IndexedDB. Automatic synchronization when connectivity is restored.", - tags: ["Reliable", "Offline", "Sync"], - imageSrc: "http://img.b2bpic.net/free-photo/detective-inspector-examines-case-files_482257-75311.jpg?_wi=1", - }, + id: "offline-first", title: "Offline-First Architecture", author: "Reliability Focus", description: "All critical data cached locally using IndexedDB. Automatic synchronization when connectivity is restored.", tags: ["Reliable", "Offline", "Sync"], + imageSrc: "http://img.b2bpic.net/free-photo/detective-inspector-examines-case-files_482257-75311.jpg"}, { - id: "circulation", - title: "Complete Circulation", - author: "Operations", - description: "Issue, return, and transfer books with automatic fine calculation and status tracking.", - tags: ["Issue", "Return", "Transfer"], - imageSrc: "http://img.b2bpic.net/free-photo/front-view-light-box-with-stacked-books_23-2148827204.jpg", - }, + id: "circulation", title: "Complete Circulation", author: "Operations", description: "Issue, return, and transfer books with automatic fine calculation and status tracking.", tags: ["Issue", "Return", "Transfer"], + imageSrc: "http://img.b2bpic.net/free-photo/front-view-light-box-with-stacked-books_23-2148827204.jpg"}, { - id: "role-management", - title: "Role-Based Access", - author: "Security System", - description: "Three user roles: Librarians (full admin), Readers (limited access), and Open Access (public view).", - tags: ["Secure", "Multiple Roles", "Flexible"], - imageSrc: "http://img.b2bpic.net/free-vector/modern-login-page-theme-template-social-profile-access_1017-54293.jpg", - }, + id: "role-management", title: "Role-Based Access", author: "Security System", description: "Three user roles: Librarians (full admin), Readers (limited access), and Open Access (public view).", tags: ["Secure", "Multiple Roles", "Flexible"], + imageSrc: "http://img.b2bpic.net/free-vector/modern-login-page-theme-template-social-profile-access_1017-54293.jpg"}, { - id: "reporting", - title: "Reports & Analytics", - author: "Data Insights", - description: "Circulation reports, inventory analysis, fine collection tracking, and reader activity insights.", - tags: ["Analytics", "Export", "Insights"], - imageSrc: "http://img.b2bpic.net/free-photo/busy-multicultural-diverse-employees-analysing-annual-financial-statistics-sitting-conference-desk-back-laptop-holding-documents-searching-business-solutions-business-team-working-company_482257-13900.jpg?_wi=1", - }, + id: "reporting", title: "Reports & Analytics", author: "Data Insights", description: "Circulation reports, inventory analysis, fine collection tracking, and reader activity insights.", tags: ["Analytics", "Export", "Insights"], + imageSrc: "http://img.b2bpic.net/free-photo/busy-multicultural-diverse-employees-analysing-annual-financial-statistics-sitting-conference-desk-back-laptop-holding-documents-searching-business-solutions-business-team-working-company_482257-13900.jpg"}, ]} /> @@ -206,37 +149,17 @@ export default function HomePage() { tagIcon={TrendingUp} tagAnimation="slide-up" animationType="slide-up" - textboxLayout="centered" + textboxLayout="default" useInvertedBackground={false} metrics={[ { - id: "scan-speed", - title: "Barcode Scan Speed", - subtitle: "Average per book", - category: "Performance", - value: "< 2 seconds", - }, + id: "scan-speed", title: "Barcode Scan Speed", subtitle: "Average per book", category: "Performance", value: "< 2 seconds"}, { - id: "operation-time", - title: "Issue/Return Operation", - subtitle: "Average transaction", - category: "Speed", - value: "< 30 seconds", - }, + id: "operation-time", title: "Issue/Return Operation", subtitle: "Average transaction", category: "Speed", value: "< 30 seconds"}, { - id: "offline-coverage", - title: "Offline Functionality", - subtitle: "Core operations", - category: "Reliability", - value: "100% Available", - }, + id: "offline-coverage", title: "Offline Functionality", subtitle: "Core operations", category: "Reliability", value: "100% Available"}, { - id: "sync-success", - title: "Sync Success Rate", - subtitle: "After connectivity restore", - category: "Reliability", - value: "> 99%", - }, + id: "sync-success", title: "Sync Success Rate", subtitle: "After connectivity restore", category: "Reliability", value: "> 99%"}, ]} /> @@ -253,51 +176,19 @@ export default function HomePage() { useInvertedBackground={true} plans={[ { - id: "starter", - badge: "Starter", - badgeIcon: Award, - price: "Custom", - subtitle: "Perfect for small libraries", - features: [ - "Up to 5,000 books", - "Barcode generation & scanning", - "Basic circulation management", - "Local offline support", - "Email support", - ], + id: "starter", badge: "Starter", badgeIcon: BookMarked, + price: "Custom", subtitle: "Perfect for small libraries", features: [ + "Up to 5,000 books", "Barcode generation & scanning", "Basic circulation management", "Local offline support", "Email support"], }, { - id: "professional", - badge: "Professional", - badgeIcon: Award, - price: "Custom", - subtitle: "Most popular for schools", - features: [ - "Up to 50,000 books", - "Advanced barcode system", - "Complete circulation features", - "Offline-first architecture", - "Reports & analytics", - "Priority support", - "Multi-user management", - ], + id: "professional", badge: "Professional", badgeIcon: Star, + price: "Custom", subtitle: "Most popular for schools", features: [ + "Up to 50,000 books", "Advanced barcode system", "Complete circulation features", "Offline-first architecture", "Reports & analytics", "Priority support", "Multi-user management"], }, { - id: "enterprise", - badge: "Enterprise", - badgeIcon: Award, - price: "Custom", - subtitle: "For large institutions", - features: [ - "Unlimited books", - "Full barcode automation", - "Advanced analytics", - "24/7 offline operation", - "Custom integrations", - "Dedicated support", - "Multi-location support", - "Advanced security", - ], + id: "enterprise", badge: "Enterprise", badgeIcon: Crown, + price: "Custom", subtitle: "For large institutions", features: [ + "Unlimited books", "Full barcode automation", "Advanced analytics", "24/7 offline operation", "Custom integrations", "Dedicated support", "Multi-location support", "Advanced security"], }, ]} /> @@ -312,42 +203,24 @@ export default function HomePage() { tagAnimation="slide-up" mediaAnimation="blur-reveal" mediaPosition="right" - imageSrc="http://img.b2bpic.net/free-vector/faq-concept_23-2148147392.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-vector/faq-concept_23-2148147392.jpg" imageAlt="FAQ illustration" faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "What barcode formats are supported?", - content: "Our system supports Code 39, Code 128, EAN-13, and QR codes. We also generate unique school-specific composite barcodes combining school code, category, ISBN, and copy number.", - }, + id: "faq-1", title: "What barcode formats are supported?", content: "Our system supports Code 39, Code 128, EAN-13, and QR codes. We also generate unique school-specific composite barcodes combining school code, category, ISBN, and copy number."}, { - id: "faq-2", - title: "How does offline-first architecture work?", - content: "All critical data is cached locally using IndexedDB. Operations are queued when offline and automatically synchronized when connectivity is restored. Core library functions remain available without internet.", - }, + id: "faq-2", title: "How does offline-first architecture work?", content: "All critical data is cached locally using IndexedDB. Operations are queued when offline and automatically synchronized when connectivity is restored. Core library functions remain available without internet."}, { - id: "faq-3", - title: "Can we import our existing book data?", - content: "Yes. You can import existing inventory using ISBN numbers. Our system retrieves metadata from Open Library API and allows manual entry for books not found in the database.", - }, + id: "faq-3", title: "Can we import our existing book data?", content: "Yes. You can import existing inventory using ISBN numbers. Our system retrieves metadata from Open Library API and allows manual entry for books not found in the database."}, { - id: "faq-4", - title: "What happens if our internet connection drops?", - content: "The system continues operating normally. All transactions are logged locally and synchronized to Firebase when connectivity returns. You'll receive notifications about pending operations.", - }, + id: "faq-4", title: "What happens if our internet connection drops?", content: "The system continues operating normally. All transactions are logged locally and synchronized to Firebase when connectivity returns. You'll receive notifications about pending operations."}, { - id: "faq-5", - title: "How are reader passwords managed?", - content: "Reader passwords are auto-generated using school ID, name initials, class, and session. They cannot be changed by readers for security purposes. Librarians have strong password requirements.", - }, + id: "faq-5", title: "How are reader passwords managed?", content: "Reader passwords are auto-generated using school ID, name initials, class, and session. They cannot be changed by readers for security purposes. Librarians have strong password requirements."}, { - id: "faq-6", - title: "Can students access their borrowing history?", - content: "Yes. Readers can log in with their School ID and auto-generated password to view currently borrowed books, borrowing history, fines, and favorite books.", - }, + id: "faq-6", title: "Can students access their borrowing history?", content: "Yes. Readers can log in with their School ID and auto-generated password to view currently borrowed books, borrowing history, fines, and favorite books."}, ]} /> @@ -363,53 +236,17 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "testimonial-1", - title: "Game-Changing Efficiency", - quote: "Before this system, we spent hours tracking books manually. Now everything is automated with barcode scanning. Our circulation has tripled in efficiency.", - name: "Ms. Priya Sharma", - role: "Head Librarian", - imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-sitting-table-lighted-room_259150-58207.jpg?_wi=1", - }, + id: "testimonial-1", title: "Game-Changing Efficiency", quote: "Before this system, we spent hours tracking books manually. Now everything is automated with barcode scanning. Our circulation has tripled in efficiency.", name: "Ms. Priya Sharma", role: "Head Librarian", imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-sitting-table-lighted-room_259150-58207.jpg"}, { - id: "testimonial-2", - title: "Offline Reliability", - quote: "Our internet goes down frequently. This system keeps working perfectly offline. That's reliability we can count on.", - name: "Mr. Rajesh Kumar", - role: "School IT Administrator", - imageSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg?_wi=1", - }, + id: "testimonial-2", title: "Offline Reliability", quote: "Our internet goes down frequently. This system keeps working perfectly offline. That's reliability we can count on.", name: "Mr. Rajesh Kumar", role: "School IT Administrator", imageSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg"}, { - id: "testimonial-3", - title: "Students Love It", - quote: "Students can now easily search for books and see availability in real-time. The mobile-friendly interface makes it perfect for them.", - name: "Dr. Neha Verma", - role: "Academic Principal", - imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg?_wi=1", - }, + id: "testimonial-3", title: "Students Love It", quote: "Students can now easily search for books and see availability in real-time. The mobile-friendly interface makes it perfect for them.", name: "Dr. Neha Verma", role: "Academic Principal", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg"}, { - id: "testimonial-4", - title: "Perfect for Our School", - quote: "The system is specifically designed for schools. It understands our workflows and adapts perfectly. Implementation was smooth and support is excellent.", - name: "Mr. Amit Singh", - role: "School Administrator", - imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-camera-surprised-pointing-with-index-finger-himself-standing-orange-background_141793-111097.jpg", - }, + id: "testimonial-4", title: "Perfect for Our School", quote: "The system is specifically designed for schools. It understands our workflows and adapts perfectly. Implementation was smooth and support is excellent.", name: "Mr. Amit Singh", role: "School Administrator", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-camera-surprised-pointing-with-index-finger-himself-standing-orange-background_141793-111097.jpg"}, { - id: "testimonial-5", - title: "Data-Driven Decisions", - quote: "The analytics and reports help us make informed decisions about book procurement and collection development. Invaluable insights.", - name: "Ms. Divya Patel", - role: "Library Director", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-searching-books_23-2148680244.jpg", - }, + id: "testimonial-5", title: "Data-Driven Decisions", quote: "The analytics and reports help us make informed decisions about book procurement and collection development. Invaluable insights.", name: "Ms. Divya Patel", role: "Library Director", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-searching-books_23-2148680244.jpg"}, { - id: "testimonial-6", - title: "Worth Every Penny", - quote: "The return on investment is immediate. We save hours of administrative work and significantly improve reader satisfaction.", - name: "Mr. Vikram Desai", - role: "Budget Committee Lead", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-holding-laptop_23-2149927608.jpg", - }, + id: "testimonial-6", title: "Worth Every Penny", quote: "The return on investment is immediate. We save hours of administrative work and significantly improve reader satisfaction.", name: "Mr. Vikram Desai", role: "Budget Committee Lead", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-holding-laptop_23-2149927608.jpg"}, ]} /> @@ -423,7 +260,7 @@ export default function HomePage() { tagAnimation="slide-up" background={{ variant: "plain" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-design-gathering-data-business-concept_23-2149145879.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-design-gathering-data-business-concept_23-2149145879.jpg" imageAlt="Contact us for demo" mediaAnimation="blur-reveal" mediaPosition="right" @@ -437,13 +274,9 @@ export default function HomePage() { -- 2.49.1