popsite-ui 1.0.0

package/src/data/systems/flightBooking.js

@@ -0,0 +1,59 @@
+export const flightBookingMockData = {
+  airlineName: "Skyward Wings",
+  airports: ["JFK (New York)", "LAX (Los Angeles)", "LHR (London)", "HND (Tokyo)", "SYD (Sydney)", "DXB (Dubai)"],
+  flights: [
+    {
+      id: "f1",
+      flightNumber: "SW-402",
+      from: "JFK (New York)",
+      to: "LHR (London)",
+      departureTime: "08:00 AM",
+      arrivalTime: "08:00 PM",
+      duration: "7h 00m",
+      price: 450,
+      businessPrice: 1200,
+      image: "https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=800&q=80"
+    },
+    {
+      id: "f2",
+      flightNumber: "SW-819",
+      from: "LAX (Los Angeles)",
+      to: "HND (Tokyo)",
+      departureTime: "11:30 AM",
+      arrivalTime: "03:15 PM (+1)",
+      duration: "11h 45m",
+      price: 780,
+      businessPrice: 2100,
+      image: "https://images.unsplash.com/photo-1542296332-2e4473faf563?auto=format&fit=crop&w=800&q=80"
+    },
+    {
+      id: "f3",
+      flightNumber: "SW-211",
+      from: "LHR (London)",
+      to: "DXB (Dubai)",
+      departureTime: "10:15 PM",
+      arrivalTime: "08:10 AM (+1)",
+      duration: "6h 55m",
+      price: 320,
+      businessPrice: 850,
+      image: "https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=800&q=80"
+    },
+    {
+      id: "f4",
+      flightNumber: "SW-505",
+      from: "JFK (New York)",
+      to: "LAX (Los Angeles)",
+      departureTime: "06:00 AM",
+      arrivalTime: "09:15 AM",
+      duration: "6h 15m",
+      price: 199,
+      businessPrice: 600,
+      image: "https://images.unsplash.com/photo-1499591934245-40b55745b905?auto=format&fit=crop&w=800&q=80"
+    }
+  ],
+  addOns: {
+    checkedBag: 50,
+    priorityBoarding: 35,
+    wifi: 15
+  }
+};

package/src/data/systems/foodOrdering.js

@@ -0,0 +1,48 @@
+export const foodOrderingMockData = {
+  platformName: "PopBites Delivery",
+  categories: ["All", "Pizza", "Sushi", "Healthy", "Burgers", "Vegan"],
+  restaurants: [
+    {
+      id: "r1",
+      name: "Truffle & Crust",
+      category: "Pizza",
+      rating: 4.8,
+      deliveryTime: "25-40 min",
+      deliveryFee: 2.99,
+      image: "https://images.unsplash.com/photo-1513104890138-7c749659a591?auto=format&fit=crop&w=800&q=80",
+      menu: [
+         { id: "m1", name: "Margherita Truffle", description: "Fresh mozzarella, truffle oil, basil.", price: 18.00, dietary: ["Vegetarian"] },
+         { id: "m2", name: "Spicy Soppressata", description: "Hot honey, chili flakes, cured meats.", price: 21.00, dietary: [] },
+         { id: "m3", name: "Garlic Knots", description: "Oven-baked with pesto dip.", price: 6.50, dietary: ["Vegetarian"] }
+      ]
+    },
+    {
+      id: "r2",
+      name: "Ocean Zen",
+      category: "Sushi",
+      rating: 4.9,
+      deliveryTime: "30-45 min",
+      deliveryFee: 4.99,
+      image: "https://images.unsplash.com/photo-1579871494447-9811cf80d66c?auto=format&fit=crop&w=800&q=80",
+      menu: [
+         { id: "m4", name: "Spicy Tuna Roll", description: "Fresh tuna, spicy mayo, crispy tempura bits.", price: 14.00, dietary: ["Pescatarian", "Gluten-Free"] },
+         { id: "m5", name: "Dragon Roll", description: "Eel, cucumber, topped with avocado.", price: 16.00, dietary: [] },
+         { id: "m6", name: "Edamame", description: "Steamed soybeans with sea salt.", price: 5.00, dietary: ["Vegan", "Gluten-Free"] }
+      ]
+    },
+    {
+      id: "r3",
+      name: "Green Machine",
+      category: "Vegan",
+      rating: 4.6,
+      deliveryTime: "15-25 min",
+      deliveryFee: 1.99,
+      image: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?auto=format&fit=crop&w=800&q=80",
+      menu: [
+         { id: "m7", name: "Buddha Bowl", description: "Quinoa, roasted sweet potato, kale, tahini.", price: 15.00, dietary: ["Vegan", "Gluten-Free"] },
+         { id: "m8", name: "Beyond Burger", description: "Plant-based patty with vegan cheddar.", price: 16.00, dietary: ["Vegan"] },
+         { id: "m9", name: "Acai Smoothie", description: "Mixed berries, banana, oat milk.", price: 8.00, dietary: ["Vegan", "Gluten-Free"] }
+      ]
+    }
+  ]
+};

