diff --git a/src/app/page.tsx b/src/app/page.tsx index b0512c2..2f2967e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -40,6 +40,7 @@ import { Twitter, Instagram, Linkedin, + Minus, } from "lucide-react"; export default function TeaBoyPOS() { @@ -50,7 +51,7 @@ export default function TeaBoyPOS() { borderRadius="rounded" contentWidth="smallMedium" sizing="medium" - background="grid" + background="circleGradient" cardStyle="subtle-shadow" primaryButtonStyle="radial-glow" secondaryButtonStyle="layered" @@ -73,24 +74,28 @@ export default function TeaBoyPOS() { description="Streamline your tea shop operations with our powerful point-of-sale system. Secure login, instant billing, real-time revenue tracking, and seamless payment processing—all in one elegant interface." tag="Modern POS Solution" tagIcon={ShoppingCart} - background={{ variant: "grid" }} + background={{ variant: "plain" }} imageSrc="http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219822.jpg" imageAlt="TEA BOY POS Dashboard" imagePosition="right" - mediaAnimation="slide-up" + mediaAnimation="blur-reveal" testimonials={[ { name: "Raj Kumar", handle: "Shop Owner, New Delhi", testimonial: "Increased sales by 40% with faster checkout times. The system is incredibly intuitive!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-near-cafe-counter_23-2148219822.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-near-cafe-counter_23-2148219822.jpg" + }, { name: "Priya Singh", handle: "Manager, Mumbai", testimonial: "Best investment for our tea shop. Revenue tracking is now crystal clear.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-standing-near-cafe_23-2148219823.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-standing-near-cafe_23-2148219823.jpg" + }, { name: "Amit Patel", handle: "Entrepreneur, Bangalore", testimonial: "The offline capability saved us during internet outages. Highly reliable system.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-cafe_23-2148219824.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-cafe_23-2148219824.jpg" + }, { name: "Sarah Chen", handle: "Cafe Owner, Hyderabad", testimonial: "Customer payments are now seamless with integrated UPI. Love the security features.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-cafe-owner_23-2148219825.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-cafe-owner_23-2148219825.jpg" + }, ]} testimonialRotationInterval={5000} buttons={[ @@ -123,13 +128,16 @@ export default function TeaBoyPOS() { title: "Real-time Billing", description: "Tap any product to add to bill instantly. Adjust quantities with +/- buttons", bentoComponent: "3d-stack-cards", items: [ { icon: ShoppingCart, - title: "Add to Bill", subtitle: "One tap", detail: "Instant addition"}, + title: "Add to Bill", subtitle: "One tap", detail: "Instant addition" + }, { icon: Plus, - title: "Increase Qty", subtitle: "Quick action", detail: "Real-time update"}, + title: "Increase Qty", subtitle: "Quick action", detail: "Real-time update" + }, { - icon: Trash2, - title: "Decrease Qty", subtitle: "Easy control", detail: "Instant removal"}, + icon: Minus, + title: "Decrease Qty", subtitle: "Easy control", detail: "Instant removal" + }, ], }, { @@ -147,9 +155,10 @@ export default function TeaBoyPOS() { ], }, { - title: "Revenue Dashboard", description: "Track daily and monthly revenue with real-time analytics and cash flow management", bentoComponent: "line-chart"}, + title: "Revenue Dashboard", description: "Track daily and monthly revenue with real-time analytics and cash flow management", bentoComponent: "line-chart" + }, { - title: "Menu Operations", description: "Full control over your product inventory without needing admin passwords", bentoComponent: "3d-task-list", title: "Menu Operations", items: [ + title: "Menu Operations", description: "Full control over your product inventory without needing admin passwords", bentoComponent: "3d-task-list", items: [ { icon: Plus, label: "New Product", time: "Instant" }, { icon: Edit2, label: "Edit Details", time: "Real-time" }, { icon: Image, label: "Update Image", time: "Instant" }, @@ -170,17 +179,23 @@ export default function TeaBoyPOS() { tagIcon={Coffee} products={[ { - id: "1", name: "Green Tea", price: "₹30", variant: "Fresh Brew • 2 Sizes", imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-latte_1339-1039.jpg", imageAlt: "Green Tea"}, + id: "1", name: "Green Tea", price: "₹30", variant: "Fresh Brew • 2 Sizes", imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-latte_1339-1039.jpg", imageAlt: "Green Tea" + }, { - id: "2", name: "Black Tea Masala", price: "₹40", variant: "Spiced • Hot & Iced", imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-chai-tea-with-star-anise-cinnamon-sticks-cloves-black-surface_9975-124486.jpg", imageAlt: "Black Tea Masala"}, + id: "2", name: "Black Tea Masala", price: "₹40", variant: "Spiced • Hot & Iced", imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-chai-tea-with-star-anise-cinnamon-sticks-cloves-black-surface_9975-124486.jpg", imageAlt: "Black Tea Masala" + }, { - id: "3", name: "Espresso Coffee", price: "₹50", variant: "Bold Shot • Customizable", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-sack-milk-dry-cinnamon-cup-coffee-platform-white-table-side-view_176474-5055.jpg", imageAlt: "Espresso Coffee"}, + id: "3", name: "Espresso Coffee", price: "₹50", variant: "Bold Shot • Customizable", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-sack-milk-dry-cinnamon-cup-coffee-platform-white-table-side-view_176474-5055.jpg", imageAlt: "Espresso Coffee" + }, { - id: "4", name: "Iced Coffee", price: "₹60", variant: "Chilled • Premium Blend", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glasses_1220-3572.jpg", imageAlt: "Iced Coffee"}, + id: "4", name: "Iced Coffee", price: "₹60", variant: "Chilled • Premium Blend", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glasses_1220-3572.jpg", imageAlt: "Iced Coffee" + }, { - id: "5", name: "Croissant", price: "₹80", variant: "Fresh Baked • Butter", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-homemade-croissants-wooden-board-grey-surface_114579-64075.jpg", imageAlt: "Croissant"}, + id: "5", name: "Croissant", price: "₹80", variant: "Fresh Baked • Butter", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-homemade-croissants-wooden-board-grey-surface_114579-64075.jpg", imageAlt: "Croissant" + }, { - id: "6", name: "Chocolate Cake", price: "₹120", variant: "Premium • Rich Flavor", imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30705.jpg", imageAlt: "Chocolate Cake"}, + id: "6", name: "Chocolate Cake", price: "₹120", variant: "Premium • Rich Flavor", imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30705.jpg", imageAlt: "Chocolate Cake" + }, ]} gridVariant="uniform-all-items-equal" carouselMode="buttons" @@ -218,7 +233,8 @@ export default function TeaBoyPOS() { { text: "Auto Confirmation", href: "#features" }, ], features: [ - "UPI Deep Link Integration", "Real-time Payment Status", "Automatic Bill Clearance", "No Additional Charges", "Secure Transaction", "Multiple UPI Providers"], + "UPI Deep Link Integration", "Real-time Payment Status", "Automatic Bill Clearance", "No Additional Charges", "Secure Transaction", "Multiple UPI Providers" + ], }, { id: "cash", badge: "Cash Payment", badgeIcon: DollarSign, @@ -227,7 +243,8 @@ export default function TeaBoyPOS() { { text: "Add to Revenue", href: "#features" }, ], features: [ - "Instant Recording", "Daily Cash Tracking", "Success Confirmation", "Automatic Bill Clear", "Revenue Integration", "Offline Compatible"], + "Instant Recording", "Daily Cash Tracking", "Success Confirmation", "Automatic Bill Clear", "Revenue Integration", "Offline Compatible" + ], }, { id: "offline", badge: "Offline Mode", badgeIcon: Wifi, @@ -236,7 +253,8 @@ export default function TeaBoyPOS() { { text: "Sync Later", href: "#features" }, ], features: [ - "No Internet Required", "Local Data Storage", "Full Functionality", "Auto Sync on Connect", "Data Integrity", "Complete Independence"], + "No Internet Required", "Local Data Storage", "Full Functionality", "Auto Sync on Connect", "Data Integrity", "Complete Independence" + ], }, ]} animationType="slide-up" @@ -278,29 +296,38 @@ export default function TeaBoyPOS() { tag="Support" faqs={[ { - id: "1", title: "How do I log in to TEA BOY POS?", content: "Open the web app and enter the password 0322 on the login screen. Once authenticated, you'll have access to the full POS interface. Keep this password secure and change it regularly for security."}, + id: "1", title: "How do I log in to TEA BOY POS?", content: "Open the web app and enter the password 0322 on the login screen. Once authenticated, you'll have access to the full POS interface. Keep this password secure and change it regularly for security." + }, { - id: "2", title: "How do I add products to the bill?", content: "Navigate to the Home page, browse your product catalog, and tap any product image. It will instantly be added to the bill section on the right side with quantity 1. Use the +/- buttons to adjust quantities as needed."}, + id: "2", title: "How do I add products to the bill?", content: "Navigate to the Home page, browse your product catalog, and tap any product image. It will instantly be added to the bill section on the right side with quantity 1. Use the +/- buttons to adjust quantities as needed." + }, { - id: "3", title: "What payment methods are supported?", content: "TEA BOY POS supports two primary payment methods: UPI payments via QR code for digital transactions, and Cash payments for traditional handling. Both integrate seamlessly with your revenue tracking system."}, + id: "3", title: "What payment methods are supported?", content: "TEA BOY POS supports two primary payment methods: UPI payments via QR code for digital transactions, and Cash payments for traditional handling. Both integrate seamlessly with your revenue tracking system." + }, { - id: "4", title: "How do I process a UPI payment?", content: "After adding items to the bill, click 'Online Payment'. A UPI QR code will appear. Customers scan the code and pay using their UPI app. The payment is confirmed automatically, the bill clears, and revenue is recorded in real-time."}, + id: "4", title: "How do I process a UPI payment?", content: "After adding items to the bill, click 'Online Payment'. A UPI QR code will appear. Customers scan the code and pay using their UPI app. The payment is confirmed automatically, the bill clears, and revenue is recorded in real-time." + }, { - id: "5", title: "How do I record cash payments?", content: "Click 'Cash Payment' in the bill section. Confirm the amount, and the system will automatically add it to today's cash revenue, clear the bill, and display a success message."}, + id: "5", title: "How do I record cash payments?", content: "Click 'Cash Payment' in the bill section. Confirm the amount, and the system will automatically add it to today's cash revenue, clear the bill, and display a success message." + }, { - id: "6", title: "Can I view my revenue statistics?", content: "Yes! Navigate to the Revenues page to see today's online total, today's cash total, today's combined total, and your current month's cumulative revenue. All data is tracked automatically and stored locally."}, + id: "6", title: "Can I view my revenue statistics?", content: "Yes! Navigate to the Revenues page to see today's online total, today's cash total, today's combined total, and your current month's cumulative revenue. All data is tracked automatically and stored locally." + }, { - id: "7", title: "How do I manage my product menu?", content: "Go to the Menu page to add new products (name, price, image), edit existing products (update name/price/image), or delete items. Changes reflect instantly on the Home page without requiring admin passwords."}, + id: "7", title: "How do I manage my product menu?", content: "Go to the Menu page to add new products (name, price, image), edit existing products (update name/price/image), or delete items. Changes reflect instantly on the Home page without requiring admin passwords." + }, { - id: "8", title: "Does TEA BOY POS work offline?", content: "Yes! The system is designed to work offline for all core functions (product management, billing, cash payments). Payment processing requires internet only for UPI transactions. All data syncs when you're back online."}, + id: "8", title: "Does TEA BOY POS work offline?", content: "Yes! The system is designed to work offline for all core functions (product management, billing, cash payments). Payment processing requires internet only for UPI transactions. All data syncs when you're back online." + }, { - id: "9", title: "How is my data saved?", content: "All your data (products, revenue, daily transactions) is saved in local storage on your device. This ensures quick access and offline capability. For web apps converted to APK, data remains on your device securely."}, + id: "9", title: "How is my data saved?", content: "All your data (products, revenue, daily transactions) is saved in local storage on your device. This ensures quick access and offline capability. For web apps converted to APK, data remains on your device securely." + }, { - id: "10", title: "Can I convert this to a mobile app?", content: "Yes! This web application is optimized for mobile and can be converted to an Android APK using tools like Apache Cordova or Capacitor. It works perfectly as a native mobile app."}, + id: "10", title: "Can I convert this to a mobile app?", content: "Yes! This web application is optimized for mobile and can be converted to an Android APK using tools like Apache Cordova or Capacitor. It works perfectly as a native mobile app." + }, ]} - animationType="slide-up" - textboxLayout="default" faqsAnimation="slide-up" + textboxLayout="default" useInvertedBackground={false} /> @@ -311,7 +338,7 @@ export default function TeaBoyPOS() { title="Ready to Transform Your Tea Shop?" description="Join hundreds of tea shop owners using TEA BOY POS to streamline operations, increase efficiency, and boost revenue. Start your free trial today." tagIcon={Rocket} - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} inputPlaceholder="Enter your email" buttonText="Start Free Trial" @@ -326,16 +353,20 @@ export default function TeaBoyPOS() { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/teaboypos", ariaLabel: "Facebook"}, + href: "https://facebook.com/teaboypos", ariaLabel: "Facebook" + }, { icon: Twitter, - href: "https://twitter.com/teaboypos", ariaLabel: "Twitter"}, + href: "https://twitter.com/teaboypos", ariaLabel: "Twitter" + }, { icon: Instagram, - href: "https://instagram.com/teaboypos", ariaLabel: "Instagram"}, + href: "https://instagram.com/teaboypos", ariaLabel: "Instagram" + }, { icon: Linkedin, - href: "https://linkedin.com/company/teaboypos", ariaLabel: "LinkedIn"}, + href: "https://linkedin.com/company/teaboypos", ariaLabel: "LinkedIn" + }, ]} />