@snapdragonsnursery/react-components 1.0.10 → 1.0.11

package/README.md

@@ -6,6 +6,8 @@ Reusable React components for Snapdragons projects.
 
 - **AuthButtons**: Profile button with authentication, user image, dropdown menu (sign out, dark mode), and login/logout handling for MSAL (Azure AD).
 - **ThemeToggle**: Simple theme (light/dark/system) toggle button.
+- **LandingPage**: Professional landing page component for Microsoft authentication flows with customizable branding.
+- **ChildSearchModal**: Modal component for searching and selecting children with advanced filtering and selection capabilities.
 
 ## Installation
 
@@ -451,6 +453,55 @@ Once setup is complete, the AuthButtons component will:
 - Provide a dropdown menu with theme toggle and logout option
 - Handle all authentication flows automatically
 
+## LandingPage Component
+
+The LandingPage component provides a professional landing page for Microsoft authentication flows.
+
+### Quick Start
+
+```jsx
+import { LandingPage } from '@snapdragonsnursery/react-components';
+
+function App() {
+  const handleSignIn = () => {
+    // Implement your Microsoft authentication logic
+    console.log('Sign in clicked');
+  };
+
+  return (
+    <LandingPage
+      logoUrl="https://your-logo-url.png"
+      appName="Your Application"
+      appDescription="Manage your application efficiently"
+      onSignIn={handleSignIn}
+      companyName="Your Company"
+    />
+  );
+}
+```
+
+### Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `logoUrl` | `string` | ✅ | - | URL to your company logo |
+| `appName` | `string` | ✅ | - | Name of your application |
+| `appDescription` | `string` | ❌ | "Manage your application efficiently" | App description |
+| `onSignIn` | `function` | ❌ | `() => console.log('Sign in clicked')` | Sign-in callback |
+| `companyName` | `string` | ❌ | "Your Company" | Company name for footer |
+| `backgroundColor` | `string` | ❌ | Blue gradient | CSS background value |
+| `cardClassName` | `string` | ❌ | `""` | Additional CSS classes |
+
+### Features
+
+- **Framework Agnostic**: Uses inline styles for maximum compatibility
+- **Responsive Design**: Works on all device sizes
+- **Microsoft Integration**: Official Microsoft logo and branding
+- **Customizable**: Configurable logo, colors, and branding
+- **Accessible**: Proper semantic HTML and keyboard navigation
+
+For detailed documentation, see [LANDING_PAGE_DOCUMENTATION.md](./LANDING_PAGE_DOCUMENTATION.md).
+
 ## Troubleshooting
 
 ### Common Issues

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapdragonsnursery/react-components",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "",
   "main": "src/index.js",
   "scripts": {