package/src/data/systems/hospitalAppointment.js

@@ -0,0 +1,48 @@
+export const hospitalAppointmentMockData = {
+  hospitalName: "PopSite Medical Center",
+  specialties: ["All", "Cardiology", "Pediatrics", "Neurology", "Orthopedics", "General Practice"],
+  doctors: [
+    {
+      id: "dr1",
+      name: "Dr. Sarah Chen",
+      specialty: "Cardiology",
+      rating: 4.9,
+      image: "https://images.unsplash.com/photo-1559839734-2b71ea197ec2?auto=format&fit=crop&w=300&q=80",
+      availableTimeSlots: ["09:00 AM", "10:30 AM", "01:00 PM", "03:00 PM"]
+    },
+    {
+      id: "dr2",
+      name: "Dr. James Miller",
+      specialty: "Pediatrics",
+      rating: 4.8,
+      image: "https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?auto=format&fit=crop&w=300&q=80",
+      availableTimeSlots: ["08:30 AM", "09:00 AM", "11:00 AM", "02:15 PM", "04:00 PM"]
+    },
+    {
+      id: "dr3",
+      name: "Dr. Elena Rodriguez",
+      specialty: "Neurology",
+      rating: 4.7,
+      image: "https://images.unsplash.com/photo-1594824432258-297ebce5b326?auto=format&fit=crop&w=300&q=80",
+      availableTimeSlots: ["10:00 AM", "11:30 AM"]
+    },
+    {
+      id: "dr4",
+      name: "Dr. William Foster",
+      specialty: "Orthopedics",
+      rating: 4.9,
+      image: "https://images.unsplash.com/photo-1537368910025-7028a609b183?auto=format&fit=crop&w=300&q=80",
+      availableTimeSlots: ["01:00 PM", "02:30 PM", "04:45 PM"]
+    }
+  ],
+  patientHistory: [
+    {
+      id: "APT-882",
+      doctorName: "Dr. Sarah Chen",
+      date: "2025-11-15",
+      time: "10:30 AM",
+      status: "Completed",
+      diagnosis: "Routine checkup. All healthy."
+    }
+  ] // Real-time booked slots will go here
+};

package/src/data/systems/hotelBooking.js

@@ -0,0 +1,59 @@
+export const hotelBookingMockData = {
+  platformName: "Voyager Lodgings",
+  amenities: ["WiFi", "Pool", "Gym", "Spa", "Restaurant", "Parking"],
+  hotels: [
+    {
+      id: "h1",
+      name: "The Obsidian Resort",
+      destination: "Maldives",
+      rating: 5,
+      pricePerNight: 450,
+      amenities: ["WiFi", "Pool", "Spa", "Restaurant"],
+      image: "https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=800&q=80",
+      description: "Experience luxury in crystal clear waters. Wake up to ocean views.",
+      gallery: [
+         "https://images.unsplash.com/photo-1582719508461-905c673771fd?auto=format&fit=crop&w=800&q=80",
+         "https://images.unsplash.com/photo-1571896349842-33c89424de2d?auto=format&fit=crop&w=800&q=80"
+      ]
+    },
+    {
+      id: "h2",
+      name: "Alpine Retreat",
+      destination: "Swiss Alps",
+      rating: 4,
+      pricePerNight: 280,
+      amenities: ["WiFi", "Gym", "Restaurant", "Parking"],
+      image: "https://images.unsplash.com/photo-1520250497591-112f2f40a3f4?auto=format&fit=crop&w=800&q=80",
+      description: "Cozy cabin living with ski-in, ski-out access and a roaring fireplace.",
+      gallery: [
+         "https://images.unsplash.com/photo-1621293954908-907159247fc8?auto=format&fit=crop&w=800&q=80"
+      ]
+    },
+    {
+      id: "h3",
+      name: "Neon Towers Hotel",
+      destination: "Tokyo",
+      rating: 5,
+      pricePerNight: 350,
+      amenities: ["WiFi", "Gym", "Restaurant"],
+      image: "https://images.unsplash.com/photo-1503899036084-c55cdd92da26?auto=format&fit=crop&w=800&q=80",
+      description: "Ultra-modern rooms suspended above the neon-drenched city streets.",
+      gallery: [
+         "https://images.unsplash.com/photo-1518548419970-58e3b4079ab2?auto=format&fit=crop&w=800&q=80"
+      ]
+    },
+    {
+      id: "h4",
+      name: "Hacienda Horizon",
+      destination: "Tulum",
+      rating: 3,
+      pricePerNight: 120,
+      amenities: ["WiFi", "Pool", "Parking"],
+      image: "https://images.unsplash.com/photo-1510798831971-661eb04b3739?auto=format&fit=crop&w=800&q=80",
+      description: "Boutique eco-resort nestled deeply in the Mayan jungle.",
+      gallery: [
+         "https://images.unsplash.com/photo-1590073844006-33379778ae09?auto=format&fit=crop&w=800&q=80"
+      ]
+    }
+  ]
+};

