diff --git a/src/app/customers/page.tsx b/src/app/customers/page.tsx new file mode 100644 index 0000000..ef009e2 --- /dev/null +++ b/src/app/customers/page.tsx @@ -0,0 +1,177 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import Input from '@/components/form/Input'; +import React from 'react'; + +export default function CustomerManagementPage() { + const [customerName, setCustomerName] = React.useState(""); + const [customerEmail, setCustomerEmail] = React.useState(""); + + const handleAddCustomer = () => { + console.log("Add customer:", { customerName, customerEmail }); + // Placeholder for API call or state update + setCustomerName(""); + setCustomerEmail(""); + }; + + return ( + + + + +
+
+

Customer Management

+

Manage your customer accounts, view order history, and update customer details.

+ + {/* Customer List Section */} +
+

Customer List

+
+ + + + + + + + + + + + + + + + + + + + +
NameEmailActions
John Doejohn.doe@example.com + + +
Jane Smithjane.smith@example.com + + +
+
+
+ + {/* Add New Customer Section */} +
+

Add New Customer

+
+
+ + +
+
+ + +
+
+ +
+
+
+ + +
+
+ ); +} diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx new file mode 100644 index 0000000..ca6a1f8 --- /dev/null +++ b/src/app/login/page.tsx @@ -0,0 +1,151 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import Input from '@/components/form/Input'; +import { useState } from 'react'; + +export default function LoginPage() { + const [email, setEmail] = useState(''); + const [password, setPassword] = useState(''); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + console.log('Login attempt:', { email, password }); + // Placeholder for authentication logic + alert('Login functionality is a placeholder.'); + }; + + return ( + + + + +
+
+
+

+ Login to your account +

+
+
+
+
+ +
+
+ +
+
+ +
+ +
+
+
+
+ + +
+
+ ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 85c7694..da789d9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,21 +34,15 @@ export default function LandingPage() { @@ -182,17 +124,11 @@ export default function LandingPage() { description="For over a decade, Sri Nagalakshmi Enterprises has been a leading wholesale distributor, processing 40-50 orders daily. OrderDesk was meticulously developed to bring unparalleled efficiency and precision to this demanding workflow, empowering our team with smart tools and a seamless user experience." metrics={[ { - value: "10+", - title: "Years in Distribution", - }, + value: "10+", title: "Years in Distribution"}, { - value: "50+", - title: "Orders Processed Daily", - }, + value: "50+", title: "Orders Processed Daily"}, { - value: "99%", - title: "Order Accuracy", - }, + value: "99%", title: "Order Accuracy"}, ]} imageSrc="http://img.b2bpic.net/free-photo/business-owner-working-home-office-packaging_1150-11527.jpg" imageAlt="Sri Nagalakshmi Enterprises Office" @@ -207,29 +143,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - tag: "Efficiency", - title: "Lightning-Fast Order Entry", - subtitle: "Desktop-optimized interface for quick and accurate manual order processing.", - description: "Our intuitive design minimizes clicks and keystrokes, allowing office staff to enter 40-50 orders daily with speed and precision, drastically reducing processing time.", - imageSrc: "http://img.b2bpic.net/free-vector/illustration-space-ship_53876-5577.jpg", - imageAlt: "Speed and efficiency icon", - }, + tag: "Efficiency", title: "Lightning-Fast Order Entry", subtitle: "Desktop-optimized interface for quick and accurate manual order processing.", description: "Our intuitive design minimizes clicks and keystrokes, allowing office staff to enter 40-50 orders daily with speed and precision, drastically reducing processing time.", imageSrc: "http://img.b2bpic.net/free-vector/illustration-space-ship_53876-5577.jpg", imageAlt: "Speed and efficiency icon"}, { - tag: "Intelligence", - title: "Smart Customer & Product Suggestions", - subtitle: "Autocomplete powered by historical data for rapid entry and fewer errors.", - description: "OrderDesk intelligently suggests customer names and products based on previous orders, streamlining the entry process and enhancing accuracy by preventing common data input mistakes.", - imageSrc: "http://img.b2bpic.net/free-photo/search-engine-optimization-searching-web-page-concept_53876-120862.jpg", - imageAlt: "Smart suggestions icon", - }, + tag: "Intelligence", title: "Smart Customer & Product Suggestions", subtitle: "Autocomplete powered by historical data for rapid entry and fewer errors.", description: "OrderDesk intelligently suggests customer names and products based on previous orders, streamlining the entry process and enhancing accuracy by preventing common data input mistakes.", imageSrc: "http://img.b2bpic.net/free-photo/search-engine-optimization-searching-web-page-concept_53876-120862.jpg", imageAlt: "Smart suggestions icon"}, { - tag: "Visibility", - title: "Real-time Order Tracking & Management", - subtitle: "Monitor orders through all delivery stages with live updates and actionable insights.", - description: "Track orders from 'Pending' to 'Delivered' or 'Cancelled' in real-time. Gain complete visibility into your active orders, enabling proactive management and informed decision-making.", - imageSrc: "http://img.b2bpic.net/free-vector/25-product-management-flat-color-icon-pack_1142-24599.jpg", - imageAlt: "Real-time tracking icon", - }, + tag: "Visibility", title: "Real-time Order Tracking & Management", subtitle: "Monitor orders through all delivery stages with live updates and actionable insights.", description: "Track orders from 'Pending' to 'Delivered' or 'Cancelled' in real-time. Gain complete visibility into your active orders, enabling proactive management and informed decision-making.", imageSrc: "http://img.b2bpic.net/free-vector/25-product-management-flat-color-icon-pack_1142-24599.jpg", imageAlt: "Real-time tracking icon"}, ]} title="Key Features Designed for Wholesale Distributors" description="OrderDesk delivers a comprehensive suite of tools to manage your entire order lifecycle, from initial entry to automatic archiving, ensuring speed, accuracy, and operational excellence." @@ -244,53 +162,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "dashboard-module", - name: "Dashboard Overview", - price: "Daily Summary", - variant: "Insights", - imageSrc: "http://img.b2bpic.net/free-vector/web-data-analysis-summary-vector-illustration-set-collection_53876-34711.jpg", - imageAlt: "Dashboard Icon", - }, + id: "dashboard-module", name: "Dashboard Overview", price: "Daily Summary", variant: "Insights", imageSrc: "http://img.b2bpic.net/free-vector/web-data-analysis-summary-vector-illustration-set-collection_53876-34711.jpg", imageAlt: "Dashboard Icon"}, { - id: "active-orders-module", - name: "Active Orders", - price: "Real-time", - variant: "Management", - imageSrc: "http://img.b2bpic.net/free-photo/save-front-side-with-white-background_187299-39944.jpg", - imageAlt: "Active Orders Icon", - }, + id: "active-orders-module", name: "Active Orders", price: "Real-time", variant: "Management", imageSrc: "http://img.b2bpic.net/free-photo/save-front-side-with-white-background_187299-39944.jpg", imageAlt: "Active Orders Icon"}, { - id: "archive-module", - name: "Order Archive", - price: "Historical", - variant: "Records", - imageSrc: "http://img.b2bpic.net/free-vector/creative-multimedia-25-flat-icon-pack-such-as-download-cloud-folder-upload-cloud_1142-21672.jpg", - imageAlt: "Archive Icon", - }, + id: "archive-module", name: "Order Archive", price: "Historical", variant: "Records", imageSrc: "http://img.b2bpic.net/free-vector/creative-multimedia-25-flat-icon-pack-such-as-download-cloud-folder-upload-cloud_1142-21672.jpg", imageAlt: "Archive Icon"}, { - id: "products-master-module", - name: "Products Master", - price: "Inventory", - variant: "Management", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimalistic-technology-annual-report_23-2149108026.jpg", - imageAlt: "Products Master Icon", - }, + id: "products-master-module", name: "Products Master", price: "Inventory", variant: "Management", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimalistic-technology-annual-report_23-2149108026.jpg", imageAlt: "Products Master Icon"}, { - id: "order-entry-module", - name: "Order Entry", - price: "Fast", - variant: "Processing", - imageSrc: "http://img.b2bpic.net/free-vector/startup-concept_23-2147505114.jpg", - imageAlt: "Order Entry Icon", - }, + id: "order-entry-module", name: "Order Entry", price: "Fast", variant: "Processing", imageSrc: "http://img.b2bpic.net/free-vector/startup-concept_23-2147505114.jpg", imageAlt: "Order Entry Icon"}, { - id: "settings-module", - name: "System Settings", - price: "Admin", - variant: "Configuration", - imageSrc: "http://img.b2bpic.net/free-photo/fire-alarm-switch_1339-1888.jpg", - imageAlt: "Settings Icon", - }, + id: "settings-module", name: "System Settings", price: "Admin", variant: "Configuration", imageSrc: "http://img.b2bpic.net/free-photo/fire-alarm-switch_1339-1888.jpg", imageAlt: "Settings Icon"}, ]} title="Core Modules of OrderDesk" description="Explore the powerful sections that make OrderDesk the comprehensive and intuitive solution for wholesale order management, designed for a fast and efficient workflow." @@ -304,29 +186,17 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "orders-daily", - icon: Package, - title: "Orders Daily", - value: "50+", - }, + id: "orders-daily", icon: Package, + title: "Orders Daily", value: "50+"}, { - id: "accuracy", - icon: CheckCircle, - title: "Accuracy Rate", - value: "99%", - }, + id: "accuracy", icon: CheckCircle, + title: "Accuracy Rate", value: "99%"}, { - id: "availability", - icon: Clock, - title: "System Availability", - value: "24/7", - }, + id: "availability", icon: Clock, + title: "System Availability", value: "24/7"}, { - id: "archive-policy", - icon: Archive, - title: "Auto Archive", - value: "5 Days", - }, + id: "archive-policy", icon: Archive, + title: "Auto Archive", value: "5 Days"}, ]} title="Driving Efficiency, One Order at a Time" description="See how OrderDesk helps streamline operations, reduce errors, and boost productivity for wholesale distributors, leading to a more reliable and efficient business." @@ -338,14 +208,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Microsoft", - "Google", - "Apple", - "Amazon", - "IBM", - "HP", - "Dell", - ]} + "Microsoft", "Google", "Apple", "Amazon", "IBM", "HP", "Dell"]} title="Trusted by Leading Distributors" description="OrderDesk is built to meet the rigorous demands of modern wholesale and distribution businesses, ensuring reliable performance and seamless integration into complex supply chains." showCard={true} @@ -360,25 +223,15 @@ export default function LandingPage() { author="Prabha K., Operations Director" avatars={[ { - src: "http://img.b2bpic.net/free-vector/best-employees-rating_74855-4367.jpg", - alt: "Female business avatar digital", - }, + src: "http://img.b2bpic.net/free-vector/best-employees-rating_74855-4367.jpg", alt: "Female business avatar digital"}, { - src: "http://img.b2bpic.net/free-vector/businessmen-avatars-pack_23-2147535419.jpg", - alt: "Male business avatar digital", - }, + src: "http://img.b2bpic.net/free-vector/businessmen-avatars-pack_23-2147535419.jpg", alt: "Male business avatar digital"}, { - src: "http://img.b2bpic.net/free-photo/woman-texting-her-phone-with-chat-bubbles_23-2151989422.jpg", - alt: "Non-binary business avatar digital", - }, + src: "http://img.b2bpic.net/free-photo/woman-texting-her-phone-with-chat-bubbles_23-2151989422.jpg", alt: "Non-binary business avatar digital"}, { - src: "http://img.b2bpic.net/free-photo/portrait-elegant-mature-male-browsing-tablet_23-2148673425.jpg", - alt: "Senior business avatar digital", - }, + src: "http://img.b2bpic.net/free-photo/portrait-elegant-mature-male-browsing-tablet_23-2148673425.jpg", alt: "Senior business avatar digital"}, { - src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12782.jpg", - alt: "Businesswoman working in warehouse", - }, + src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12782.jpg", alt: "Businesswoman working in warehouse"}, ]} ratingAnimation="blur-reveal" avatarsAnimation="slide-up" @@ -391,20 +244,11 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "What is OrderDesk designed for?", - content: "OrderDesk is a desktop-first Order Management System specifically designed for wholesale/distributor businesses to streamline daily order entry, product management, and customer tracking with speed and accuracy.", - }, + id: "faq1", title: "What is OrderDesk designed for?", content: "OrderDesk is a desktop-first Order Management System specifically designed for wholesale/distributor businesses to streamline daily order entry, product management, and customer tracking with speed and accuracy."}, { - id: "faq2", - title: "How does product and customer suggestion work?", - content: "The system intelligently suggests customer names and product details based on your historical order data. As you type, an autocomplete dropdown appears, allowing for fast, accurate selections and reducing manual input errors.", - }, + id: "faq2", title: "How does product and customer suggestion work?", content: "The system intelligently suggests customer names and product details based on your historical order data. As you type, an autocomplete dropdown appears, allowing for fast, accurate selections and reducing manual input errors."}, { - id: "faq3", - title: "Can I export my order data?", - content: "Yes, OrderDesk provides a robust CSV export feature. You can easily export active or archived order data in a clear, product-per-row format for reporting and analysis.", - }, + id: "faq3", title: "Can I export my order data?", content: "Yes, OrderDesk provides a robust CSV export feature. You can easily export active or archived order data in a clear, product-per-row format for reporting and analysis."}, ]} title="Frequently Asked Questions" description="Find quick answers to common questions about OrderDesk's features, setup, and how it can benefit your wholesale distribution operations." @@ -419,27 +263,16 @@ export default function LandingPage() { description="Have questions or want to schedule a personalized demo? Reach out to our team and discover how OrderDesk can revolutionize your wholesale distribution operations with speed and precision." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number (Optional)", - }, + name: "phone", type: "tel", placeholder: "Phone Number (Optional)"}, ]} textarea={{ - name: "message", - placeholder: "Your Message", - rows: 4, + name: "message", placeholder: "Your Message", rows: 4, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/concentrated-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-writing-with-pen-clipboard-isolated-white_141793-76602.jpg" @@ -456,50 +289,31 @@ export default function LandingPage() { logoText="OrderDesk" columns={[ { - title: "Quick Links", - items: [ + title: "Quick Links", items: [ { - label: "Home", - href: "#hero", - }, + label: "Home", href: "#hero"}, { - label: "Features", - href: "#features", - }, + label: "Features", href: "#features"}, { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, ], }, { - title: "Contact", - items: [ + title: "Contact", items: [ { - label: "Support", - href: "#contact", - }, + label: "Support", href: "#contact"}, { - label: "Sales Inquiry", - href: "#contact", - }, + label: "Sales Inquiry", href: "#contact"}, ], }, ]} diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx new file mode 100644 index 0000000..b8ec1e1 --- /dev/null +++ b/src/app/products/page.tsx @@ -0,0 +1,178 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import Input from '@/components/form/Input'; +import React from 'react'; + +export default function ProductMasterPage() { + const [productName, setProductName] = React.useState(""); + const [productPrice, setProductPrice] = React.useState(""); + const [productCategory, setProductCategory] = React.useState(""); + + const handleAddProduct = () => { + console.log("Add product:", { productName, productPrice, productCategory }); + // Placeholder for API call or state update + setProductName(""); + setProductPrice(""); + setProductCategory(""); + }; + + return ( + + + + +
+
+

Product Master

+

Manage your product catalog, update inventory, and categorize products.

+ + {/* Product Catalog Section */} +
+

Product Catalog

+
+ {/* Placeholder Product Card 1 */} +
+ Product 1 +

Product A

+

Category: Electronics

+

$199.99

+ +
+ {/* Placeholder Product Card 2 */} +
+ Product 2 +

Product B

+

Category: Home Goods

+

$29.50

+ +
+
+
+ + {/* Add New Product Section */} +
+

Add New Product

+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+ + +
+
+ ); +} diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx new file mode 100644 index 0000000..8fd0b2f --- /dev/null +++ b/src/app/signup/page.tsx @@ -0,0 +1,169 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import Input from '@/components/form/Input'; +import { useState } from 'react'; + +export default function SignupPage() { + const [email, setEmail] = useState(''); + const [password, setPassword] = useState(''); + const [confirmPassword, setConfirmPassword] = useState(''); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + if (password !== confirmPassword) { + alert('Passwords do not match!'); + return; + } + console.log('Signup attempt:', { email, password }); + // Placeholder for authentication logic + alert('Signup functionality is a placeholder.'); + }; + + return ( + + + + +
+
+
+

+ Create your account +

+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+
+
+ + +
+
+ ); +}