1import{r as l,j as e,S as x,I as S,C as c,o as p,B as h,A,q as g,L as B,h as d,w as R,l as T}from"./index-C_G8bwJw.js";import{L as M,c as I,d as P,A as G}from"./admin-layout-CPk39p-8.js";import{U}from"./users-BefVpGxL.js";import{d as E,B as y,M as L}from"./tooltip-CfW2tvfo.js";import{a as q}from"./trending-up-BMD8m9wy.js";import{C as z}from"./chart-column-CMgczRI5.js";import{P as O}from"./dropdown-menu-DDuXlFUR.js";import{C as F}from"./credit-card-eRWvBkZh.js";import{S as j}from"./star-BhaxSN09.js";import{E as N}from"./external-link-C1CGMcNt.js";import{C as m}from"./chevron-right-B7qaoIRQ.js";import"./useMutation-CmgK9wS4.js";import"./share-2-CS4QwLcI.js";import"./check-Lu_KwLlP.js";import"./globe-BPgwaSEb.js";import"./zap-Bm6p22Oq.js";import"./map-pin-rsipgJKs.js";import"./scan-search-BomGlj5C.js";import"./sparkles-CvAv-Ztz.js";import"./upload-DcaInO92.js";import"./refresh-cw-BWzN_9Fe.js";import"./calendar-sqMmW7_o.js";import"./circle-check-big-BfASsl-Q.js";import"./index-DNWIFX0r.js";import"./index-BoyN0j6l.js";import"./index-CcHRnXRk.js";import"./circle-TpIA1aJ-.js";const f=[{id:"admin-center",icon:M,title:"Admin Center",description:"Learn how to navigate and use the Admin Center dashboard, analytics, c
1ontent management, and settings.",color:"bg-blue-50 text-[#1a3a5c]",articles:[{id:"getting-started",title:"Getting Started with the Admin Center",content:["The Admin Center is your central hub for managing your insurance agency website. Here's how to get started:","1. Log in to the Admin Center using your credentials at the /admin login page.","2. You'll land on the Dashboard, which shows key metrics and recent activity.","3. Use the sidebar navigation on the left to access different sections like CRM, Blog, Analytics, and more.","4. The top bar shows notifications, search, and your profile settings.","5. Click your avatar in the top-right corner to access profile settings or log out.","6. Use the collapsible sidebar to maximize your workspace when needed.","7. Bookmark the Admin Center URL for quick daily access.","8. Review the Knowledge Base (this page) for detailed guides on every feature."],link:"/admin"},{id:"dashboard-overview",title:"Understanding the Dashboard",content:["The Dashboard provides a quick overview of your website's performance:","1. Go to Dashboard from the sidebar navigation.","2. View Total Users, Sessions, and Page Views from your connected Google Analytics.","3. See recent client activity, new leads, and open support tickets at a glance.","4. Check the quick stats cards for at-a-glance information on website health.","5. Hover over metrics to see helpful tooltips explaining each stat.","6. Use the date range picker to compare performance across different time periods.","7. Review the activity feed to see recent actions taken by team members.","8. Click on any metric card to drill down into detailed analytics.","9. The dashboard auto-refreshes every few minutes with the latest data."],link:"/admin"},{id:"analytics-guide",title:"Using Analytics",content:["The Analytics section shows detailed website performance data:","1. Click Analytics in the sidebar to open the analytics dashboard.","2. View real-time visitor data showing who is on your site right now.","3. Check your Google Search Console data for clicks, impressions, CTR, and average position.","4. Analyze device breakdown (desktop, mobile, tablet) to understand your audience.","5. Review top pages and identify your best-performing content.","6. Examine search queries to see what terms drive traffic to your site.","7. Use the traffic sources chart to understand where visitors come from (organic, direct, referral, social).","8. Hover over any metric for a detailed tooltip explanation.","9. Export analytics data for offline analysis or reporting.","10. Compare metrics over different date ranges to track growth."],link:"/admin"},{id:"content-manager",title:"Managing Website Content",content:["The Content Manager lets you edit pages and sections:","1. Go to Content Manager > Page Manager in the sidebar.","2. Select the page you want to edit from the list of available pages.","3. Edit text, images, and other content directly using the inline editor.","4. Click Save to publish your changes immediately to the live site.","5. Use Section Layout to control homepage section visibility and ordering.","6. Adjust padding, colors, and backgrounds for each section individually.","7. Preview changes before publishing to ensure they look correct.","8. Use the revision history to track what was changed and when.","9. Duplicate sections to quickly create similar content blocks.","10. Toggle edit mode on/off to switch between editing and viewing."],link:"/admin/content"},{id:"section-layout",title:"Customizing Section Layout",content:["Control how sections appear on your homepage:","1. Go to Content Manager > Section Layout from the sidebar.","2. Use the visibility toggle to show or hide any section on the homepage.","3. Drag and drop sections to reorder them as desired.","4. Adjust padding (top, bottom, left, right) for precise spacing control.","5. Set background and text colors for each section using the color picker.","6. Changes are saved automatically when you make adjustments.","7. Use the preview button to see how changes look on the live site.","8. Reset individual sections to their default layout if needed.","9. Sections that are hidden will not render on the public-facing website."],link:"/admin/section-layout"},{id:"assets-management",title:"Managing Assets",content:["Upload and manage images, documents, and other files:","1. Go to Assets in the sidebar to access the asset library.","2. Click Upload to add new files (images, PDFs, documents).","3. Organize files into folders for easy access and management.","4. Use the search bar to find specific assets by name or type.","5. Click on any asset to copy its URL for use in pages or blog posts.","6. Supported formats include JPG, PNG, WebP, PDF, and SVG.","7. Delete outdated assets to keep your library clean and organized.","8. View asset details including file size, dimensions, and upload date.","9. Use the grid or list view toggle to browse assets in your preferred layout."],link:"/admin/assets"},{id:"imports-guide",title:"Importing Data",content:["Import client data and other information in bulk:","1. Go to Imports in the sidebar to start a new import.","2. Select the type of data to import (clients, contacts, leads, etc.).","3. Download the template CSV file to ensure your data is formatted correctly.","4. Upload your CSV or Excel file with the prepared data.","5. Map the columns in your file to the correct fields in the system.","6. Review the preview table to verify data looks correct before importing.","7. Click Import to begin processing your data.","8. Check the import results for any errors, duplicates, or skipped rows.","9. Correct any issues in your source file and re-import if needed.","10. Imported records appear immediately in the CRM after a successful import."],link:"/admin/imports"},{id:"settings-guide",title:"Configuring Settings",content:["Customize your Admin Center settings:","1. Go to Settings in the sidebar to access all configuration options.","2. Update your profile information including name, email, and avatar.","3. Change your password and enable security features.","4. Configure notification preferences (email alerts, in-app notifications).","5. Manage user accounts and permissions for team members.","6. Set up email templates for automated messages and confirmations.","7. Review and update agency information (name, address, phone, logo).","8. Configure SEO defaults for meta titles and descriptions.","9. Manage connected integrations like Google Analytics and Search Console.","10. Set your preferred timezone and date format."],link:"/admin/settings"},{id:"user-roles",title:"User Roles & Permissions",content:["Manage who can access and modify different parts of the Admin Center:","1. Go to Settings > Users & Permissions in the sidebar.","2. View the list of all team members with their current roles.","3. Available roles include Admin (full access), Editor (content only), and Viewer (read-only).","4. Click Invite User to add a new team member by entering their email.","5. Assign the appropriate role based on their responsibilities.","6. Admins can access all features including settings, user management, and billing.","7. Editors can manage content, blog posts, and CRM data but cannot change settings.","8. Viewers can see dashboards and reports but cannot make any changes.","9. Change a user's role at any time by editing their profile.","10. Remove users who no longer need access by clicking the Remove button."],link:"/admin/settings"},{id:"audit-logging",title:"Audit Logging & Activity Tracking",content:["Track all actions taken in the Admin Center for security and accountability:","1. Go to Settings >
1 Activity Log to view the full audit trail.","2. See who made changes, what was changed, and when it happened.","3. Filter the log by user, action type, or date range.","4. Common logged actions include content edits, user logins, settings changes, and data imports.","5. Use the audit log to troubleshoot unexpected changes on the website.","6. Each log entry includes the user's name, IP address, and timestamp.","7. Audit logs are retained for 90 days for compliance and review purposes.","8. Export the audit log as a CSV file for external review or archival."]},{id:"notification-management",title:"Notification Management",content:["Configure how and when you receive notifications:","1. Go to Settings > Notifications to manage your preferences.","2. Toggle email notifications on or off for different event types.","3. Choose to receive alerts for new support tickets, CRM activity, and form submissions.","4. Set up daily digest emails summarizing website activity and key metrics.","5. Configure instant alerts for critical events like website downtime.","6. Manage notification preferences independently for each team member.","7. Use in-app notifications for real-time updates while working in the Admin Center.","8. Mute notifications temporarily during weekends or vacations.","9. Review notification history to see all past alerts and their statuses."]},{id:"keyboard-shortcuts",title:"Keyboard Shortcuts & Tips",content:["Speed up your workflow with keyboard shortcuts and productivity tips:","1. Press Ctrl+K (or Cmd+K on Mac) to open the quick search/command palette.","2. Use Ctrl+S (Cmd+S) to save changes in any editor.","3. Press Escape to close modals, dialogs, and sidebars.","4. Use Tab and Shift+Tab to navigate between form fields quickly.","5. Press Ctrl+Z (Cmd+Z) to undo recent changes in content editors.","6. Use the sidebar collapse button to maximize your working area.","7. Right-click on items in lists for quick action menus.","8. Use browser bookmarks for frequently accessed admin pages.","9. Hold Shift and click to select multiple items in lists.","10. Use Ctrl+F (Cmd+F) to search within any page for specific text."]}]},{id:"clients-leads",icon:U,title:"Clients & Leads",description:"Manage your client relationships, contacts, deals, and sales pipeline with the CRM system.",color:"bg-green-50 text-green-600",articles:[{id:"crm-overview",title:"CRM Overview",content:["The CRM (Customer Relationship Management) system helps you manage clients and sales:","1. Access CRM from the sidebar menu to see all available C
1RM modules.","2. The CRM has multiple sections: Clients, Contacts, Pipeline, Interactions, Tasks, and Applications.","3. Use the Clients section to manage your insurance agency customers and their policies.","4. Track deals and opportunities in the Pipeline with visual stage tracking.","5. Log all communications in the Interactions module for a complete history.","6. Create follow-up Tasks to stay on top of client needs and renewals.","7. Use Lead Tracking to monitor where new leads are coming from.","8. The CRM integrates with your website forms to automatically capture new leads.","9. Search across all CRM data using the global search bar at the top."]},{id:"managing-clients",title:"Managing Clients",content:["Add and manage your insurance agency clients:","1. Go to CRM > Clients in the sidebar to view your client list.","2. Click Add Client to create a new client record.","3. Fill in the client details (name, email, phone, address, policy type).","4. Assign a status (Lead, Prospect, Active, Inactive) to track their stage.","5. Add notes about the client's preferences and policy requirements.","6. Click Save to add the client to your database.","7. Click on any client to view their full profile, interaction history, and documents.","8. Use the filter and sort options to find specific clients quickly.","9. Edit client details at any time by clicking the Edit button on their profile.","10. Archive inactive clients to keep your active list clean and focused."],link:"/admin/crm/clients"},{id:"managing-contacts",title:"Managing Contacts",content:["Add contact persons for your clients:","1. Go to CRM > Contacts in the sidebar to see all contacts.","2. Click Add Contact to create a new contact record.","3. Link the contact to an existing client or company.","4. Enter contact details (name, email, phone, role, department).","5. Add notes about the contact's relationship to the client.","6. Set the contact as primary or secondary for their associated client.","7. Save the contact to your database for future reference.","8. Search contacts by name, email, or company to find them quickly.","9. View all interactions associated with a specific contact."],link:"/admin/crm/contacts"},{id:"sales-pipeline",title:"Using the Sales Pipeline",content:["Track deals and opportunities through your sales process:","1. Go to CRM > Pipeline in the sidebar to view your sales pipeline.","2. View deals organized by stage (New Lead, Contacted, Proposal, Negotiation, Won, Lost).","3. Drag and drop deals between stages to update their status visually.","4. Click on a deal to view full details, add notes, and attach documents.","5. Track deal values and expected close dates for revenue forecasting.","6. Use filters to focus on specific deal types, values, or team members.","7. Set reminders for follow-ups on high-value deals.","8. View pipeline analytics to understand conversion rates between stages.","9. Archive or delete deals that are no longer active.","10. Export pipeline data for reporting and analysis."],link:"/admin/crm/pipeline"},{id:"logging-interactions",title:"Logging Client Interactions",content:["Keep a record of all client communications:","1. Go to CRM > Interactions in the sidebar to see all logged interactions.","2. Click Log Interaction to add a new entry for a client communication.","3. Select the interaction type (Call, Email, Meeting, Note, In-Person Visit).","4. Choose the associated client and contact from the dropdown menus.","5. Add a detailed summary of the conversation, decisions made, and next steps.","6. Attach relevant files or documents discussed during the interaction.","7. Set a follow-up date if further action is required.","8. Save to add the interaction to the client's history.","9. View the complete interaction timeline on any client's profile page.","10. Filter interactions by type, date, or client for quick review."],link:"/admin/crm/interactions"},{id:"managing-tasks",title:"Managing CRM Tasks",content:["Create and track follow-up tasks:","1. Go to CRM > Tasks in the sidebar to view your task board.","2. Click Add Task to create a new task for yourself or a team member.","3. Enter the task title and a clear description of what needs to be done.","4. Set a due date and priority level (Low, Medium, High, Urgent).","5. Assign the task to yourself or another team member.","6. Link the task to a specific client, contact, or deal if applicable.","7. Use tags to categorize tasks (Renewal, Follow-up, Quote, Claims).","8. Mark tasks as complete when finished by clicking the checkbox.","9. View overdue tasks prominently highlighted at the top of the list.","10. Set recurring tasks for regular client check-ins or policy renew
1als."],link:"/admin/crm/tasks"},{id:"career-applications-crm",title:"Career Applications Management",content:["Review and manage job applications submitted through your career page:","1. Go to CRM > Applications in the sidebar to view all submitted applications.","2. See a list of applicants with their name, position applied for, and submission date.","3. Click on an application to view the full details including resume and cover letter.","4. Update the application status (New, Reviewing, Interview, Offered, Hired, Rejected).","5. Download attached resumes and cover letters for offline review.","6. Add internal notes about each applicant for team collaboration.","7. Filter applications by status, position, or date to find specific candidates.","8. Archive old applications that are no longer under consideration.","9. Receive email notifications when new applications are submitted."],link:"/admin/crm/applications"},{id:"exporting-client-data",title:"Exporting Client Data",content:["Export your CRM data for reporting, backups, or external analysis:","1. Go to CRM > Clients and click the Export button in the top-right corner.","2. Select the data format for export (CSV or Excel).","3. Choose which fields to include in the export (name, email, phone, status, etc.).","4. Apply filters before exporting to export only a subset of clients.","5. Click Export to download the file to your computer.","6. Use exported data to create custom reports in spreadsheet software.","7. Export contacts, interactions, and tasks separately from their respective pages.","8. Schedule regular exports for backup purposes using the recurring export option.","9. Exported files can be re-imported if you need to restore data."],link:"/admin/crm/clients"},{id:"email-integration-crm",title:"Email Integration for CRM",content:["Connect your email to streamline client communications:","1. Go to Settings > Integrations to set up email integration.","2. Connect your Gmail or Outlook account using the secure OAuth flow.","3. Once connected, client emails are automatically logged as interactions.","4. Send emails directly from client profiles without switching to your email app.","5. View email threads in the client's interaction history for full context.","6. Use email templates for common messages like policy renewals and follow-ups.","7. Track email opens and clicks to know when clients engage with your messages.","8. Set up auto-responders for common inquiries from the email settings.","9. Disconnect or reconnect your email account at any time from Settings."]}]},{id:"carebot",icon:E,title:"CareBot",description:"Learn how to use CareBot, your AI-powered assistant for website management, content editing, and analytics.",color:"bg-purple-50 text-purple-600",articles:[{id:"carebot-intro",title:"Introduction to CareBot",content:["CareBot is your AI-powered assistant that helps you manage your website:","1. Go to CareBot in the sidebar to open the AI assistant.","2. CareBot can edit website content, analyze data, generate images, and answer questions.","3. Simply type your request in plain language â no technical knowledge needed.","4. CareBot will suggest changes and ask for your approval before making them.","5. All changes are previewed before being applied to the live site.","6. CareBot remembers the context of your conversation for follow-up requests.","7. You can start a new chat at any time by clicking the New Chat button.","8. CareBot has access to your analytics, CRM, blog, and content management tools.","9. Use CareBot for quick updates instead of navigating through multiple admin pages."],link:"/admin/carebot"},{id:"website-changes",title:"How to Make Website Changes with CareBot",content:["Make changes to your website using natural language:","1. Go to the CareBot tab in the Admin Center.","2. Start a new chat by clicking the New Chat button.",'3. Type a question or request in plain language (e.g., "Update the hero section headline to Welcome to ConnectionsPlus").',"4. CareBot will analyze your request and propose the specific changes needed.","5. Review the proposed changes in the preview panel.",'6. If CareBot recommends a change, type "yes" or click Approve to confirm.',"7. The change will be applied to your live website immediately.","8. Preview the change on your website by opening a new browser tab.",'9. Type "undo" or "rollback" into the chat to reverse the change if needed.',"10. You can request multiple changes in the same conversation."],link:"/admin/carebot"},{id:"update-staff-image",title:"How to Update a Staff Image",content:["Update team member photos using CareBot:","1. Go to the CareBot tab in the Admin Center.","2. Start a new chat by clicking New Chat.",'3. Type: "Update the [name of agent] photo with the attached image".',"4. Click the attachment icon (paperclip) to attach the new image file.","5. Ensure the image is high-quality, square, and at least 400x400 pixels.","6. CareBot will process the image and show a preview of the update.",'7. Type "yes" to approve the update.',"8. Preview the update on your website's team section.","9. If the image doesn't look right, ask CareBot to crop or adju
1st it.","10. You can update multiple team member photos in the same conversation."],link:"/admin/carebot"},{id:"update-agent-title",title:"How to Update an Agent Title",content:["Change staff titles through CareBot:","1. Go to the CareBot tab in the Admin Center.","2. Start a new chat by clicking New Chat.",'3. Type: "Change the title of [name of agent] to [new title]".',"4. CareBot will find the team member and propose the title change.","5. Review the proposed change to make sure the name and new title are correct.",'6. When asked to approve, type "yes" to confirm the change.',"7. Preview the update on your website's About or Team page.","8. You can also update other staff details like bio text in the same conversation."],link:"/admin/carebot"},{id:"carebot-analytics",title:"Analyzing Website Data with CareBot",content:["Get insights about your website performance using natural language:","1. Go to the CareBot tab in the Admin Center.",'2. Ask questions like "How many visitors did we have last week?"','3. Request reports: "Show me our top performing pages this month."','4. Get SEO recommendations: "Analyze our search performance and suggest improvements."','5. Ask about traffic sources: "Where is our traffic coming from?"',`6. Compare periods: "How does this week's traffic compare to last week?"`,"7. CareBot uses real data from Google Analytics and Search Console for accurate answers.",'8. Ask for specific metrics: "What is our bounce rate on the homepage?"','9. Request trend analysis: "Show me our visitor growth over the past 3 months."',"10. Export data by asking CareBot to summarize findings for a report."],link:"/admin/carebot"},{id:"carebot-blog",title:"Managing Blog Posts with CareBot",content:["Create and edit blog content through CareBot:",'1. Ask CareBot to "Create a new blog post about [topic]" to start writing.',"2. Provide details like title, target audience, and key points to cover.","3. CareBot will generate a full blog post with proper formatting and structure.","4. The post includes SEO metadata (meta title, description, keywords) automatically.",'5. Request edits: "Update the blog post [title] to include more details about coverage options."',"6. Ask CareBot to generate a thumbnail image for the post.",`7. Manage categories and tags: "Add the tag 'auto insurance' to this post."`,'8. Publish or save as draft: "Publish this blog post" or "Save it as a draft."','9. Ask CareBot to optimize existing posts for SEO: "Improve the SEO of our latest blog post."'],link:"/admin/carebot"},{id:"carebot-sections",title:"Managing Homepage Sections with CareBot",content:["Control homepage sections through conversation:",`1. Ask "Show me all homepage sections" to see what's currently on your homepage.`,'2. Hide sections: "Hide the stats bar section from the homepage."','3. Show sections: "Show the testimonials section on the homepage."','4. Reorder sections: "Move the services section above the about section."','5. Change colors: "Set the hero background color to navy blue."','6. Adjust spacing: "Add more padding to the top of the CTA section."','7. Edit section content: "Change the about section headline to About Our Agency."',"8. Toggle section visibility without deleting content.",'9. Ask CareBot for layout recommendations: "What sections should I show for best conversion?"'],link:"/admin/carebot"},{id:"carebot-crm",title:"Using CareBot for CRM Tasks",content:["Manage clients and tasks through conversation:",'1. Create contacts: "Add a new contact John Smith, email [email protected], for ABC Insurance."','2. Log interactions: "Log a phone call with ABC Insurance about their renewal for next month."','3. Create tasks: "Create a task to follow up with John Smith by Friday about his quote."','4. Get overviews: "Show me the CRM overview" to see key stats and recent activity.',`5. Check pipeline: "What's our total pipeline value?" or "How many deals are in proposal stage?"`,'6. Search clients: "Find all clients with active auto insurance policies."','7. Update records: "Change the status of John Smith to Active Client."','8. View summaries: "Give me a summary of all interactions with ABC Insurance this month."'],link:"/admin/carebot"},{id:"carebot-voice",title:"Voice Commands with CareBot",content:["Use bidirectional voice control to interact with CareBot hands-free:","1. Click the microphone icon in the CareBot chat input area to start voice input.","2. Speak your request clearly in natural language â CareBot transcribes your speech in real time.","3. Voice commands work for all the same tasks as text input (content changes, analytics, CRM, etc.).","4. CareBot responds with voice output â it reads
1its answers aloud using text-to-speech.","5. Toggle the speaker icon to enable or disable voice responses at any time.","6. Say 'update the homepage headline' to make content changes entirely by voice.","7. Use voice for quick queries: 'How many visitors did we have today?'","8. End recording by clicking the microphone icon again.","9. Review the transcription before CareBot processes it to ensure accuracy.","10. Voice input works best in a quiet environment with a good microphone.","11. Bidirectional voice means you speak AND hear â true hands-free operation.","12. Voice responses are automatically paused when you start speaking again."],link:"/admin/carebot"},{id:"carebot-attachments",title:"Attaching Files & Screenshots",content:["Send files, screenshots, and clipboard images to CareBot for processing:","1. Click the paperclip/attachment icon in the CareBot chat input area.","2. Select the file you want to attach (images, PDFs, screenshots, documents).","3. Supported formats: JPG, PNG, WebP, GIF, PDF, and common document types.","4. Paste from clipboard: Press Ctrl+V (or Cmd+V on Mac) to paste a copied image directly into the chat.","5. Take a screenshot and paste it instantly â no need to save the file first.","6. Clipboard paste works with images copied from any application or website.","7. Attach screenshots to show CareBot exactly what you want changed on the website.","8. Upload new team member photos and ask CareBot to update the website.","9. Send logo files for CareBot to add to your website or blog posts.","10. Multiple files can be attached in a single message.","11. CareBot will analyze images and provide relevant context or make requested changes.","12. Use the screenshot + paste workflow for the fastest way to show CareBot a visual issue."],link:"/admin/carebot"},{id:"carebot-image-generation",title:"AI Image Generation",content:["Generate custom images using CareBot's AI capabilities:",'1. Ask CareBot to generate an image: "Create an image of a happy family in front of a house."',"2. Be descriptive in your prompt for better results: include style, colors, and mood.","3. CareBot will generate the image and show you a preview.","4. Approve the image to add it directly to your website or blog post.",'5. Request variations: "Generate a similar image but with a blue sky background."',"6. Use generated images for blog thumbnails, hero sections, and page illustrations.","7. Ask CareBot to create professional healthcare-themed imagery.","8. Generated images are automatically saved to your asset library.","9. You can regenerate images if the first result doesn't match your vision.",'10. Combine image generation with content updates: "Add this image to the about section."'],link:"/admin/carebot"},{id:"carebot-rollback",title:"CareBot Rollback History",content:["Undo and review changes made by CareBot:",'1. Type "undo" or "rollback" in the chat to reverse the most recent change.',"2. CareBot will confirm which change is being rolled back before proceeding.",'3. View the change history by asking "Show me recent changes."',"4. Each change includes a timestamp and description of what was modified.","5. You can rollback multiple changes by requesting undo multiple times.","6. Rollback is available for content edits, section visibility changes, and image updates.","7. Some changes like blog post creation may need manual deletion instead of rollback.","8. Always preview the rollback result on your live website to confirm."],link:"/admin/carebot"},{id:"carebot-social-media",title:"Social Media Management with CareBot",content:["Manage your social media presence through CareBot:",'1. Ask CareBot to create social media posts: "Write a Facebook post about our hospice care services."',"2. CareBot can generate engaging captions with relevant hashtags.",'3. Request platform-specific content: "Create an Instagram caption for this team photo."','4. Ask for content ideas: "Suggest 5 social media post ideas for this week."',"5. CareBot can draft posts for Facebook, Instagram, and Threads.","6. Review and edit generated posts before publishing to your social accounts.","7. Ask CareBot to repurpose blog content into social media posts.",'8. Get social media strategy tips: "What should we post to increase engagement?"',"9. Use CareBot to plan a content calendar for the upcoming week or month."],link:"/admin/carebot"}]},{id:"support",icon:I,title:"Support",description:"Submit and manage support tickets for technical issues and website assistance.",color:"bg-orange-50 text-orange-600",articles:[{id:"support-overview",title:"Support Ticket Overview",content:["The Support Tickets section helps you get help when you need it:","1. Go to Support Tickets in the sidebar to access the support system.","2. View all submitted tickets and their current status at a glance.","3. Track ticket progress through stages: Open, In Progress, and Resolved.","4. Submit new tickets for technical issues, feature requests, or website changes.","5. Our team reviews and responds to tickets within one business day.","6. Receive email notifications when your ticket status is updated.","7. Reopen resolved tickets if the issue persists by adding a new comment.","8. View your complete ticket history for reference and follow-up."],link:"/admin/tickets"},{id:"submit-ticket",title:"How to Submit a Support Ticket",content:["If you're experiencing a technical issue with the website or Admin Center:","1. Go to the Support Tickets tab in the Admin Center sidebar.","2. Click the Create Ticket button in the top-right corner.","3. Enter your email address so we can follow up with you directly.","4. Select a category for your issue (Bug, Feature Request, Content Change, General).",'5. Describe your issue in detail in the "How can we help you?" field.',"6. Include steps to reproduce the issue if applicable.","7. Attach screenshots or files to help illustrate the problem.","8. Set a priority level (Low, Medium, High) based on urgency.","9. Click Submit to send your ticket to our support team.","10. You will receive an email confirmation with your ticket number."],link:"/admin/tickets"},{id:"ticket-status",title:"Understanding Ticket Status",content:["Each ticket has a status indicating its progress:","⢠Open â Your ticket has been received and is awaiting review by our team.","⢠In Progress â A team member is actively working on your issue.","⢠Waiting for Info â We need additional information from you to proceed.","⢠Resolved â Your issue has been addressed and the ticket is closed.","You'll receive email updates as your ticket status changes.","Reply to the email notification to add comments directly to your ticket.","Resolved tickets are automatically archived after 30 days.","You can reopen a resolved ticket if the issue returns."],link:"/admin/tickets"},{id:"contact-direct",title:"Contact Us Directly",content:["Have additional questions about your website or Admin Center?","You may contact us directly at any time:","","AI Advantage, LLC","Phone: (540) 555-0123","Email: [email protected]","","Business Hours: MondayâFriday, 9 AM â 5 PM EST","We typically respond within 24 hours on business days.","For urgent issues outside business hours, please submit a high-priority support ticket."]},{id:"common-issues",title:"Common Issues and Solutions",content:["Before submitting a ticket, try these common solutions:","⢠Page not loading: Clear your browser cache (Ctrl+Shift+Delete) and refresh the page.",`⢠Can't log in: Double-check your email and password. Use the "Forgot Password" link to reset.`,"⢠Changes not appearing: Wait 2-3 minutes for cache to clear, then hard refresh (Ctrl+F5).","⢠Error messages: Take a screenshot of the full error and include it in your ticket.","⢠Slow performance: Try a different browser or disable browser extensions.","⢠Images not loading: Check that the image file is under 5MB and in a supported format.","⢠Mobile layout issues: Test in Chrome or Safari on your mobile device and share screenshots.","⢠Email notifications not arriving: Check your spam/junk folder and whitelist our email domain.","If these don't resolve your issue, please submit a support ticket with details."],link:"/admin/tickets"},{id:"priority-levels",title:"Priority Levels Explained",content:["Understanding ticket priority levels helps set proper expectations:","1. Low Priority â Minor cosmetic issues, suggestions, or general questions. Response within 3 business days.","2. Medium Priority â Non-critical bugs, content change requests, or feature inquiries. Response within 1-2 business days.","3. High Priority â Broken functionality, pages n
1ot loading, or issues affecting visitors. Response within 24 hours.","4. Urgent/Critical â Website is completely down or a major security issue. Response within 4 hours during business days.","5. Choose the priority level that best matches the impact on your business.","6. Our team may adjust the priority if the issue is assessed differently upon review.","7. High-priority tickets are escalated to senior team members automatically.","8. Monitor ticket updates via email notifications for the latest progress."],link:"/admin/tickets"},{id:"requesting-website-changes",title:"Requesting Website Changes",content:["Submit a ticket to request design or content changes to your website:","1. Go to Support Tickets and click Create Ticket.",'2. Select "Content Change" or "Feature Request" as the ticket category.',"3. Describe the change you want in detail â include specific pages, sections, and desired outcomes.","4. Attach mockups, screenshots, or reference images to illustrate your vision.","5. Specify if the change is text-only, design-related, or a new feature.","6. Mention any deadlines or time-sensitive needs.","7. Our team will review the request and provide a timeline for completion.","8. You'll receive a preview link to review changes before they go live.","9. Approve the changes or request revisions through the ticket conversation.","10. Changes are published to your live website only after your final approval."],link:"/admin/tickets"}]},{id:"blog-content",icon:y,title:"Blog & Content",description:"Create, edit, publish, and optimize blog posts to drive traffic and engage your audience.",color:"bg-teal-50 text-teal-600",articles:[{id:"write-blog-article",title:"How to Write a Blog Article",content:["Create a new blog post from scratch step-by-step:","1. Go to Blog Manager in the sidebar and click Create New Post.","2. Enter a compelling title that includes your target keyword naturally.","3. Write your introduction â hook the reader and explain what they'll learn.","4. Structure your content with clear headings (H2, H3) for easy scanning.","5. Write body paragraphs with actionable tips, examples, and local references.","6. Include relevant images throughout the post to break up text.","7. Add internal links to related blog posts and insurance pages on your site.","8. Write a conclusion that summarizes key points and includes a call-to-action.","9. Proofread for spelling, grammar, and accuracy before publishing.","10. Aim for 800-1,500 words per post for optimal SEO performance."],link:"/admin/dx-studio"},{id:"publish-blog-post",title:"How to Publish a Blog Post",content:["Finalize and publish your blog post for the world to see:","1. After writing your post, review it in the preview mode.","2. Ensure all images are uploaded and displaying correctly.","3. Set the blog post category (Auto, Home, Life, Business, General).","4. Add relevant tags for improved searchability and categorization.","5. Fill in the SEO fields: meta title, meta description, and slug.","6. Upload or generate a featured/thumbnail image for the post.","7. Set the author name and publication date.","8. Choose to Publish immediately or Save as Draft for later.","9. Click Publish to make the post live on your website's blog page.","10. Share the published post link on social media for maximum reach."],link:"/admin/dx-studio"},{id:"edit-blog-post",title:"How to Edit an Existing Blog Post",content:["Update and improve your published blog posts:","1. Go to Blog Manager in the sidebar to see all your posts.","2. Find the post you want to edit using search or scrolling through the list.","3. Click the Edit button (pencil icon) on the post you want to modify.","4. Make your changes to the title, content, images, or formatting.","5. Update the SEO metadata if the content focus has changed.","6. Add new sections or expand existing content for better depth.","7. Replace outdated images with fresh, relevant ones.","8. Update internal links to point to newer or more relevant pages.","9. Click Save to publish your updates immediately.","10. The post's URL (slug) remains the same to preserve existing search rankings."],link:"/admin/dx-studio"},{id:"blog-categories-tags",title:"Managing Blog Categories & Tags",content:["Organize your blog content with categories and tags:","1. Categories are broad topics like Auto Insurance, Home Insurance, or Business Insurance.","2. Tags are specific descriptors like 'Lexington VA', 'savings tips', or 'policy renew
1al'.","3. Assign one primary category to each blog post for clear organization.","4. Add 3-5 relevant tags per post to improve discoverability.","5. Use consistent category names across all posts for a clean structure.","6. Tags help visitors find related content when browsing your blog.","7. Create new categories as your content expands into new insurance topics.","8. Avoid creating duplicate or overly similar categories and tags.","9. Review and consolidate categories periodically to keep the blog organized."],link:"/admin/dx-studio"},{id:"blog-seo-metadata",title:"Adding SEO Metadata to Blog Posts",content:["Optimize each blog post for search engines with proper metadata:","1. Open the blog post editor and scroll to the SEO section.","2. Write a meta title (50-60 characters) that includes your target keyword.","3. Write a meta description (150-160 characters) that entices clicks from search results.","4. Set a clean URL slug using hyphens between words (e.g., 'auto-insurance-tips-lexington').","5. Add a focus keyword that represents the main topic of the post.","6. Include the focus keyword in the title, first paragraph, and at least one heading.","7. Add alt text to all images describing what they show for accessibility and SEO.","8. Use the SEO score indicator to check if your post is well-optimized.","9. Preview how the post will appear in Google search results using the preview tool.","10. Update metadata for older posts to improve their search rankings over time."],link:"/admin/dx-studio"},{id:"blog-thumbnail-ai",title:"Blog Thumbnail Generation with AI",content:["Generate professional blog thumbnails using AI image generation:","1. Open the blog post editor and navigate to the thumbnail section.","2. Click the Generate Thumbnail button to use the AI image generator.","3. The system automatically creates a prompt based on your blog post title and content.","4. Review the generated thumbnail image in the preview area.","5. If the image doesn't match your vision, click Regenerate for a new option.","6. Customize the prompt text to guide the AI toward your preferred style.","7. Generated thumbnails are automatically sized and optimized for web display.","8. The thumbnail is saved to your asset library for future use.","9. You can also upload a custom thumbnail image instead of using AI generation.","10. Ensure the thumbnail visually represents the blog post topic for reader engagement."],link:"/admin/dx-studio"},{id:"blog-scheduling-drafts",title:"Scheduling & Drafting Posts",content:["Plan your content calendar with drafts and scheduled posts:","1. When creating a post, choose Save as Draft instead of Publish to keep it private.","2. Drafts are visible only in the Admin Center and not on the public website.","3. Work on drafts over multiple sessions â your progress is automatically saved.","4. Set a target publication date in the post settings for content planning.","5. Review drafts with your team before publishing for quality assurance.","6. Move posts between Draft and Published status at any time.","7. Use drafts to prepare seasonal content ahead of time (holidays, enrollment periods).","8. Keep a backlog of draft ideas for weeks when you need content quickly.","9. Plan your blog calendar monthly to maintain a consistent publishing schedule."],link:"/admin/dx-studio"},{id:"blog-best-practices",title:"Blog Best Practices for Insurance Agencies",content:["Maximize the impact of your insurance blog with these proven strategies:","1. Publish at least 2-4 blog posts per month to maintain fresh content.","2. Focus on local topics relevant to your community (Lexington, Shenandoah Valley).","3. Answer common customer questions â these make excellent blog topics.","4. Include clear calls-to-action (Get a Quote, Contact Us, Learn More) in every post.","5. Use real examples and local landmarks to make content relatable and trustworthy.","6. Optimize for local SEO by mentioning your city, county, and state naturally.","7. Share posts on social media immediately after publishing for initial traffic.","8. Update older posts with new information to keep them ranking in search results.","9. Track which topics get the most views and engagement, then write more like those.","10. Cross-link related posts to keep visitors on your site longer and reduce bounce rate."],link:"/admin/dx-studio"}]},{id:"seo-marketing",icon:q,title:"SEO & Marketing",description:"Optimize your website for search engines, improve rankings, and grow your online presence.",color:"bg-indigo-50 text-indigo-600",articles:[{id:"seo-basics",title:"Understanding SEO Basics",content:["Search Engine Optimization (SEO) helps your website rank higher in Google:","1. SEO is the process of optimizing your website so search engines can find and rank it.","2. Higher rankings mean more visibility, more traffic, and more potential clients.","3. Key ranking factors include relevant content, page speed, mobile-friendliness, and backlinks.","4. On-page SEO involves optimizing titles, headings, content, and meta de
1scriptions.","5. Off-page SEO includes backlinks from other websites and social media signals.","6. Technical SEO covers site speed, mobile responsiveness, and proper HTML structure.","7. Local SEO focuses on ranking in your geographic area (Lexington, VA and surrounding areas).","8. SEO is a long-term strategy â results typically appear after 3-6 months of consistent effort.","9. Use the SEO tools built into your Admin Center to monitor and improve your rankings.","10. Focus on creating helpful, accurate content that answers your audience's questions."],link:"/admin/keyword-research"},{id:"seo-recommendations-tool",title:"Using the SEO Recommendations Tool",content:["Get actionable SEO suggestions from the built-in recommendations tool:","1. Go to SEO in the sidebar to access the SEO dashboard and recommendations.","2. The tool analyzes your pages and provides specific improvement suggestions.","3. Recommendations are prioritized by impact â fix high-impact items first.","4. Common recommendations include adding meta descriptions, improving title tags, and adding alt text.","5. Click on any recommendation to see the affected page and what needs to change.","6. Implement changes directly from the content editor or through CareBot.","7. Rerun the analysis after making changes to see your improved SEO score.","8. The tool checks for broken links, missing images, and slow-loading pages.","9. Review recommendations weekly to stay on top of optimization opportunities.","10. Track your SEO score over time to measure improvement progress."],link:"/admin/keyword-research"},{id:"page-titles-meta",title:"Optimizing Page Titles & Meta Descriptions",content:["Craft effective titles and descriptions that boost click-through rates:","1. The page title (title tag) appears in browser tabs and Google search results.","2. Keep titles between 50-60 characters to avoid truncation in search results.","3. Include your primary keyword near the beginning of the title.",'4. Add your brand name at the end of the title (e.g., "| ConnectionsPlus Healthcare").',"5. Meta descriptions appear below the title in search results and should be 150-160 characters.","6. Write compelling meta descriptions that encourage users to click through.",'7. Include a call-to-action in the meta description ("Get a free quote today").',"8. Each page should have a unique title and meta description â avoid duplicates.","9. Use the Content Manager or CareBot to update titles and descriptions easily.","10. Test different titles and descriptions over time to see which drive more clicks."]},{id:"search-console-overview",title:"Google Search Console Overview",content:["Monitor your website's search performance with Google Search Console:","1. Google Search Console (GSC) shows how your site performs in Google search.","2. View your site's data in the Analytics section of the Admin Center.","3. Key metrics include Total Clicks, Total Engagement, Average CTR, and Average Position.","4. Clicks show how many times users clicked through to your site from search results.","5. Total Engagement shows how many times your site appeared in search results.","6. CTR (Click-Through Rate) is the percentage of impressions that resulted in a click.","7. Average Position shows your typical ranking position in Google search.","8. Use the Queries tab to see what search terms people use to find your site.","9. Use the Pages tab to see which pages get the most search traffic.","10. Check for any indexing errors or warnings that could affect your visibility."],link:"/admin"},{id:"keywords-rankings",title:"Understanding Keywords & Rankings",content:["Learn how keywords affect your search visibility and how to track rankings:","1. Keywords are the words and phrases people type into Google to find services like yours.",'2. Target keywords that your ideal clients would use ("auto insurance Lexington VA").',"3. Long-tail keywords (3+ words) are easier to rank for and often have higher conversion rates.","4. Use the Keyword Research tool in your Admin Center to discover relevant keywords.","5. Check your current keyword rankings in the Analytics > Search Console section.","6. Focus on ranking for keywords related to your services and location.","7. Create dedicated pages or blog posts targeting your most important keywords.","8. Monitor ranking changes weekly to identify trends and opportunities.","9. Competitor keywords can inspire new content ideas for your blog.","10. Avoid keyword stuffing â use keywords naturally within quality content."],link:"/admin/keyword-research"},{id:"internal-linking",title:"Internal Linking Best Practices",content:["Use internal links to improve SEO and help visitors navigate your site:","1. Internal links connect one page on your site to another related page.","2. They help search engines understand your site structure and page hierarchy.","3. Link from blog posts to relevant insurance service pages (and vice versa).","4. Use descriptive anchor text that tells the reader what the linked page is about.",'5. Avoid generic anchor text like "click here" â use specific phrases instead.',"6. Ensure every important page is linked to from at least 2-3 other pages.","7. Add a Related Posts section at the bottom of each blog post.","8. Link from high-traffic pages to pages that need more visibility.","9. Check for broken internal links periodically using the SEO audit tool.","10. A good internal linking structure keeps visitors on your site longer."]},{id:"structured-data",title:"Structured Data & Schema Markup",content:["Help search engines understand your content with structured data:","1. Structured data (schema markup) provides additional context to search engines.","2. Your website includes LocalBusiness schema for your insurance agency information.","3. Blog posts use Article schema to enhance how they appear in search results.","4. FAQ schema can display questions and answers directly in Google search results.","5. Review schema is used to display star ratings in search results if you have reviews.","6. Breadcrumb schema helps Google display your site hierarchy in results.","7. Structured data is automatically managed by the platform â no manual coding required.","8. Verify your structured data using Google's Rich Results Test tool.","9. Properly implemented schema can significantly increase your click-through rate."]},{id:"local-seo",title:"Local SEO for Insurance Agencies",content:["Optimize your website to attract clients in your local service area:",'1. Local SEO helps your agency appear in "near me" searches and Google Maps.',"2. Ensure your Google Business Profile is claimed, verified, and up to date.","3. Keep your NAP (Name, Address, Phone) consistent across all online directories.","4. Include your city and state in page titles, headings, and content naturally.","5. Create location-specific content about Lexington, VA and Rockbridge County.","6. Encourage satisfied clients to leave Google reviews â they boost local rankings.","7. Add your address, phone number, and hours to your website's footer.",'8. Use local keywords in blog posts (e.g., "Shenandoah Valley home insurance").',"9. Get listed on local directories like Yelp, Yellow Pages, and chamber of commerce sites.","10. Respond to all Google reviews (positive and negative) to show engagement."]}]},{id:"analytics-reporting",icon:z,title:"Analytics & Reporting",description:"Track website performance, visitor behavior, and generate reports for data-driven decisions.",color:"bg-cyan-50 text-cyan-600",articles:[{id:"analytics-dashboard",title:"Google Analytics Dashboard Overview",content:["Navigate the analytics dashboard to understand your website's performance:","1. Go to Analytics in the sidebar to access your Google Analytics data.","2. The overview shows key metrics: Users, Sessions, Page Views, and Bounce Rate.","3. View the traffic trend chart showing visitor patterns over time.","4. Check the real-time section to see how many users are on your site right now.","5. Use the date range picker to analyze data for specific time periods.","6. Compare current performance to previous periods to i
1dentify trends.","7. View the geographic breakdown showing where your visitors are located.","8. Check the technology breakdown for browser and device information.","9. Click on individual metrics for more detailed drill-down views.","10. Export dashboard data as a report for sharing with stakeholders."],link:"/admin"},{id:"traffic-sources",title:"Understanding Traffic Sources",content:["Learn where your website visitors are coming from:","1. Traffic sources show how visitors find and arrive at your website.","2. Organic Search â Visitors who found you through Google or Bing searches.","3. Direct â Visitors who typed your URL directly into their browser.","4. Referral â Visitors who clicked a link to your site from another website.","5. Social â Visitors who came from social media platforms (Facebook, Instagram, etc.).","6. Paid â Visitors from paid advertising campaigns (Google Ads, social ads).","7. The traffic sources chart shows the percentage breakdown of each channel.","8. Focus on growing your organic search traffic for long-term sustainable growth.","9. Identify your top referral sources and build relationships with those sites.","10. Track which social platforms drive the most engaged visitors to your site."],link:"/admin"},{id:"page-performance",title:"Analyzing Page Performance",content:["Identify your best and worst performing pages:","1. Go to Analytics and view the Top Pages section to see your most visited pages.","2. Check page views, unique visitors, and average time on page for each page.","3. High page views with low time-on-page may indicate content isn't engaging.","4. Low page views on important pages may mean they need better internal linking.","5. Compare landing pages to see which attract the most new visitors.","6. Check exit pages to understand where visitors leave your site.","7. Review the bounce rate for individual pages to identify problem areas.","8. Use page performance data to prioritize content updates and improvements.","9. Monitor blog post performance to identify your most popular topics.","10. Set benchmarks and track improvement over time for key pages."],link:"/admin"},{id:"realtime-visitors",title:"Real-Time Visitor Monitoring",content:["See who is on your website right now in real-time:","1. Go to Analytics to view the real-time visitor count on the dashboard.","2. See the current number of active users browsing your website.","3. View which pages active visitors are currently viewing.","4. Monitor real-time traffic during marketing campaigns to measure impact.","5. Check real-time data after posting on social media to see the immediate effect.","6. View the geographic location of current visitors on the map.","7. Real-time data refreshes automatically every few seconds.","8. Use real-time monitoring to verify that tracking is working correctly.","9. Compare real-time traffic patterns to historical averages."],link:"/admin"},{id:"device-location",title:"Device & Location Breakdown",content:["Understand your audience's devices and geographic locations:","1. View the device breakdown chart showing Desktop, Mobile, and Tablet usage.","2. Most insurance agency websites see 50-60% mobile traffic â ensure your site is mobile-optimized.","3. Check the geographic breakdown to see which cities and states your visitors are from.","4. Focus your marketing on areas where you see the most visitor engagement.","5. If mobile traffic is high but conversions are low, improve your mobile user experience.","6. View browser breakdown (Chrome, Safari, Firefox) to ensure compatibility.","7. Compare device trends over time to see if mobile usage is growing.","8. Use location data to tailor your local SEO strategy.","9. Consider creating content targeted at your top geographic markets."],link:"/admin"},{id:"tracking-conversions",title:"Tracking Conversions & Goals",content:["Measure how effectively your website turns visitors into leads:","1. Conversions are specific actions visitors take on your site (form submissions, quote requests, calls).","2. Track form submissions from the Get a Quote, Contact Us, and other forms.","3. Monitor phone call clicks from mobile visitors as a conversion event.","4. Review the conversion rate (conversions divided by total visitors) for your site.","5. Set up goals for key actions like newsletter signups and document downloads.","6. Track which pages drive the most conversions to identify your best content.","7. Compare conversion rates across traffic sources to see which channels perform best.","8. Optimize low-converting pages by improving their calls-to-action and content.","9. Monitor conversion trends over time to measure the impact of site improvements.","10. Use conversion data to justify marketing spend and prioritize improvements."],link:"/admin"},{id:"custom-reports",title:"Creating Custom Reports",content:["Generate custom reports to share insights with your team:","1. Go to Analytics and select the metrics and date range you want to report on.","2. Use filters to focus on specific traffic sources, pages, or user segments.","3. Export data as CSV for analysis in spreadsheet software like Excel or Google Sheets.","4. Create monthly performance reports comparing key metrics to previous months.","5. Include top pages, traffic sources, and conversion data in your reports.","6. Use the SEO section to add keyword ranking data to your reports.","7. Track key metrics over time to show growth and trends to stakeholders.","8. Share reports with team members or stakeholders via email.","9. Schedule regular reporting intervals (weekly, monthly, quarterly) for consistency."],link:"/admin"},{id:"bounce-rate-sessions",title:"Understanding Bounce Rate & Session Duration",content:["Learn what bounce rate and session duration mean for your website:","1. Bounce rate is the percentage of visitors who leave after viewing only one page.","2. A lower bounce rate is generally better â it means visitors are exploring your site.","3. Average bounce rate for insurance websites is 40-55%; above 70% may need attention.","4. Reduce bounce rate by adding internal links, related content, and clear navigation.","5. Session duration measures how long visitors spend on your site per visit.","6. Longer session durations indicate that visitors find your content useful and engaging.","7. Blog posts with engaging content typically have longer session durations.","8. Service pages with clear calls-to-action tend to have lower bounce rates.","9. Monitor these metrics per page to identify content that needs improvement.","10. Use A/B testing on page layouts and content to improve both metrics."],link:"/admin"}]}
1,{id:"website-design",icon:O,title:"Website Design",description:"Complete design toolkit â animations, spacing, typography, images, AI generation, cropping, and full layout control.",color:"bg-pink-50 text-pink-600",articles:[{id:"colors-fonts",title:"Changing Website Colors & Fonts",content:["Customize your website's color palette and typography like a pro:","1. Go to Content Manager > Site Style or ask CareBot to update colors.","2. Your primary brand color (#1a3a5c navy blue) is used across headers, buttons, and accents.","3. Secondary color (gold/amber) highlights CTAs and important elements.","4. Use the color picker or enter hex codes (#ffffff), RGB (rgb(255,255,255)), or HSL values.","5. Background colors can be set per-section â use gradient overlays for modern effects.","6. Font families: Choose from 1000+ Google Fonts for headings and body text separately.","7. Set font sizes per element: Hero titles (48-72px), section headings (28-36px), body text (16-18px).","8. Control font weight (light 300, regular 400, medium 500, semibold 600, bold 700).","9. Line height (1.4-1.8 for body text) and letter spacing (0-2px) fine-tune readability.","10. Preview all typography changes live before saving â changes apply site-wide instantly.","11. Ask CareBot: 'Change heading font to Montserrat bold' or 'Set body text to Open Sans 16px'."]},{id:"padding-margins",title:"Padding, Margins & Spacing Control",content:["Master spacing to create clean, professional layouts with pixel-perfect control:","1. Padding is the space INSIDE an element â between content and its border.","2. Margin is the space OUTSIDE an element â between the element and its neighbors.","3. Go to Section Layout to adjust padding for each homepage section individually.","4. Each section has 4-directional padding: Top, Right, Bottom, Left (measured in pixels).","5. Use consistent vertical spacing: 40-80px padding for major sections, 20-40px for sub-sections.","6. Horizontal padding keeps content away from screen edges â typically 20-60px on desktop, 16-24px on mobile.","7. Use 'gap' spacing between grid items â 16px for tight layouts, 24-32px for breathing room.","8. Card elements typically need 16-24px internal padding for comfortable content display.","9. Ask CareBot: 'Set hero section padding to 80px top, 60px bottom' for quick adjustments.","10. Use the visual padding editor to drag and resize spacing in real time.","11. Reset spacing to defaults: Ask CareBot 'Reset padding for [section name]'.","12. Pro tip: Use consistent spacing ratios (8px base: 8, 16, 24, 32, 48, 64, 80) for visual harmony."]},{id:"animations-effects",title:"Animations & Transition Effects",content:["Add engaging animations and smooth transitions to bring your website to life:","1. Go to Content Manager > Site Style > Animations to manage animation settings.","2. Scroll animations: Elements fade in, slide up, or zoom as visitors scroll down the page.","3. Available animation types: fadeIn, fadeInUp, fadeInDown, fadeInLeft, fadeInRight, zoomIn, bounceIn, slideUp.","4. Set animation duration (0.3s for snappy, 0.5-0.8s for smooth, 1s+ for dramatic effects).","5. Animation delay: Stagger elements so they appear sequentially (0s, 0.1s, 0.2s, etc.).","6. Hover effects for buttons: Scale (grow 5-10%), color change, shadow lift, underline slide.","7. Page transitions: Smooth fade between pages when navigating (300-500ms duration).","8. Parallax scrolling: Background images move slower than foreground content for depth effect.","9. Loading animations: Skeleton screens or spinners while content loads.","10. Ask CareBot: 'Add fadeInUp animation to the services section with 0.5s duration'.","11. Disable animations: Toggle off for users who prefer reduced motion (accessibility).","12. Pro tip: Use subtle animations â excessive movement can distract and slow performance.","13. Test all animations on mobile â some complex effects may lag on older devices."]},{id:"hover-effects",title:"Hover Effects & Interactive States",content:["Create engaging interactive elements that respond to user interaction:","1. Hover effects activate when a visitor moves their mouse over an element.","2. Button hover: Change background color, add shadow, or scale up slightly (transform: scale(1.05)).","3. Card hover: Lift cards with box-shadow increase and subtle Y-axis translation (-4px).","4. Image hover: Apply zoom effect (scale 1.05-1.1), overlay text, or grayscale-to-color transition.","5. Link hover: Underline animation, color change, or background highlight effect.","6. Navigation hover: Dropdown menus, background color change, or bottom border indicator.","7. Icon hover: Rotate, bounce, color change, or scale effect for interactive icons.","8. Set transition timing: ease (natural), ease-in-out (smooth), ease-
1out (decelerating).","9. Transition duration: 0.2-0.3s for buttons, 0.3-0.5s for cards, 0.15s for links.","10. Ask CareBot: 'Add hover shadow effect to service cards' or 'Make buttons grow on hover'.","11. Active states: Style how elements look when clicked/pressed (slightly darker, scale down).","12. Focus states: Ensure keyboard-navigable elements have visible focus rings for accessibility."]},{id:"image-upload-management",title:"Uploading & Managing Images",content:["Upload, organize, and manage all your website images in one place:","1. Go to Assets in the sidebar to access the media library.","2. Click Upload or drag and drop files directly into the upload area.","3. Supported formats: JPG/JPEG (photos), PNG (graphics/logos), WebP (optimized), SVG (icons/vectors), GIF (animations).","4. Maximum upload size: Images up to 10MB â optimize larger files before uploading.","5. Recommended dimensions: Hero images (1920x1080px), team photos (800x800px), thumbnails (400x300px).","6. Organize images into folders: Team Photos, Service Images, Blog Thumbnails, Backgrounds, Logos.","7. Search images by filename, tags, or upload date in the asset library.","8. Replace existing images: Click on any image and choose 'Replace' to swap without changing URLs.","9. Bulk upload: Select multiple images at once for batch uploading.","10. Image metadata: Add alt text, title, caption, and description for accessibility and SEO.","11. Copy image URL: Click any image in the library to copy its URL for use in pages.","12. Delete unused images regularly to keep your media library organized."]},{id:"image-cropping-editing",title:"Image Cropping & Editing",content:["Crop, resize, and edit images directly within the admin center:","1. Select any image in the Assets library and click Edit to open the image editor.","2. Crop tool: Drag the crop handles to select the area you want to keep.","3. Aspect ratio presets: 16:9 (hero banners), 4:3 (thumbnails), 1:1 (profile photos), 3:4 (portraits).","4. Free crop: Drag any corner without ratio constraints for custom shapes.","5. Resize: Set exact pixel dimensions (e.g., 800x600) or scale by percentage.","6. Rotate: Rotate images 90° clockwise/counter-clockwise, or enter a custom angle.","7. Flip: Mirror images horizontally or vertically for design flexibility.","8. Brightness & contrast: Adjust image brightness (-100 to +100) and contrast for clarity.","9. Filters: Apply preset filters â sharpen, soften, grayscale, sepia, warm, cool.","10. Compression: Optimize file size while maintaining quality â choose quality level (60-100%).","11. Save options: Save as new image (keep original) or overwrite the existing file.","12. Ask CareBot: 'Crop the hero image to 16:9 ratio' or 'Resize team photo to 400x400'."]},{id:"ai-image-generation",title:"AI Image Generation",content:["Generate custom images using AI for your blog posts, pages, and marketing materials:","1. Open CareBot and ask: 'Generate an image of [describe what you want]'.","2. AI uses Gemini AI to create unique images from text descriptions.","3. Be specific in your prompt: Include subject, style, colors, mood, and setting.","4. Example prompts: 'A professional family reviewing insurance documents in a modern office'.","5. 'A cozy Virginia home with autumn leaves, warm lighting, protective shield overlay'.","6. 'Abstract blue and gold background with subtle insurance icons for blog header'.","7. Style options: Photorealistic, illustration, watercolor, minimalist, corporate, vintage.","8. Generated images are automatically saved to your Assets library for reuse.","9. Use AI images for: Blog thumbnails, section backgrounds, social media posts, marketing banners.","10. Edit AI images after generation: Crop, resize, or adjust using the built-in image editor.","11. Best practice: Always review AI images before publishing â check for accuracy and quality.","12. Combine AI generation with your real photos for a unique, professional brand look.","13. Ask CareBot: 'Generate a blog thumbnail for an article about home insurance tips in winter'."]}
1,{id:"background-images-overlays",title:"Background Images & Overlays",content:["Set powerful background images with overlays for professional-looking sections:","1. Any section can have a background image â go to Section Layout and click the section.","2. Upload a background image or choose from your Assets library.","3. Background size options: Cover (fill entire area), Contain (show full image), Custom size.","4. Background position: Center (default), Top, Bottom, Left, Right, or custom X/Y coordinates.","5. Background repeat: No-repeat (single image), Repeat (tile pattern), Repeat-X/Y (directional tiling).","6. Background attachment: Scroll (moves with content) or Fixed (parallax/sticky effect).","7. Color overlays: Add a semi-transparent color layer over backgrounds for text readability.","8. Overlay opacity: 0% (fully transparent) to 100% (solid color) â 40-60% is typical for text over images.","9. Gradient overlays: Combine two colors for smooth transitions (linear or radial gradients).","10. Ask CareBot: 'Set hero background to [image] with 50% navy blue overlay'.","11. Remove backgrounds: Clear the background image to revert to a solid color.","12. Pro tip: Use dark overlays with white text or light overlays with dark text for contrast."]},{id:"typography-advanced",title:"Advanced Typography & Text Styling",content:["Fine-tune every aspect of text appearance across your website:","1. Text alignment: Left (default for body), Center (for headings/CTAs), Right, or Justify.","2. Text transform: Uppercase (HEADINGS), lowercase, capitalize (Title Case), or none.","3. Text decoration: Underline, strikethrough, overline â useful for links and emphasis.","4. Text shadow: Add depth to text (e.g., '2px 2px 4px rgba(0,0,0,0.3)') for hero text.","5. Word spacing and letter spacing: Adjust for visual refinement (0.5-2px for headings).","6. Line clamping: Truncate long text with ellipsis after a set number of lines.","7. Rich text formatting: Bold, italic, underline, blockquotes, numbered/bulleted lists.","8. Heading hierarchy: H1 (page title, one per page), H2 (sections), H3 (sub-sections).","9. Custom CSS classes: Apply specific styles to individual text elements.","10. Ask CareBot: 'Make the hero subtitle italic with 1px letter spacing' or 'Center all section headings'.","11. Responsive typography: Font sizes automatically scale down on mobile devices.","12. Web-safe font stacks: Fallback fonts ensure text displays correctly on all devices."]},{id:"grid-flexbox-layout",title:"Grid & Flexbox Layouts",content:["Create flexible, responsive layouts using grid and flexbox systems:","1. Grid layout: Organize content in rows and columns with precise control.","2. Column options: 1 column (full width), 2 columns (50/50), 3 columns (33/33/33), 4 columns (25x4).","3. Custom column widths: Set uneven splits like 60/40, 70/30, or 2/3 + 1/3 for varied layouts.","4. Gap spacing: Control the space between grid items (8px tight, 16px standard, 32px spacious).","5. Flexbox alignment: Center items vertically, horizontally, or distribute them evenly.","6. Flex direction: Row (horizontal), Column (vertical), Row-reverse, Column-reverse.","7. Flex wrap: Allow items to wrap to new lines when they exceed the container width.","8. Justify content: Space-between, space-around, space-evenly for balanced distributions.","9. Responsive breakpoints: Layouts automatically stack on mobile (1 column) from multi-column on desktop.","10. Ask CareBot: 'Change services section to a 3-column grid with 24px gap'.","11. Nested layouts: Place grids inside grids for complex page structures.","12. Full-width vs contained: Sections can span the full browser width or stay within a max-width container."]},{id:"borders-shadows-radius",title:"Borders, Shadows & Border Radius",content:["Add depth and definition to elements with borders, shadows, and rounded corners:","1. Borders: Add solid, dashed, or dotted borders to any element (1-4px typical width).","2. Border color: Match your brand colors or use subtle grays (#e2e8f0) for clean separation.","3. Individual borders: Set top, right, bottom, or left borders independently.","4. Border radius: Round corners â 4px (subtle), 8px (moderate), 16px (round), 50% (circle).","5. Pill shape: Use large border-radius (9999px) for roun
1ded buttons and badges.","6. Box shadow: Add drop shadows for depth â 'sm' (subtle), 'md' (standard), 'lg' (prominent).","7. Shadow examples: Small (0 1px 3px rgba(0,0,0,0.1)), Large (0 10px 25px rgba(0,0,0,0.15)).","8. Inset shadows: Inner shadows create recessed/pressed effects for input fields.","9. Multiple shadows: Stack shadows for complex depth effects (close shadow + distant shadow).","10. Ask CareBot: 'Add rounded corners and shadow to the testimonials cards'.","11. Hover shadows: Increase shadow on hover to create a 'lift' effect on interactive cards.","12. Remove effects: Set border to 'none' and shadow to 'none' for a flat, modern look."]},{id:"button-styling",title:"Button Styling & Call-to-Actions",content:["Design effective buttons with complete styling control:","1. Button variants: Primary (filled), Secondary (outline), Ghost (transparent), Link (text only).","2. Button sizes: Small (sm), Medium (md/default), Large (lg) â choose based on importance.","3. Colors: Primary (#1a3a5c), Success (green), Danger (red), Warning (amber), Custom hex.","4. Border radius: Square (0), Rounded (8px), Pill (9999px) â pill shape is modern and clickable.","5. Padding: Horizontal (16-32px) and vertical (8-16px) padding for comfortable click targets.","6. Icon buttons: Add icons before or after text (arrow, phone, quote, calendar icons).","7. Full-width buttons: Stretch across the container â great for mobile and forms.","8. Hover states: Color shift, scale up (1.05), shadow lift, or underline effect on hover.","9. Active/pressed state: Slight scale down (0.98) and darker color for tactile feedback.","10. Disabled state: Reduced opacity (50%) and 'not-allowed' cursor for inactive buttons.","11. Loading state: Show a spinner icon inside the button while processing an action.","12. Ask CareBot: 'Make the Get a Quote button larger with rounded corners and a hover glow'."]},{id:"homepage-layout",title:"Customizing the Homepage Layout",content:["Arrange and customize your homepage sections with drag-and-drop control:","1. Go to Content Manager > Section Layout to manage all homepage sections.","2. Your homepage is built from modular sections that can be freely rearranged.","3. Available sections: Hero, Services, About, Testimonials, Stats Bar, Blog Feed, CTA, Team, Partners.","4. Drag and drop sections to instantly reorder them on the page.","5. Toggle visibility: Show/hide any section without deleting its content.","6. Per-section padding: Set top, right, bottom, left padding in pixels.","7. Per-section colors: Set background color, text color, and accent color independently.","8. Background images: Upload or select backgrounds for any section.","9. Section width: Full-bleed (edge to edge) or contained (max-width centered).","10. Changes save automatically and are reflected on the live site immediately.","11. Ask CareBot: 'Move the testimonials section above the blog section' for quick reordering.","12. Preview mode: View your changes before making them live on the public website."]},{id:"hero-sections",title:"Managing Hero Sections",content:["Create impactful hero banners that capture visitor attention instantly:","1. The hero is the large banner area at the top of your homepage â first impression matters.","2. Edit hero content through Content Manager or ask CareBot for instant updates.","3. Headline: Use a compelling statement (8-12 words) that communicates your value.","4. Subheadline: Add supporting detail (15-25 words) about your services.","5. CTA button: 'Get a Free Quote', 'Contact Us Today', 'Protect What Matters'.","6. Background: High-quality image (1920x1080+), gradient, or solid color.","7. Overlay: Semi-transparent color layer (40-60% opacity) ensures text readability over images.","8. Hero height: Full viewport (100vh), Half viewport (50vh), or fixed pixel height.","9. Text position: Left-aligned, centered, or right-aligned within the hero area.","10. Animation: Fade-in text, slide-up elements, or parallax background scrolling.","11. Mobile hero: Text stacks vertically, font sizes reduce, and images reposition automatically.","12. Ask CareBot: 'Update hero headline to [new text] with a dark overlay'."]},{id:"page-sections",title:"Adding & Editing Page Sections",content:["Build rich pages by adding, editing, and customizing content sections:","1. Go to Content Manager and select any page to view its sections.","2. Each page is composed of modular sections that can be individually edited.","3. Click any section to open its editor with content, images, and styling options.","4. Rich text editor: Bold, italic, headings, lists, links, blockquotes, code blocks.","5. Add images inline or as section backgrounds from the asset library.","6. Section backgrounds: Solid color, gradient, image with overlay, or transparent.","7. Padding control: Set top/bottom/left/right spacing for each section.","8. Visibility toggle: Hide sections temporarily without deleting their content.","9. Duplicate sections: Copy an existing section as a starting template.","10. Ask CareBot: 'Add a new testimonials section below the services section'."]},{id:"images-media",title:"Working with Images & Media",content:["Manage all visual media across your entire website:","1. Upload through Assets or paste/drag images directly into CareBot chat.","2. Supported formats: JPG, PNG, WebP, SVG, GIF â WebP is recommended for best performance.","3. Recommended sizes: Hero (1920x1080), Team photos (800x800), Thumbnails (400x300), Icons (64x64).","4. Max upload: 10MB per file â compress larger images before uploading.","5. Alt text: Always add descriptive alt text for accessibility and SEO ranking.","6. Lazy loading: Images below the fold load on-demand for faster initial page load.","7. Image galleries: Dis
1play multiple images in responsive grid layouts.","8. Object fit: Cover (fills area, may crop), Contain (shows full image), or Fill (stretches).","9. Image position: Control which part of the image is visible when cropped (center, top, etc.).","10. Responsive images: Automatically serve smaller images on mobile devices.","11. Image optimization: System automatically compresses uploads without visible quality loss.","12. Ask CareBot: 'Upload this image to the about section' by attaching the file in chat."]},{id:"css-custom-styling",title:"Custom CSS & Advanced Styling",content:["Apply custom CSS for pixel-perfect control over any element on your website:","1. Go to Content Manager > Site Style > Custom CSS for global stylesheet.","2. Target specific elements with CSS selectors: classes (.my-class), IDs (#my-id), elements (h1, p).","3. Use CareBot for element-specific styling: 'Style the footer background to dark gray'.","4. CSS variables: --primary-color, --font-family, --spacing-unit for consistent theming.","5. Media queries: Apply different styles at different screen sizes (@media (max-width: 768px)).","6. Pseudo-elements (::before, ::after): Add decorative elements without extra HTML.","7. Transitions: Smooth property changes (transition: all 0.3s ease) for interactive elements.","8. Transforms: Rotate, scale, skew, and translate elements for creative layouts.","9. Filters: Apply blur, brightness, contrast, grayscale, sepia to images and sections.","10. Z-index: Control layering of overlapping elements (higher numbers appear on top).","11. Overflow: Control how content behaves when it exceeds its container (hidden, scroll, auto).","12. Ask CareBot: 'Add custom CSS to make the nav bar transparent on scroll'.","13. All custom CSS can be rolled back if something doesn't look right."]},{id:"breadcrumb-config",title:"Breadcrumb Configuration",content:["Configure breadcrumb navigation for clear wayfinding:","1. Breadcrumbs show the navigation path: Home > Insurance > Auto Insurance.","2. They appear at the top of interior pages showing the page hierarchy.","3. Breadcrumbs help visitors navigate back to parent pages quickly.","4. Search engines use breadcrumbs to understand your site structure.","5. Breadcrumbs are auto-generated from your page structure.","6. Customize labels through Content Manager or CareBot.","7. Style breadcrumbs: font size, color, separator character (>, /, |, -).","8. Breadcrumb structured data (schema.org) enhances Google search results.","9. Ask CareBot: 'Change breadcrumb separator to / and make text smaller'."]},{id:"mobile-responsiveness",title:"Mobile Responsiveness & Breakpoints",content:["Ensure your website looks perfect on every device and screen size:","1. Your website uses responsive design that automatically adapts to all screen sizes.","2. Breakpoints: Mobile (<640px), Tablet (640-1024px), Desktop (1024px+), Large (1280px+).","3. Test on real devices: iPhone, Android phones, iPad, and various desktop resolutions.","4. Touch targets: Buttons and links must be at least 44x44px for easy tapping.","5. Images auto-scale: They resize proportionally without overflow or distortion.","6. Forms adapt: Input fields stack vertically on mobile for easier thumb typing.","7. Navigation: Desktop menu collapses to hamburger menu on mobile and tablet.","8. Font scaling: Text sizes reduce proportionally on smaller screens.","9. Grid layouts: Multi-column layouts stack to single column on mobile.","10. Test with Chrome DevTools device mode â press F12 and toggle the device toolbar.","11. Google Mobile-Friendly Test: Verify your site passes Google's mobile standards.","12. Ask CareBot: 'Check if the services section looks good on mobile'."]},{id:"color-gradients",title:"Color Gradients & Color Theory",content:["Use gradients and strategic color choices for a polished, professional look:","1. Linear gradients: Blend two or more colors in a straight direction (top to bottom, left to right).","2. Radial gradients: Colors radiate outward from a center point for spotlight effects.","3. Gradient direction: to right, to bottom, to bottom-right, or custom angle (45deg, 135deg).","4. Brand gradient: Navy (#1a3a5c) to lighter blue (#2d5f8a) for sophisticated depth.","5. CTA gradients: Gold (#d4a843) to warm amber (#c4933a) for attention-grabbing buttons.","6. Color theory: Complementary colors (opposite on the wheel) create high contrast.","7. Analogou
1s colors (neighbors on the wheel) create harmonious, soothing palettes.","8. 60-30-10 rule: 60% dominant color, 30% secondary, 10% accent for balanced design.","9. Contrast ratios: Ensure 4.5:1 ratio for normal text and 3:1 for large text (accessibility).","10. Ask CareBot: 'Add a gradient from navy to light blue on the hero section'.","11. Dark mode considerations: Prepare alternative color palettes for dark backgrounds.","12. Transparent colors: Use rgba(26, 58, 92, 0.8) for semi-transparent brand overlays."]},{id:"icons-svg",title:"Icons, SVGs & Visual Elements",content:["Add professional icons and visual elements throughout your website:","1. Icon library: Access 1000+ Lucide icons built into the platform (search by name).","2. Icon sizes: Small (16px for inline), Medium (24px for buttons), Large (48px for features).","3. Icon colors: Match your brand or use contextual colors (green for success, red for warnings).","4. SVG uploads: Upload custom SVG icons and logos for pixel-perfect rendering at any size.","5. Icon + text combos: Pair icons with service names for scannable feature lists.","6. Decorative separators: Use lines, dots, or custom dividers between sections.","7. Badge icons: Small icons in circles for feature highlights and process steps.","8. Social media icons: Pre-styled Facebook, Instagram, LinkedIn, Twitter icons in footer.","9. Animated icons: Subtle rotation, bounce, or pulse effects on hover for interactivity.","10. Ask CareBot: 'Add a shield icon next to each insurance service listing'.","11. Favicon: Your browser tab icon â upload a 32x32px PNG or SVG through Settings.","12. Icon consistency: Use the same icon style (outlined vs filled) across the entire site."]},{id:"accessibility-design",title:"Accessibility & Inclusive Design",content:["Design your website to be usable by everyone, including people with disabilities:","1. Color contrast: Maintain 4.5:1 contrast ratio between text and background colors.","2. Alt text: Every image needs descriptive alt text for screen reader users.","3. Keyboard navigation: All interactive elements must be reachable by Tab key.","4. Focus indicators: Visible outlines on focused elements for keyboard users.","5. Font size: Minimum 16px for body text â never use smaller than 14px anywhere.","6. Link distinction: Links must be visually different from regular text (underline + color).","7. Form labels: Every input field needs a clear, visible label â never rely on placeholder text alone.","8. Error messages: Use clear, specific error text with color AND icon indicators.","9. Reduced motion: Respect users who have 'prefer-reduced-motion' enabled in their browser.","10. Heading hierarchy: Use H1 > H2 > H3 in order â never skip levels.","11. ARIA labels: Add descriptive labels to interactive elements that lack visible text.","12. Ask CareBot: 'Check accessibility for the contact page' for automated suggestions."]}]},{id:"social-media",icon:L,title:"Social Media",description:"Connect, manage, and grow your social media presence across Facebook, Instagram, and more.",color:"bg-rose-50 text-rose-600",articles:[{id:"connect-facebook-instagram",title:"Connecting Facebook & Instagram",content:["Link your social media accounts to your website for integrated management:","1. Go to Settings > Social Media to manage your social media connections.","2. Click Connect Facebook to link your business's Facebook Page.","3. Authorize the connection through Facebook's login process.","4. Once connected, your Facebook page ID and profile are synced.","5. Click Connect Instagram to link your Instagram business account.","6. Instagram requires a connected Facebook Page for business integration.","7. Verify both connections show as Active in the Social Media settings.","8. Connected accounts allow you to manage posts and view insights from the Admin Center.","9. You can disconnect and reconnect accounts at any time."]},{id:"publish-social-posts",title:"Publishing Posts to Social Media",content:["Create and publish social media posts directly from the Admin Center:","1. Go to Social Media or use CareBot to create social media content.","2. Write your post content â keep it concise and engaging (under 280 characters for wider compatibility).","3. Add an image or video to increase engagement (posts with images get 2x more engagement).","4. Use relevant hashtags to increase discoverability (#LexingtonVA #AutoInsurance).","5. Select which platforms to publish to (Facebook, Instagram, Threads).","6. Preview how the post will appear on each platform before publishing.","7. Click Publish to post immediately, or schedule for a future date and time.","8. Monitor post performance through the Social Media Insights dashboard.","9. Repurpose blog content as social media posts for cross-channel marketing.","10. Aim to post 3-5 times per week for optimal engagement."]},{id:"social-insights",title:"Understanding Social Media Insights",content:["Track your social media performance with built-in analytics:","1. Go to Social Media > Insights to view your social media metrics.","2. View follower count, post reach, engagement rate, and impressions.","3. Engagement includes likes, comments, shares, and saves on your posts.","4. Track which types of posts get the most engagement (images, videos, text).","5. Compare performance across different platforms to focus your efforts.","6. Identify your best posting times based on when your audience is most active.","7. Monitor follower growth trends to measure your social media strategy's effectiveness.","8. Use insights to refine your content strategy and post more of what works.","9. Review monthly social media reports to track long-term growth."]},{id:"managing-facebook",title:"Managing Facebook Page",content:["Optimize and manage your insurance agency's Facebook presence:","1. Ensure your Facebook Page is set up as a Business Page, not a personal profile.","2. Complete all page information: address, phone, hours, website URL, and description.","3. Use your agency logo as the profile picture and a professional cover photo.","4. Post a mix of content: insurance tips, community events, team updates, and promotions.","5. Respond to comments and messages promptly to build trust with your audience.","6. Use Facebook's built-in tools to boost posts and reach a wider local audience.","7. Share blog posts from your website to drive traffic back to your site.","8. Encourage clients to leave reviews on your Facebook Page.","9. Monitor page notifications for messages, comments, and review alerts.","10. Keep your page active by posting at least 3 times per week."]},{id:"instagram-guide",title:"Instagram Integration Guide",content:["Set up and use Instagram for your insurance agency:","1. Create an Instagram Business account linked to your Facebook Page.","2. Set up your profile: logo, bio, website link, and contact information.","3. Post high-quality images and short videos about your agency and services.","4. Use Instagram Stories to share behind-the-scenes content and quick tips.","5. Add relevant hashtags (5-10 per post) to increase discoverability.","6. Use Instagram Reels for short, engaging video content about insurance topics.","7. Engage with followers by responding to comments and DMs promptly.","8. Share client testimonials (with permission) as visual posts or Stories.","9. Post consistently (3-5 times per week) to maintain engagement.","10. Track performance through Instagram Insights to optimize your strategy."]},{id:"threads-whatsapp",title:"Threads & WhatsApp Business",content:["Expand your reach with newer social platforms:","1. Threads (by Meta) is a text-based social platform connected to your Instagram account.","2. Activate Threads by logging in through the Threads app with your Instagram credentials.","3. Post insurance tips, industry news, and agency updates on Threads.","4. Threads posts can be cross-posted to Instagram for wider reach.","5. WhatsApp Business provides a professional messaging platform for client communications.","6. Set up a WhatsApp Business profile with your agency information.","7. Use WhatsApp for quick client inquiries, quote requests, and follow-ups.","8. Set up automated greeting messages for when clients first contact you on WhatsApp.","9. Both platforms are free and help you reach clients on their preferred channels."]},{id:"social-sharing-buttons",title:"Social Sharing Buttons Setup",content:["Add social sharing buttons to your website pages and blog posts:","1. Social sharing buttons are pre-configured on all blog post pages.","2. Available sharing options include Facebook, Twitter/X, LinkedIn, and Email.","3. Sharing buttons appear at the top and bottom of blog posts for easy access.","4. When a visitor clicks a sharing button, a pre-populated share dialog opens.","5. The shared post includes the page title, URL, and meta de
1scription automatically.","6. Track social shares through your analytics to see which content gets shared most.",'7. Encourage sharing by adding a call-to-action like "Share this with a friend."',"8. Ensure Open Graph meta tags are set correctly so shared content looks good on social platforms.","9. Test sharing buttons periodically to make sure they work correctly on all platforms."]},{id:"social-best-practices",title:"Best Practices for Insurance Social Media",content:["Maximize your social media impact with these insurance-specific strategies:","1. Share educational content that helps your audience understand their insurance options.","2. Post about local events, weather alerts, and community news relevant to your area.","3. Use a friendly, approachable tone â avoid overly technical insurance jargon.","4. Share seasonal insurance tips (hurricane season, winter driving, holiday travel).","5. Highlight your team with behind-the-scenes posts to build personal connections.","6. Create visual content like infographics explaining insurance concepts simply.","7. Respond to all comments and messages within 24 hours to maintain trust.","8. Run occasional promotions or referral campaigns to drive engagement.","9. Avoid controversial or divisive topics that could alienate potential clients.","10. Measure ROI by tracking how many leads come from social media channels."]}]},{id:"career-applications",icon:P,title:"Career Applications",description:"Manage job postings, review applications, and streamline your hiring process.",color:"bg-amber-50 text-amber-600",articles:[{id:"managing-applications",title:"Managing Job Applications",content:["View and manage all job applications submitted through your career page:","1. Go to CRM > Applications in the sidebar to access the applications dashboard.","2. View a list of all applicants with their name, position, and submission date.","3. Filter applications by status (New, Reviewing, Interview, Offered, Hired, Rejected).","4. Search for specific applicants by name or email address.","5. Click on an application to view the full details and attached documents.","6. Sort applications by date, position, or status for easy management.","7. Use bulk actions to update the status of multiple applications at once.","8. Archive old applications to keep the active list clean and focused.","9. Receive email notifications when new applications are submitted."],link:"/admin/crm/applications"},{id:"reviewing-resumes",title:"Reviewing Resumes & Cover Letters",content:["Efficiently review applicant documents and qualifications:","1. Click on an application to open the full applicant profile.","2. View the applicant's resume directly in the browser (PDF viewer).","3. Read the cover letter text displayed alongside the resume.","4. Download the resume and cover letter as files for offline review.","5. Review the applicant's contact information (email, phone, address).","6. Check the applicant's responses to any custom application questions.","7. Add internal notes about the applicant's qualifications for team discussion.","8. Compare applicants side-by-side by opening multiple applications in new tabs.","9. Share applicant profiles with team members for collaborative hiring decisions."],link:"/admin/crm/applications"},{id:"application-status-workflow",title:"Application Status Workflow",content:["Move applications through your hiring pipeline with status updates:",'1. New applications start with the status "New" when first submitted.','2. Change status to "Reviewing" when you begin evaluating the applicant.','3. Move to "Interview" when you schedule or complete an interview.','4. Set status to "Offered" when you extend a job offer to the applicant.','5. Mark as "Hired" when the applicant accepts and begins onboarding.','6. Set to "Rejected" for applicants who are not moving forward.',"7. Add notes when changing status to document the reason for the decision.","8. Email notifications can be sent to applicants when their status changes.","9. Track the average time from application to hire for process improvement.","10. Use the status pipeline to ensure no applications fall through the cracks."],link:"/admin/crm/applications"},{id:"download-documents",title:"Downloading Application Documents",content:["Download and save applicant resumes, cover letters, and other documents:","1. Open the application you want to download documents from.","2. Click the Download Resume button to save the resume as a PDF file.","3. Click Download Cover Letter to save the cover letter separately.","4. Documents are downloaded to your computer's default downloads folder.","5. Use the Print button to print documents directly from the browser.","6. Downloaded files are named with the applicant's n
1ame for easy identification.","7. Create a local folder to organize downloaded resumes by position or date.","8. Ensure downloaded documents are stored securely to protect applicant privacy."],link:"/admin/crm/applications"},{id:"career-page-setup",title:"Setting Up Career Page",content:["Create and customize your career page to attract top talent:","1. Your career page is accessible at the /careers URL on your website.","2. Edit the career page content through the Content Manager.","3. Add a compelling introduction about your agency culture and values.","4. List available positions with clear job descriptions and requirements.","5. Include benefits and perks to attract quality candidates.","6. Add photos of your team and office to give candidates a feel for the workplace.","7. The application form collects name, email, phone, resume, and cover letter.","8. Customize the application form fields to collect specific information you need.","9. Share your career page URL on social media and job boards to attract applicants.","10. Keep the career page updated â remove filled positions and add new openings promptly."]},{id:"application-email-notifications",title:"Email Notifications for Applications",content:["Set up email alerts to stay informed about new job applications:","1. Go to Settings > Notifications to configure application email alerts.","2. Enable notifications for new application submissions to receive instant alerts.","3. Choose which team members receive application notifications.","4. New application emails include the applicant's name, position, and submission time.","5. Click the link in the email to go directly to the application in the Admin Center.","6. Set up auto-response emails to confirm receipt to applicants.","7. Customize the confirmation email template to match your brand and tone.","8. Enable status change notifications to keep applicants informed of their progress.","9. Review notification settings periodically to ensure the right people are notified."]}]},{id:"online-billing",icon:F,title:"Online Billing & Payments",description:"Pay your insurance premiums online, select your carrier, submit quote requests, and manage billing.",color:"bg-emerald-50 text-emerald-600",articles:[{id:"online-billing-overview",title:"Online Billing Overview",content:["The Online Billing & Payments page helps clients pay premiums and manage their insurance accounts:","1. Visit the Online Billing page from the main website navigation or go to /online-billing.","2. Select your insurance carrier from the dropdown menu to access their payment portal.","3. Available carriers include Erie Insurance, Progressive, Travelers, Safeco, Hagerty, Foremost, and more.","4. Each carrier card shows the company name, location, and website information.","5. Click the Login to Pay button to go directly to your carrier's online payment portal.","6. Use the Contact Carrier button to reach your carrier's customer service team.","7. Click File a Claim to access your carrier's claims portal directly.","8. The page also includes a Get a Quote form for requesting new insurance quotes.","9. All carrier links open in a new browser tab for your convenience."],link:"/online-billing"},{id:"carrier-selection",title:"Selecting Your Insurance Carrier",content:["Find and access your specific insurance carrier's payment portal:","1. On the Online Billing page, locate the carrier selection dropdown at the top.","2. Click the dropdown and select your insurance carrier from the list.","3. The page will display your carrier's information card with all relevant links.","4. If you're unsure which carrier you have, check your insurance policy documents or ID card.","5. Each carrier has three action buttons: Login to Pay, Contact Carrier, and File a Claim.","6. The Login to Pay button takes you directly to your carrier's online billing portal.","7. You'll need your policy number and account credentials to log in to your carrier's site.","8. Contact your care coordinator at ConnectionsPlus if you need help identifying your provider."],link:"/online-billing"},{id:"submit-quote-request",title:"Submitting a Quote Request",content:["Request a new insurance quote directly from the Online Billing page:","1. Scroll down to the Get a Quote section on the Online Billing page.","2. Enter your full name in the Name field.","3. Provide your email address for follow-up communication.","4. Enter your phone number so an agent can reach you directly.","5. Select the type of insurance you're interested in (Auto, Home, Business, Life, etc.).","6. Add any additional details or questions in the message field.","7. Click Submit to send your referral request to the ConnectionsPlus team.","8. You'll receive a confirmation that your request was submitted successfully.","9. An agent will typically respond within one business day with your personalized quote.","10. Quote submissions are tracked in the Admin Center under CRM for agent follow-up."],link:"/onl
1ine-billing"},{id:"tracking-quotes-admin",title:"Tracking Quote Submissions (Admin)",content:["View and manage quote requests submitted through the website:","1. Quote submissions appear in the Admin Center CRM as new leads.","2. Each submission includes the client's name, email, phone, insurance type, and message.","3. New quote requests trigger notifications so agents can respond promptly.","4. Assign quote follow-ups to specific team members using the CRM task system.","5. Update the lead status as you progress through the quoting process.","6. Log all interactions related to the quote in the CRM Interactions section.","7. Convert successful quotes to active clients in the CRM.","8. Track quote-to-client conversion rates to measure your sales effectiveness.","9. Use the pipeline view to see all active quotes and their current stage."]},{id:"supported-carriers",title:"Supported Insurance Carriers",content:["ConnectionsPlus Healthcare works with multiple top-rated healthcare partners:","1. Erie Insurance â Headquartered in Erie, PA. Known for competitive rates and excellent claims service.","2. Progressive â Based in Mayfield Village, OH. Popular for auto insurance with Name Your Price tool.","3. Travelers â New York, NY. One of the largest property and casualty insurers in the US.","4. Safeco â Seattle, WA. Specializes in home and auto insurance through independent agents.","5. Hagerty â Traverse City, MI. Premier provider for classic and collector car insurance.","6. Foremost â Grand Rapids, MI. Specializes in manufactured homes, specialty dwellings, and watercraft.","7. Each carrier offers online payment portals, claims filing, and customer service access.","8. Your agent can help you determine which carrier offers the best coverage for your needs.","9. Contact ConnectionsPlus at any time to discuss your care options or switch providers."],link:"/online-billing"}]},{id:"google-reviews",icon:j,title:"Google Reviews",description:"View, manage, and respond to Google Reviews displayed on your website from your Google Business Profile.",color:"bg-yellow-50 text-yellow-600",articles:[{id:"google-reviews-overview",title:"Google Reviews on Your Website",content:["Your website displays live Google Reviews from your Google Business Profile:","1. Google Reviews are automatically pulled from your verified Google Business Profile.","2. Reviews appear on the homepage in the testimonials/reviews section.","3. Each review shows the reviewer's name, rating (stars), review text, and date.","4. Reviews are updated automatically to show your latest feedback from clients.","5. Star ratings are displayed visually with gold stars for easy scanning.","6. The overall average rating and total review count are displayed prominently.","7. Positive reviews build trust with potential clients visiting your website.","8. Reviews are fetched using the Google Places API for accurate, real-time data.","9. No manual entry is needed â reviews sync directly from Google."]},{id:"encouraging-reviews",title:"Encouraging Clients to Leave Reviews",content:["Build your online reputation by getting more positive Google Reviews:","1. Ask satisfied clients to leave a review after completing a policy or resolving a claim.","2. Send a follow-up email with a direct link to your Google Review page.","3. Add a 'Leave a Review' link on your website footer or thank-you pages.","4. Respond to every review (positive and negative) to show you value client feedback.","5. Share positive reviews on social media to encourage others to leave feedback.","6. Never offer incentives for reviews â Google prohibits this practice.","7. Make it easy: Provide step-by-step instructions for clients unfamiliar with Google Reviews.","8. Aim for at least 2-3 new reviews per month for steady growth.","9. Reviews with specific details about your service are most valuable for SEO.","10. A strong review profile (4.5+ stars, 50+ reviews) significantly improves local search rankings."]},{id:"responding-to-reviews",title:"Responding to Google Reviews",content:["Best practices for responding to both positive and negative reviews:","1. Log in to your Google Business Profile to respond to reviews.","2. Respond to positive reviews within 24-48 hours with a personalized thank you.","3. Mention the reviewer by name and reference specific details from their review.","4. For negative reviews, respond professionally and empathetically â never argue.","5. Acknowledge the issue, apologize for the experience, and offer to resolve it offline.","6. Provide a phone number or email for the dissatisfied reviewer to contact you directly.","7. Never share private client information in public review responses.","8. Consistent, thoughtful responses demonstrate excellent customer service to all visitors.","9. Your responses appear publicly alongside the review on your website and Google."]}]}];function me(){const[i,b]=l.useState(""),[n,w]=l.useState(null),[s,r]=l.useState(null),v=f.map(t=>({...t,articles:t.articles.filter(o=>o.title.toLowerCase().includes(i.toLowerCase())||o.content.some(a=>a.toLowerCase().includes(i.toLowerCase())))}
1)).filter(t=>i===""||t.articles.length>0),u=t=>{const o=n===t?null:t;w(o),r(null),o&&setTimeout(()=>{const a=document.querySelector(`[data-section-id="${o}"]`);a&&a.scrollIntoView({behavior:"smooth",block:"start"})},100)},k=t=>{r(t)},C=()=>{r(null)};return e.jsx(G,{children:e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-bold tracking-tight text-slate-900",children:"Knowledge Base"}),e.jsx("p",{className:"text-slate-500 mt-1",children:"Learn how to use the Admin Center and manage your website."})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(x,{className:"h-5 w-5 text-slate-400"})}),e.jsx(S,{type:"text",placeholder:"Search for guides and how-to articles...",className:"pl-10 h-12 text-lg bg-white shadow-sm",value:i,onChange:t=>b(t.target.value),"data-testid":"input-kb-search"})]}),s?e.jsxs(c,{children:[e.jsxs(p,{children:[e.jsxs(h,{variant:"ghost",className:"w-fit gap-2 -ml-2 mb-2",onClick:C,children:[e.jsx(A,{className:"h-4 w-4"}),"Back to Knowledge Base"]}),e.jsx(g,{className:"text-2xl",children:s.title}),s.link&&e.jsx(B,{href:s.link,children:e.jsxs(h,{variant:"outline",size:"sm",className:"mt-2 gap-2","data-testid":"button-go-to-page",children:[e.jsx(N,{className:"h-4 w-4"}),"Go to this page"]})})]}),e.jsx(d,{children:e.jsx("div",{className:"prose prose-slate max-w-none",children:s.content.map((t,o)=>e.jsx("p",{className:`text-slate-700 leading-relaxed ${t===""?"h-4":""}`,children:t},o))})})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:f.map(t=>e.jsx(c,{className:`hover:border-blue-300 hover:shadow-md transition-all cursor-pointer ${n===t.id?"ring-2 ring-blue-500 border-blue-500":""}`,onClick:()=>u(t.id),"data-testid":`card-kb-section-${t.id}`,children:e.jsxs(d,{className:"p-6 flex flex-col items-center text-center gap-2",children:[e.jsx("div",{className:`h-12 w-12 rounded-full flex items-center justify-center mb-2 ${t.color}`,children:e.jsx(t.icon,{className:"h-6 w-6"})}),e.jsx("h3",{className:"font-semibold",children:t.title}),e.jsxs("p",{className:"text-xs text-muted-foreground",children:[t.articles.length," articles"]})]})},t.id))}),v.map(t=>e.jsxs(c,{"data-section-id":t.id,className:`transition-all ${n===t.id||i!==""?"block":"hidden"}`,children:[e.jsx(p,{className:"cursor-pointer",onClick:()=>u(t.id),children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`h-10 w-10 rounded-full flex items-center justify-center ${t.color}`,children:e.jsx(t.icon,{className:"h-5 w-5"})}),e.jsxs("div",{children:[e.jsx(g,{children:t.title}),e.jsx(R,{children:t.description})]})]}),n===t.id?e.jsx(T,{className:"h-5 w-5 text-slate-400"}):e.jsx(m,{className:"h-5 w-5 text-slate-400"})]})}),(n===t.id||i!=="")&&e.jsx(d,{children:e.jsx("div",{className:"space-y-1",children:t.articles.map(o=>e.jsxs("div",{className:"flex items-center justify-between p-4 hover:bg-slate-50 rounded-lg transition-colors cursor-pointer group",onClick:a=>{a.stopPropagation(),k(o)},"data-testid":`article-${o.id}`,children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"bg-slate-100 p-2 rounded text-slate-500 group-hover:bg-white group-hover:text-[#1a3a5c] transition-colors",children:e.jsx(y,{className:"h-5 w-5"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium text-slate-900 group-hover:text-blue-700 transition-colors",children:o.title}),e.jsx("p",{className:"text-sm text-slate-500 mt-1 line-clamp-1",children:o.content[0]})]})]}),e.jsx(m,{className:"h-4 w-4 text-slate-300 group-hover:text-slate-600"})]},o.id))})})]},t.id))]})]})})}export{me as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.