package/src/data/systems/invoiceBilling.js

@@ -0,0 +1,19 @@
+export const invoiceBillingMockData = {
+  companyInfo: {
+    name: "PopSite Agency",
+    address: "123 Creative Blvd, Tech District",
+    email: "billing@popsite.com",
+    taxRate: 8.5
+  },
+  clients: [
+    { id: "cli_1", name: "Acme Corp", email: "finance@acme.inc", phone: "+1 555-0100" },
+    { id: "cli_2", name: "Stark Industries", email: "accounts@stark.com", phone: "+1 555-0101" },
+    { id: "cli_3", name: "Wayne Enterprises", email: "billing@wayne.ent", phone: "+1 555-0102" },
+    { id: "cli_4", name: "Umbrella Corp", email: "finance@umbrella.com", phone: "+1 555-0103" }
+  ],
+  recentInvoices: [
+    { id: "INV-2026-001", client: "Acme Corp", date: "2026-04-01", amount: 4500.00, status: "Paid" },
+    { id: "INV-2026-002", client: "Stark Industries", date: "2026-04-05", amount: 12500.00, status: "Pending" },
+    { id: "INV-2026-003", client: "Wayne Enterprises", date: "2026-04-07", amount: 8000.00, status: "Overdue" }
+  ]
+};

package/src/data/systems/landingPage.js

@@ -0,0 +1,29 @@
+export const landingPageMockData = {
+  hero: {
+    title: "Build Faster, Ship Better.",
+    subtitle: "The ultimate zero-config React component architecture designed for the future of the web.",
+    cta1: "Get Started Free",
+    cta2: "View Documentation"
+  },
+  stats: {
+    users: 15400,
+    deployments: 89000,
+    uptime: 99.9
+  },
+  features: [
+    { id: "f1", title: "Zero Configuration", description: "No complex webpack or babel setups. Just import and go.", icon: "⚡" },
+    { id: "f2", title: "Vanilla CSS Engine", description: "Powered entirely by native CSS variables for maximum portability.", icon: "🎨" },
+    { id: "f3", title: "State Perseverance", description: "Built-in localStorage binding keeps user sessions active instantly.", icon: "💾" },
+    { id: "f4", title: "Glassmorphism UI", description: "Premium, frosted-glass aesthetics out of the box.", icon: "🔍" }
+  ],
+  testimonials: [
+    { id: "t1", name: "Sarah Jenkins", role: "Frontend Lead at Acme", avatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=150&q=80", text: "PopSite UI completely changed how we prototype apps. The modules are instantly plug-and-play." },
+    { id: "t2", name: "David Chen", role: "Fullstack Developer", avatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=150&q=80", text: "I love the anti-Tailwind philosophy. The pure CSS approach feels so clean and blazing fast." },
+    { id: "t3", name: "Elena Rostova", role: "Product Designer", avatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&w=150&q=80", text: "The default drop shadows and glass effects give it a distinct 2026 enterprise feel. Absolutely stunning." }
+  ],
+  pricing: [
+    { id: "p1", tier: "Hobby", price: "$0", features: ["1 Project", "Basic Modules", "Community Discord"], cta: "Start Free" },
+    { id: "p2", tier: "Pro", price: "$29/mo", featured: true, features: ["Unlimited Projects", "All Pro Modules", "Premium Support", "Priority Updates"], cta: "Upgrade to Pro" },
+    { id: "p3", tier: "Enterprise", price: "Custom", features: ["Dedicated Account Manager", "Custom SLA", "Source Code Access"], cta: "Contact Sales" }
+  ]
+};

package/src/data/systems/libraryManagement.js

@@ -0,0 +1,17 @@
+export const libraryManagementMockData = {
+  libraryName: "PopSite Central Library",
+  catalog: [
+    { id: "b1", title: "The Pragmatic Programmer", author: "David Thomas", cover: "https://images.unsplash.com/photo-1544947950-fa07a98d237f?auto=format&fit=crop&w=400&q=80", genre: "Technology", available: true },
+    { id: "b2", title: "Clean Architecture", author: "Robert C. Martin", cover: "https://images.unsplash.com/photo-1589829085413-56de8ae18c73?auto=format&fit=crop&w=400&q=80", genre: "Technology", available: true },
+    { id: "b3", title: "Dune", author: "Frank Herbert", cover: "https://images.unsplash.com/photo-1616422285623-13ff0162193c?auto=format&fit=crop&w=400&q=80", genre: "Science Fiction", available: false },
+    { id: "b4", title: "The Martian", author: "Andy Weir", cover: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=400&q=80", genre: "Science Fiction", available: true },
+    { id: "b5", title: "Thinking, Fast and Slow", author: "Daniel Kahneman", cover: "https://images.unsplash.com/photo-1532012197267-da84d127e765?auto=format&fit=crop&w=400&q=80", genre: "Psychology", available: true }
+  ],
+  myBooks: [
+    { 
+      book: { id: "bX", title: "1984", author: "George Orwell", cover: "https://images.unsplash.com/photo-1541963463532-d68292c34b19?auto=format&fit=crop&w=400&q=80", genre: "Dystopian" }, 
+      borrowDate: "2026-03-01", 
+      dueDate: "2026-03-15" // Purposefully in the past to trigger "Overdue" flag
+    }
+  ]
+};

package/src/data/systems/movieBooking.js

@@ -0,0 +1,49 @@
+export const movieBookingMockData = {
+  cinemaName: "Starlight Cinemas",
+  movies: [
+    {
+      id: "m1",
+      title: "Neon Horizon",
+      genre: "Sci-Fi / Cyberpunk",
+      runtime: "2h 15m",
+      rating: "PG-13",
+      image: "https://images.unsplash.com/photo-1536440136628-849c177e76a1?auto=format&fit=crop&w=800&q=80",
+      synopsis: "In a dystopian cyberpunk future, a rogue hacker discovers a code that could alter reality itself.",
+      showtimes: ["14:00", "17:30", "20:00", "22:45"]
+    },
+    {
+      id: "m2",
+      title: "The Silent Peak",
+      genre: "Thriller / Mystery",
+      runtime: "1h 50m",
+      rating: "R",
+      image: "https://images.unsplash.com/photo-1478720568477-152d9b164e26?auto=format&fit=crop&w=800&q=80",
+      synopsis: "A group of mountaineers gets trapped during a blizzard, only to realize they are not alone on the mountain.",
+      showtimes: ["15:15", "18:45", "21:30"]
+    },
+    {
+      id: "m3",
+      title: "Echoes of Eternity",
+      genre: "Romance / Drama",
+      runtime: "2h 05m",
+      rating: "PG",
+      image: "https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=800&q=80",
+      synopsis: "Two lovers from different centuries communicate through an ancient artifact, fighting time to be together.",
+      showtimes: ["13:00", "16:00", "19:00"]
+    },
+    {
+      id: "m4",
+      title: "Galactic Drift",
+      genre: "Action / Adventure",
+      runtime: "2h 30m",
+      rating: "PG-13",
+      image: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=800&q=80",
+      synopsis: "An epic space opera following a band of smugglers trying to outrun a massive intergalactic empire.",
+      showtimes: ["12:00", "16:30", "20:15", "23:00"]
+    }
+  ],
+  pricing: {
+    standard: 12.00,
+    vip: 25.00
+  }
+};

package/src/data/systems/quizExam.js

@@ -0,0 +1,31 @@
+export const quizExamMockData = {
+  institutionName: "PopSite Academy",
+  subjects: [
+    {
+      id: "sub_1",
+      title: "Advanced React Patterns",
+      duration: 15, // in minutes
+      passingScore: 70, // percentage
+      icon: "⚛️",
+      questions: [
+        { id: "q1", text: "Which hook should be used to memoize an expensive calculation?", type: "multiple-choice", options: ["useMemo", "useCallback", "useEffect", "useState"], correct: "useMemo" },
+        { id: "q2", text: "What is the primary purpose of useCallback?", type: "multiple-choice", options: ["Memoizing a value", "Memoizing a function", "Managing side effects", "Accessing DOM nodes"], correct: "Memoizing a function" },
+        { id: "q3", text: "React components must return a single outer element.", type: "true-false", options: ["True", "False"], correct: "True" },
+        { id: "q4", text: "Which method is completely forbidden in modern React 'State' arrays to avoid mutation?", type: "multiple-choice", options: ["concat", "filter", "map", "push"], correct: "push" },
+        { id: "q5", text: "useEffect cleanup functions run BEFORE the component unmounts.", type: "true-false", options: ["True", "False"], correct: "True" }
+      ]
+    },
+    {
+      id: "sub_2",
+      title: "Modern CSS Mastery",
+      duration: 10,
+      passingScore: 80,
+      icon: "🎨",
+      questions: [
+        { id: "q1", text: "What property is used to create glassmorphism?", type: "multiple-choice", options: ["opacity", "backdrop-filter", "background-blend-mode", "filter"], correct: "backdrop-filter" },
+        { id: "q2", text: "Which display type enables a 2D layout matrix?", type: "multiple-choice", options: ["flex", "block", "grid", "inline-block"], correct: "grid" },
+        { id: "q3", text: "Variables defined in :root have global scope.", type: "true-false", options: ["True", "False"], correct: "True" }
+      ]
+    }
+  ]
+};

package/src/data/systems/studentRegistration.js

@@ -0,0 +1,9 @@
+export const studentRegistrationMockData = {
+  schoolName: "PopSite University",
+  departments: ["Computer Science", "Design", "Business Administration", "Engineering"],
+  enrolledStudents: [
+    { id: "STU-2026-001", firstName: "Alice", lastName: "Johnson", email: "alice.j@popsite.edu", phone: "555-0101", department: "Computer Science", year: "Freshman", gpa: 3.8 },
+    { id: "STU-2026-002", firstName: "Bob", lastName: "Smith", email: "bob.s@popsite.edu", phone: "555-0102", department: "Design", year: "Sophomore", gpa: 3.5 },
+    { id: "STU-2026-003", firstName: "Charlie", lastName: "Brown", email: "charlie.b@popsite.edu", phone: "555-0103", department: "Engineering", year: "Senior", gpa: 3.9 }
+  ]
+};

package/src/index.js

@@ -0,0 +1,22 @@
+import './styles.css';
+
+export { EcommerceStoreModule } from './components/modules/EcommerceStoreModule';
+export { MovieBookingModule } from './components/modules/MovieBookingModule';
+export { ChatMessagingModule } from './components/modules/ChatMessagingModule';
+export { FlightBookingModule } from './components/modules/FlightBookingModule';
+export { AnalyticsDashboardModule } from './components/modules/AnalyticsDashboardModule';
+export { InvoiceBillingModule } from './components/modules/InvoiceBillingModule';
+export { FoodOrderingModule } from './components/modules/FoodOrderingModule';
+export { QuizExamModule } from './components/modules/QuizExamModule';
+export { StudentRegistrationModule } from './components/modules/StudentRegistrationModule';
+export { HospitalAppointmentModule } from './components/modules/HospitalAppointmentModule';
+
+// Phase 5 modules
+export { LandingPageModule } from './components/modules/LandingPageModule';
+export { HotelBookingModule } from './components/modules/HotelBookingModule';
+export { LibraryManagementModule } from './components/modules/LibraryManagementModule';
+export { EventTicketBookingModule } from './components/modules/EventTicketBookingModule';
+
+export { SystemHero } from './components/system/SystemHero';
+export { SystemSummaryCard } from './components/system/SystemSummaryCard';
+export { Toast, useToast } from './components/system/Toast';

package/src/main.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+import './styles.css';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);