Merge version_2 into main #2
344
src/app/analytics/page.tsx
Normal file
344
src/app/analytics/page.tsx
Normal file
@@ -0,0 +1,344 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Sparkles, BarChart3, TrendingUp, Phone, Calendar, CheckCircle, AlertCircle, Clock, Users, Target, Zap, LineChart, PieChart } from "lucide-react";
|
||||
|
||||
export default function Analytics() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Performance", id: "performance" },
|
||||
{ name: "Reports", id: "reports" },
|
||||
{ name: "Configuration", id: "/practice-configuration" },
|
||||
{ name: "Back to Home", id: "/" },
|
||||
]}
|
||||
brandName="AiCore"
|
||||
bottomLeftText="Analytics & Reports"
|
||||
bottomRightText="hello@aicore.io"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Analytics & Performance Metrics"
|
||||
description="Real-time insights into your call handling, appointment scheduling, and practice performance. Track AI assistant efficiency, patient satisfaction, and operational metrics with detailed charts and reports."
|
||||
tag="Advanced Analytics"
|
||||
tagIcon={BarChart3}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Generate Report", href: "#reports" },
|
||||
{ text: "Export Data", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Analytics Hub", logoIcon: BarChart3,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/an-advanced-analytics-dashboard-with-det-1772839200088-f2fe6c1a.png", imageAlt: "Advanced Analytics Dashboard", searchPlaceholder: "Search metrics and reports...", buttons: [
|
||||
{ text: "Download Report", href: "#" },
|
||||
{ text: "Share Analytics", href: "#" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: BarChart3, active: true },
|
||||
{ icon: Phone },
|
||||
{ icon: Calendar },
|
||||
{ icon: TrendingUp },
|
||||
],
|
||||
stats: [
|
||||
{ title: "Total Calls Handled", values: [1240, 1850, 2340], description: "AI assistant calls this month" },
|
||||
{ title: "Appointment Conversion", values: [78, 84, 91], valueSuffix: "%", description: "Calls converted to appointments" },
|
||||
{ title: "Avg Call Duration", values: [245, 180, 145], valueSuffix: "s", description: "Average handling time" },
|
||||
],
|
||||
chartTitle: "Call Volume Trend", chartData: [
|
||||
{ value: 65 },
|
||||
{ value: 78 },
|
||||
{ value: 92 },
|
||||
{ value: 88 },
|
||||
{ value: 95 },
|
||||
],
|
||||
listTitle: "Key Performance Indicators", listItems: [
|
||||
{ icon: CheckCircle, title: "AI Accuracy Rate: 96.2%", status: "Excellent" },
|
||||
{ icon: TrendingUp, title: "Efficiency Improvement: +14%", status: "Positive" },
|
||||
{ icon: AlertCircle, title: "Peak Hours: 2-5 PM", status: "Notice" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Comprehensive Analytics Suite"
|
||||
description="Detailed insights across all aspects of your practice operations with interactive charts and real-time data"
|
||||
tag="Analytics"
|
||||
tagIcon={BarChart3}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "View Full Analytics", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Call Analytics", description: "Track incoming calls, AI handling performance, transfer rates, and call quality metrics", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Appointment Metrics", description: "Monitor appointment scheduling rates, cancellations, no-shows, and booking trends", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Performance Dashboard", description: "Real-time KPIs showing system uptime, response times, and AI assistant accuracy", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: CheckCircle, label: "Success Rate", value: "96%" },
|
||||
{ icon: Clock, label: "Avg Response", value: "2.3s" },
|
||||
{ icon: TrendingUp, label: "Growth", value: "+24%" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Patient Interaction Analysis", description: "Analyze patient feedback, satisfaction scores, and interaction patterns with the AI system", bentoComponent: "3d-stack-cards", items: [
|
||||
{ icon: Users, title: "Patient Satisfaction", subtitle: "Overall Score", detail: "4.8/5.0 stars" },
|
||||
{ icon: Target, title: "First-Call Resolution", subtitle: "Resolution Rate", detail: "89% resolved" },
|
||||
{ icon: Phone, title: "Callback Requests", subtitle: "Escalations", detail: "11% escalated" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Operational Insights", description: "Track peak calling hours, staff performance, and resource utilization patterns", bentoComponent: "orbiting-icons", centerIcon: BarChart3,
|
||||
items: [
|
||||
{ icon: Phone, ring: 1 },
|
||||
{ icon: Calendar, ring: 1 },
|
||||
{ icon: Users, ring: 2 },
|
||||
{ icon: TrendingUp, ring: 2 },
|
||||
{ icon: Target, ring: 3 },
|
||||
],
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="performance" data-section="performance">
|
||||
<FeatureHoverPattern
|
||||
title="Performance Metrics"
|
||||
description="Detailed breakdown of all performance indicators for your practice and AI assistant"
|
||||
tag="Performance"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Phone,
|
||||
title: "Call Handling Performance", description: "Monitor call volume, average handle time, transfer rates, and call quality scores"
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
title: "Appointment Scheduling", description: "Track appointment bookings, cancellations, no-shows, and rescheduling patterns"
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Patient Satisfaction", description: "Monitor patient feedback scores, CSAT ratings, and satisfaction trends over time"
|
||||
},
|
||||
{
|
||||
icon: LineChart,
|
||||
title: "Trend Analysis", description: "Identify patterns and trends in call volume, appointment bookings, and system performance"
|
||||
},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: "Comparative Reports", description: "Compare performance across different time periods, locations, and staff members"
|
||||
},
|
||||
{
|
||||
icon: PieChart,
|
||||
title: "Resource Allocation", description: "Analyze resource utilization and optimize staffing based on demand patterns"
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reports" data-section="reports">
|
||||
<MetricCardTen
|
||||
title="Detailed Analytics Reports"
|
||||
description="Comprehensive reports with key metrics, trends, and actionable insights for your practice"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", title: "Monthly Call Summary Report", subtitle: "Total calls: 3,240 | AI Handled: 2,947 | Transferred: 293", category: "Calls", value: "+14% vs Last Month", buttons: [{ text: "View Report", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "2", title: "Appointment Booking Analytics", subtitle: "Appointments created: 1,845 | Conversion rate: 91% | Cancellations: 167", category: "Appointments", value: "89% Success Rate", buttons: [{ text: "View Report", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "3", title: "AI Assistant Performance Report", subtitle: "Accuracy: 96.2% | First-call resolution: 87% | Patient satisfaction: 4.8/5", category: "Performance", value: "Excellent", buttons: [{ text: "View Report", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "4", title: "Peak Hours Analysis", subtitle: "Busiest hours: 2-5 PM | Recommended staffing: 5 agents | Expected volume: 340 calls/day", category: "Trends", value: "Actionable", buttons: [{ text: "View Report", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "5", title: "Patient Satisfaction Dashboard", subtitle: "Overall CSAT: 92% | NPS Score: 68 | Main feedback: Efficiency, Professionalism", category: "Satisfaction", value: "8.5/10", buttons: [{ text: "View Report", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "6", title: "System Performance & Uptime", subtitle: "Uptime: 99.95% | Avg response time: 1.2s | Processing errors: 0.02%", category: "System", value: "Optimal", buttons: [{ text: "View Report", href: "#" }]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="export" data-section="export">
|
||||
<PricingCardTwo
|
||||
title="Report Export & Sharing"
|
||||
description="Export your analytics in multiple formats and share reports with stakeholders"
|
||||
tag="Export Options"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pdf", badge: "PDF Export", price: "Instant", subtitle: "Professional PDF reports with charts and metrics", buttons: [
|
||||
{ text: "Export as PDF", href: "#" },
|
||||
{ text: "Schedule Export", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Full report formatting", "Custom date ranges", "Include charts & graphs", "Email delivery", "Password protection"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "csv", badge: "CSV Export", badgeIcon: Sparkles,
|
||||
price: "Instant", subtitle: "Raw data export for spreadsheet analysis", buttons: [
|
||||
{ text: "Export as CSV", href: "#" },
|
||||
{ text: "Schedule Export", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Complete raw data", "All metrics included", "Custom columns", "Scheduled exports", "API access available"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "email", badge: "Email Reports", price: "Scheduled", subtitle: "Automated reports delivered to your inbox", buttons: [
|
||||
{ text: "Schedule Email", href: "#" },
|
||||
{ text: "Set Recipients", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Daily/Weekly/Monthly options", "Multiple recipients", "Custom report templates", "Executive summaries", "Unsubscribe anytime"
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How often are analytics updated?", content: "Analytics are updated in real-time as calls and appointments are processed. The dashboard reflects current data within seconds, while historical reports are compiled hourly for performance optimization."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Can I compare performance across different time periods?", content: "Yes. Use the date range selector to compare any periods. The analytics dashboard supports year-over-year comparisons, week-over-week trends, and custom date ranges for flexible analysis."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What metrics are most important for my practice?", content: "Key metrics typically include appointment conversion rate, call handling efficiency, patient satisfaction scores, and peak hour identification. We recommend tracking these alongside your practice-specific KPIs."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How do I export reports for stakeholder meetings?", content: "Navigate to the Export section, select PDF or CSV format, customize the report content, and either download immediately or schedule automatic email delivery. Reports can be password-protected."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can I set up custom alerts for performance thresholds?", content: "Yes. Configure alerts in the Analytics Settings to notify you when metrics fall below or exceed your specified thresholds for calls, appointments, satisfaction scores, or system performance."
|
||||
},
|
||||
{
|
||||
id: "6", title: "How long is analytics data retained?", content: "Analytics data is retained based on your subscription tier. Standard plans retain 90 days of detailed analytics, Professional plans retain 1 year, and Enterprise plans have custom retention periods."
|
||||
},
|
||||
]}
|
||||
sideTitle="Analytics FAQ"
|
||||
sideDescription="Common questions about analytics and reporting"
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Optimize Your Practice?"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
title="Get Custom Analytics Setup"
|
||||
description="Our analytics specialists can help you set up custom reports, configure alerts, and create dashboards tailored to your practice needs."
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "#" },
|
||||
{ text: "View Documentation", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AiCore"
|
||||
columns={[
|
||||
{
|
||||
title: "Analytics", items: [
|
||||
{ label: "Call Metrics", href: "#features" },
|
||||
{ label: "Appointment Analytics", href: "#features" },
|
||||
{ label: "Performance Reports", href: "#reports" },
|
||||
{ label: "Trend Analysis", href: "#performance" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Data Export Guide", href: "#" },
|
||||
{ label: "Support", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Configuration", items: [
|
||||
{ label: "Practice Settings", href: "/practice-configuration" },
|
||||
{ label: "Alert Configuration", href: "#" },
|
||||
{ label: "Report Templates", href: "#" },
|
||||
{ label: "Data Retention", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Data Protection", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 AiCore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
186
src/app/appointments/page.tsx
Normal file
186
src/app/appointments/page.tsx
Normal file
@@ -0,0 +1,186 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Calendar, Clock, User, CheckCircle, AlertCircle, MapPin, Bell, Zap, MoreVertical, Edit, Trash2, Send } from "lucide-react";
|
||||
|
||||
export default function AppointmentsPage() {
|
||||
const upcomingAppointments = [
|
||||
{
|
||||
id: "apt-001", patientName: "Emma Davis", date: "March 15, 2025", time: "10:00 AM", status: "confirmed", type: "Routine Checkup", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-diverse-tech--1772839200053-c1f43e1b.png"},
|
||||
{
|
||||
id: "apt-002", patientName: "James Wilson", date: "March 15, 2025", time: "2:30 PM", status: "pending", type: "Consultation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-data-professi-1772839200011-b3c00c09.png"},
|
||||
{
|
||||
id: "apt-003", patientName: "Rachel Green", date: "March 16, 2025", time: "9:00 AM", status: "confirmed", type: "Follow-up", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-successful-te-1772839199409-2ddf3338.png"},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Calls", id: "/calls" },
|
||||
{ name: "Appointments", id: "/appointments" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Docs", id: "https://docs.example.com" },
|
||||
]}
|
||||
brandName="AiCore"
|
||||
bottomLeftText="Global AI Network"
|
||||
bottomRightText="hello@aicore.io"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Appointment Scheduling System"
|
||||
description="Schedule, manage, and track patient appointments with an integrated calendar view. Set reminders, manage time slots, and optimize your dental practice's schedule for maximum efficiency and patient satisfaction."
|
||||
tag="Scheduling"
|
||||
tagIcon={Calendar}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Schedule Appointment", href: "#" },
|
||||
{ text: "View Calendar", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Appointments Calendar", logoIcon: Calendar,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/a-modern-ai-dashboard-interface-with-rea-1772839200088-f2fe6c1a.png", imageAlt: "Appointments Dashboard Interface", searchPlaceholder: "Search appointments by patient name or date...", buttons: [
|
||||
{ text: "New Appointment", href: "#" },
|
||||
{ text: "Send Reminders", href: "#" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: Calendar, active: true },
|
||||
{ icon: Clock },
|
||||
{ icon: User },
|
||||
{ icon: Bell },
|
||||
],
|
||||
stats: [
|
||||
{ title: "Appointments", values: [15, 24, 32], description: "This week" },
|
||||
{ title: "Confirmed", values: [12, 20, 28], valueSuffix: "%", description: "Confirmation rate" },
|
||||
{ title: "No-Shows", values: [3, 4, 5], description: "This month" },
|
||||
],
|
||||
chartTitle: "Appointment Bookings Trend", chartData: [
|
||||
{ value: 18 },
|
||||
{ value: 28 },
|
||||
{ value: 38 },
|
||||
{ value: 32 },
|
||||
{ value: 42 },
|
||||
],
|
||||
listTitle: "Upcoming Appointments", listItems: [
|
||||
{ icon: CheckCircle, title: "Emma Davis - 10:00 AM Today", status: "Confirmed" },
|
||||
{ icon: Clock, title: "James Wilson - 2:30 PM Today", status: "Pending" },
|
||||
{ icon: Bell, title: "Rachel Green - 9:00 AM Tomorrow", status: "Reminder" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Comprehensive Appointment Management"
|
||||
description="Complete scheduling solution with calendar views, automated reminders, and seamless integration with your patient management system."
|
||||
tag="Scheduling Tools"
|
||||
tagIcon={Calendar}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Calendar View", description: "Interactive calendar with day, week, and month views for easy scheduling", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Booking Analytics", description: "Track appointment trends, peak times, and patient preferences", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "Global Sync", description: "Sync appointments across multiple locations and devices", bentoComponent: "globe"},
|
||||
{
|
||||
title: "Status Management", description: "Real-time status updates for confirmed, pending, and cancelled appointments", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: CheckCircle, label: "Confirmed", value: "28" },
|
||||
{ icon: Clock, label: "Pending", value: "5" },
|
||||
{ icon: AlertCircle, label: "Cancelled", value: "2" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Appointment Types", description: "Manage different appointment types with custom duration and pricing", bentoComponent: "3d-stack-cards", items: [
|
||||
{ icon: Zap, title: "Routine", subtitle: "30 minutes", detail: "Standard checkup" },
|
||||
{ icon: Calendar, title: "Consultation", subtitle: "45 minutes", detail: "In-depth review" },
|
||||
{ icon: Clock, title: "Follow-up", subtitle: "20 minutes", detail: "Quick visit" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Smart Integration", description: "Seamless connection with patient records, billing, and communication systems", bentoComponent: "orbiting-icons", centerIcon: Calendar,
|
||||
items: [
|
||||
{ icon: User, ring: 1 },
|
||||
{ icon: Bell, ring: 1 },
|
||||
{ icon: Clock, ring: 2 },
|
||||
{ icon: CheckCircle, ring: 2 },
|
||||
{ icon: Send, ring: 3 },
|
||||
],
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AiCore"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Calls", href: "/calls" },
|
||||
{ label: "Appointments", href: "/appointments" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "https://docs.aicore.io" },
|
||||
{ label: "API Reference", href: "https://api.aicore.io" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 AiCore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
193
src/app/calls/page.tsx
Normal file
193
src/app/calls/page.tsx
Normal file
@@ -0,0 +1,193 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Phone, Clock, User, Calendar, CheckCircle, AlertCircle, MoreVertical, Download, Share2, Archive, Trash2, Zap, Search, Filter } from "lucide-react";
|
||||
|
||||
export default function CallsPage() {
|
||||
const callHistory = [
|
||||
{
|
||||
id: "call-001", patientName: "John Smith", duration: "28 min", date: "Today, 2:30 PM", status: "completed", notes: "Follow-up consultation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-confident-tec-1772839199942-936244a1.png"},
|
||||
{
|
||||
id: "call-002", patientName: "Sarah Johnson", duration: "15 min", date: "Yesterday, 10:00 AM", status: "completed", notes: "Initial consultation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-corporate-headshot-of-a-tec-1772839200070-89d34cd0.png"},
|
||||
{
|
||||
id: "call-003", patientName: "Michael Brown", duration: "Missed", date: "2 days ago, 3:00 PM", status: "missed", notes: "Patient did not answer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-technology-pr-1772839199887-77bcd4a9.png"},
|
||||
];
|
||||
|
||||
const recentCalls = callHistory.map((call) => ({
|
||||
id: call.id,
|
||||
imageSrc: call.imageSrc,
|
||||
title: call.patientName,
|
||||
description: `${call.duration} • ${call.date}`,
|
||||
}));
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Calls", id: "/calls" },
|
||||
{ name: "Appointments", id: "/appointments" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Docs", id: "https://docs.example.com" },
|
||||
]}
|
||||
brandName="AiCore"
|
||||
bottomLeftText="Global AI Network"
|
||||
bottomRightText="hello@aicore.io"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Call Management System"
|
||||
description="Track, manage, and review all patient calls with comprehensive call history, detailed records, and call analytics. Access call transcripts, notes, and performance metrics in one centralized dashboard."
|
||||
tag="Call Center"
|
||||
tagIcon={Phone}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Make a Call", href: "#" },
|
||||
{ text: "View Call Logs", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Call Dashboard", logoIcon: Phone,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/a-modern-ai-dashboard-interface-with-rea-1772839200088-f2fe6c1a.png", imageAlt: "Call Dashboard Interface", searchPlaceholder: "Search calls by patient name, date, or status...", buttons: [
|
||||
{ text: "Export Calls", href: "#" },
|
||||
{ text: "Generate Report", href: "#" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: Phone, active: true },
|
||||
{ icon: Calendar },
|
||||
{ icon: Clock },
|
||||
{ icon: Archive },
|
||||
],
|
||||
stats: [
|
||||
{ title: "Total Calls", values: [45, 67, 89], description: "This month" },
|
||||
{ title: "Avg Duration", values: [12, 18, 24], valueSuffix: "min", description: "Call length" },
|
||||
{ title: "Response Rate", values: [85, 90, 95], valueSuffix: "%", description: "Patient pickup" },
|
||||
],
|
||||
chartTitle: "Call Volume Trend", chartData: [
|
||||
{ value: 20 },
|
||||
{ value: 35 },
|
||||
{ value: 45 },
|
||||
{ value: 55 },
|
||||
{ value: 50 },
|
||||
],
|
||||
listTitle: "Recent Call Activity", listItems: [
|
||||
{ icon: CheckCircle, title: "Call Completed - John Smith", status: "Completed" },
|
||||
{ icon: Phone, title: "Outgoing Call - Sarah Johnson", status: "Active" },
|
||||
{ icon: AlertCircle, title: "Missed Call - Michael Brown", status: "Missed" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Advanced Call Management Features"
|
||||
description="Comprehensive tools for managing patient communications, tracking call history, and analyzing call metrics for better patient care."
|
||||
tag="Call Tools"
|
||||
tagIcon={Phone}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Start Managing Calls", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Call History", description: "Complete record of all patient calls with timestamps and duration", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Call Analytics", description: "Track call patterns, duration trends, and patient response rates", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "Call Routing", description: "Intelligent routing of calls to available staff members", bentoComponent: "globe"},
|
||||
{
|
||||
title: "Call Status", description: "Real-time status indicators for ongoing and scheduled calls", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: CheckCircle, label: "Completed", value: "156" },
|
||||
{ icon: Phone, label: "Active", value: "3" },
|
||||
{ icon: AlertCircle, label: "Missed", value: "8" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Call Quality", description: "Monitor and analyze call quality metrics and performance indicators", bentoComponent: "3d-stack-cards", items: [
|
||||
{ icon: Zap, title: "Connection", subtitle: "Excellent", detail: "99.8% uptime" },
|
||||
{ icon: Phone, title: "Audio", subtitle: "Crystal Clear", detail: "HD Quality" },
|
||||
{ icon: Clock, title: "Response", subtitle: "Fast", detail: "< 2sec avg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Integration", description: "Seamless integration with patient records and scheduling systems", bentoComponent: "orbiting-icons", centerIcon: Phone,
|
||||
items: [
|
||||
{ icon: Calendar, ring: 1 },
|
||||
{ icon: User, ring: 1 },
|
||||
{ icon: Clock, ring: 2 },
|
||||
{ icon: Archive, ring: 2 },
|
||||
{ icon: Download, ring: 3 },
|
||||
],
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AiCore"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Calls", href: "/calls" },
|
||||
{ label: "Appointments", href: "/appointments" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "https://docs.aicore.io" },
|
||||
{ label: "API Reference", href: "https://api.aicore.io" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 AiCore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
227
src/app/dashboard/page.tsx
Normal file
227
src/app/dashboard/page.tsx
Normal file
@@ -0,0 +1,227 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import { Phone, Calendar, TrendingUp, Users, Clock, AlertCircle, CheckCircle, Activity, Settings, Home, BarChart3, Brain } from "lucide-react";
|
||||
|
||||
export default function DentalDashboard() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Dashboard", id: "dashboard" },
|
||||
{ name: "Anrufe", id: "calls" },
|
||||
{ name: "Termine", id: "appointments" },
|
||||
{ name: "Einstellungen", id: "settings" },
|
||||
]}
|
||||
brandName="ZahnKlinik AI"
|
||||
bottomLeftText="Intelligente Zahnarztpraxis"
|
||||
bottomRightText="info@zahnklinik.de"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="min-h-screen bg-gradient-to-br from-background to-card p-4 md:p-8">
|
||||
{/* Header */}
|
||||
<div className="mb-8">
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-2">Willkommen zurück</h1>
|
||||
<p className="text-foreground/70 text-lg">Übersicht Ihrer Zahnarztpraxis-Metriken</p>
|
||||
</div>
|
||||
|
||||
{/* Sidebar Navigation */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-5 gap-6 mb-8">
|
||||
{/* Left Sidebar */}
|
||||
<div className="lg:col-span-1">
|
||||
<div className="bg-card border border-card rounded-lg p-4 space-y-2">
|
||||
<div className="flex items-center space-x-3 p-3 rounded-lg bg-primary-cta/10 cursor-pointer">
|
||||
<Home className="w-5 h-5" />
|
||||
<span className="text-sm font-medium">Dashboard</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-3 p-3 rounded-lg hover:bg-card cursor-pointer">
|
||||
<Phone className="w-5 h-5" />
|
||||
<span className="text-sm font-medium">Anrufe</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-3 p-3 rounded-lg hover:bg-card cursor-pointer">
|
||||
<Calendar className="w-5 h-5" />
|
||||
<span className="text-sm font-medium">Termine</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-3 p-3 rounded-lg hover:bg-card cursor-pointer">
|
||||
<BarChart3 className="w-5 h-5" />
|
||||
<span className="text-sm font-medium">Statistiken</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-3 p-3 rounded-lg hover:bg-card cursor-pointer">
|
||||
<Settings className="w-5 h-5" />
|
||||
<span className="text-sm font-medium">Einstellungen</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Main Content */}
|
||||
<div className="lg:col-span-4 space-y-6">
|
||||
{/* Key Metrics */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
{/* Metric Card 1 - Active Calls */}
|
||||
<div className="bg-card border border-card rounded-lg p-6">
|
||||
<div className="flex items-center justify-between mb-4">
|
||||
<h3 className="text-sm font-medium text-foreground/70">Aktive Anrufe</h3>
|
||||
<Phone className="w-5 h-5 text-primary-cta" />
|
||||
</div>
|
||||
<p className="text-3xl font-bold mb-2">8</p>
|
||||
<p className="text-xs text-foreground/50">+2 gegenüber heute</p>
|
||||
</div>
|
||||
|
||||
{/* Metric Card 2 - Today's Appointments */}
|
||||
<div className="bg-card border border-card rounded-lg p-6">
|
||||
<div className="flex items-center justify-between mb-4">
|
||||
<h3 className="text-sm font-medium text-foreground/70">Termine heute</h3>
|
||||
<Calendar className="w-5 h-5 text-primary-cta" />
|
||||
</div>
|
||||
<p className="text-3xl font-bold mb-2">24</p>
|
||||
<p className="text-xs text-foreground/50">12 abgeschlossen</p>
|
||||
</div>
|
||||
|
||||
{/* Metric Card 3 - Appointment Rate */}
|
||||
<div className="bg-card border border-card rounded-lg p-6">
|
||||
<div className="flex items-center justify-between mb-4">
|
||||
<h3 className="text-sm font-medium text-foreground/70">Auslastungsquote</h3>
|
||||
<TrendingUp className="w-5 h-5 text-primary-cta" />
|
||||
</div>
|
||||
<p className="text-3xl font-bold mb-2">87%</p>
|
||||
<p className="text-xs text-foreground/50">+5% diese Woche</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Call Statistics */}
|
||||
<div className="bg-card border border-card rounded-lg p-6">
|
||||
<h2 className="text-xl font-semibold mb-4">Anrufstatistiken</h2>
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||||
<div className="bg-background/50 rounded-lg p-4 text-center">
|
||||
<p className="text-sm text-foreground/70 mb-1">Durchschnittliche Dauer</p>
|
||||
<p className="text-2xl font-bold">4:23</p>
|
||||
</div>
|
||||
<div className="bg-background/50 rounded-lg p-4 text-center">
|
||||
<p className="text-sm text-foreground/70 mb-1">Annahme-Quote</p>
|
||||
<p className="text-2xl font-bold">92%</p>
|
||||
</div>
|
||||
<div className="bg-background/50 rounded-lg p-4 text-center">
|
||||
<p className="text-sm text-foreground/70 mb-1">Beratungscode</p>
|
||||
<p className="text-2xl font-bold">78</p>
|
||||
</div>
|
||||
<div className="bg-background/50 rounded-lg p-4 text-center">
|
||||
<p className="text-sm text-foreground/70 mb-1">Nachbearbeitungen</p>
|
||||
<p className="text-2xl font-bold">12</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Appointment Overview */}
|
||||
<div className="bg-card border border-card rounded-lg p-6">
|
||||
<h2 className="text-xl font-semibold mb-4">Terminübersicht</h2>
|
||||
<div className="space-y-3">
|
||||
{/* Appointment Item 1 */}
|
||||
<div className="flex items-center justify-between pb-3 border-b border-border">
|
||||
<div className="flex items-center space-x-3">
|
||||
<div className="w-10 h-10 rounded-full bg-primary-cta/20 flex items-center justify-center">
|
||||
<Calendar className="w-5 h-5 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-medium">Dr. Schmidt - Zahnreinigung</p>
|
||||
<p className="text-sm text-foreground/50">10:00 - 10:45</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center space-x-2">
|
||||
<CheckCircle className="w-5 h-5 text-green-500" />
|
||||
<span className="text-sm font-medium text-green-500">Bestätigt</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Appointment Item 2 */}
|
||||
<div className="flex items-center justify-between pb-3 border-b border-border">
|
||||
<div className="flex items-center space-x-3">
|
||||
<div className="w-10 h-10 rounded-full bg-primary-cta/20 flex items-center justify-center">
|
||||
<Calendar className="w-5 h-5 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-medium">Dr. Müller - Füllung</p>
|
||||
<p className="text-sm text-foreground/50">11:00 - 11:45</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center space-x-2">
|
||||
<Clock className="w-5 h-5 text-yellow-500" />
|
||||
<span className="text-sm font-medium text-yellow-500">Bald</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Appointment Item 3 */}
|
||||
<div className="flex items-center justify-between pb-3 border-b border-border">
|
||||
<div className="flex items-center space-x-3">
|
||||
<div className="w-10 h-10 rounded-full bg-primary-cta/20 flex items-center justify-center">
|
||||
<Calendar className="w-5 h-5 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-medium">Dr. Weber - Wurzelbehandlung</p>
|
||||
<p className="text-sm text-foreground/50">14:00 - 15:30</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center space-x-2">
|
||||
<AlertCircle className="w-5 h-5 text-orange-500" />
|
||||
<span className="text-sm font-medium text-orange-500">Anstehend</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Appointment Item 4 */}
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center space-x-3">
|
||||
<div className="w-10 h-10 rounded-full bg-primary-cta/20 flex items-center justify-center">
|
||||
<Calendar className="w-5 h-5 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-medium">Dr. König - Kontrolluntersuchung</p>
|
||||
<p className="text-sm text-foreground/50">16:00 - 16:30</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center space-x-2">
|
||||
<AlertCircle className="w-5 h-5 text-gray-400" />
|
||||
<span className="text-sm font-medium text-gray-400">Später</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* AI Phone Assistant Status */}
|
||||
<div className="bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 rounded-lg p-6">
|
||||
<div className="flex items-center space-x-3 mb-4">
|
||||
<Phone className="w-6 h-6 text-primary-cta" />
|
||||
<h2 className="text-xl font-semibold">KI-Telefonassistent Status</h2>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<p className="text-sm text-foreground/70 mb-1">System Status</p>
|
||||
<div className="flex items-center space-x-2">
|
||||
<div className="w-3 h-3 rounded-full bg-green-500"></div>
|
||||
<span className="font-medium">Online & Aktiv</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm text-foreground/70 mb-1">Bearbeitete Anfragen heute</p>
|
||||
<p className="text-lg font-bold">127</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
262
src/app/escalations/page.tsx
Normal file
262
src/app/escalations/page.tsx
Normal file
@@ -0,0 +1,262 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Zap, AlertTriangle, Clock, User, MessageSquare, CheckCircle, AlertCircle, TrendingUp, Home, BarChart3, Brain, Settings } from "lucide-react";
|
||||
|
||||
export default function EscalationsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Escalations", id: "/escalations" },
|
||||
{ name: "FAQs", id: "/faqs" },
|
||||
{ name: "Docs", id: "https://docs.example.com" },
|
||||
]}
|
||||
brandName="AiCore"
|
||||
bottomLeftText="Global AI Network"
|
||||
bottomRightText="hello@aicore.io"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Escalation Management System"
|
||||
description="Efficiently handle and track escalations with real-time queue management, detailed escalation tracking, and comprehensive analytics. Streamline your support operations with intelligent prioritization and automated workflows."
|
||||
tag="Escalation Queue"
|
||||
tagIcon={AlertTriangle}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "View Queue", href: "#escalation-queue" },
|
||||
{ text: "Start Trial", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Active Escalations Dashboard", logoIcon: AlertTriangle,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/a-modern-ai-dashboard-interface-with-rea-1772839200088-f2fe6c1a.png", imageAlt: "Escalation Dashboard", searchPlaceholder: "Search escalations by ticket ID, customer, or priority...", buttons: [
|
||||
{ text: "Export Report", href: "#" },
|
||||
{ text: "Download Data", href: "#" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: Home, active: true },
|
||||
{ icon: AlertTriangle },
|
||||
{ icon: BarChart3 },
|
||||
{ icon: Settings },
|
||||
],
|
||||
stats: [
|
||||
{ title: "Avg Resolution Time", values: [4.2, 3.8, 2.1], valueSuffix: "h", description: "Hours to resolve" },
|
||||
{ title: "Active Escalations", values: [23, 18, 12], description: "Current queue count" },
|
||||
{ title: "Customer Satisfaction", values: [92, 94, 96], valueSuffix: "%", description: "CSAT score" },
|
||||
],
|
||||
chartTitle: "Escalation Volume Trend", chartData: [
|
||||
{ value: 45 },
|
||||
{ value: 52 },
|
||||
{ value: 38 },
|
||||
{ value: 61 },
|
||||
{ value: 48 },
|
||||
],
|
||||
listTitle: "Recent Escalations", listItems: [
|
||||
{ icon: AlertCircle, title: "Critical: Payment Processing Down", status: "In Progress" },
|
||||
{ icon: AlertTriangle, title: "High: API Rate Limit Issue", status: "Assigned" },
|
||||
{ icon: CheckCircle, title: "Medium: Dashboard Performance", status: "Resolved" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="escalation-queue" data-section="escalation-queue">
|
||||
<FeatureHoverPattern
|
||||
title="Escalation Queue Management"
|
||||
description="Intelligent queue prioritization with real-time status tracking, automatic routing, and SLA monitoring. Keep your team informed and customers satisfied."
|
||||
tag="Queue Management"
|
||||
tagIcon={Clock}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: AlertTriangle, title: "Priority Routing", description: "Automatically route escalations based on severity, category, and team expertise" },
|
||||
{ icon: Clock, title: "SLA Tracking", description: "Monitor response and resolution times against defined SLA targets" },
|
||||
{ icon: User, title: "Assignment Management", description: "Intelligent agent assignment with workload balancing and skill-based routing" },
|
||||
{ icon: MessageSquare, title: "Communication Hub", description: "Centralized messaging and collaboration between team members and customers" },
|
||||
{ icon: BarChart3, title: "Real-Time Metrics", description: "Live dashboard showing queue status, wait times, and performance indicators" },
|
||||
{ icon: Zap, title: "Automated Workflows", description: "Create custom escalation workflows with rules-based automation and notifications" },
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="escalation-details" data-section="escalation-details">
|
||||
<FeatureHoverPattern
|
||||
title="Comprehensive Escalation Details"
|
||||
description="Rich escalation context with complete communication history, customer information, and resolution tracking. Everything you need to resolve issues faster."
|
||||
tag="Escalation Details"
|
||||
tagIcon={MessageSquare}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: User, title: "Customer Profile", description: "Complete customer history, preferences, and previous interactions at a glance" },
|
||||
{ icon: MessageSquare, title: "Full Conversation Thread", description: "Complete audit trail of all communications related to the escalation" },
|
||||
{ icon: AlertCircle, title: "Issue Timeline", description: "Chronological view of all events and actions taken on the escalation" },
|
||||
{ icon: CheckCircle, title: "Resolution Tracking", description: "Track proposed solutions, customer feedback, and resolution status" },
|
||||
{ icon: TrendingUp, title: "Impact Analysis", description: "Understand the scope of the issue including affected systems and users" },
|
||||
{ icon: Zap, title: "Quick Actions", description: "Fast-track resolution with one-click actions and pre-defined solutions" },
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="escalation-management" data-section="escalation-management">
|
||||
<FeatureHoverPattern
|
||||
title="Escalation Management"
|
||||
description="Powerful tools to manage escalations throughout their lifecycle, from initial intake to final resolution and follow-up."
|
||||
tag="Management Tools"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: AlertTriangle, title: "Dynamic Prioritization", description: "Adjust escalation priority in real-time based on changing circumstances" },
|
||||
{ icon: Clock, title: "Deadline Monitoring", description: "Automatic alerts when escalations approach SLA deadlines" },
|
||||
{ icon: User, title: "Escalation Notes", description: "Add internal notes and context without cluttering customer communications" },
|
||||
{ icon: BarChart3, title: "Performance Metrics", description: "Track KPIs including resolution time, first-contact resolution, and customer satisfaction" },
|
||||
{ icon: MessageSquare, title: "Customer Updates", description: "Keep customers informed with automatic status updates and progress notifications" },
|
||||
{ icon: CheckCircle, title: "Resolution Closure", description: "Mark escalations as resolved with post-resolution follow-up and satisfaction surveys" },
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Escalation System FAQs"
|
||||
description="Common questions about our escalation management system and how it can improve your support operations"
|
||||
tag="Help & Support"
|
||||
tagIcon={AlertTriangle}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How does automatic escalation routing work?", content: "Our system analyzes the escalation details, category, priority level, and current team workload to automatically assign it to the most qualified agent. You can configure custom routing rules based on your specific business needs and team expertise."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Can I customize SLA targets for different escalation types?", content: "Yes, you can define custom SLA targets for different escalation categories, severity levels, and customer tiers. The system automatically tracks progress against these targets and alerts your team when SLAs are at risk."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How do I set up escalation workflows?", content: "Use our visual workflow builder to create custom escalation handling processes. Define trigger conditions, routing rules, automatic actions, and notification sequences. No coding required - templates are available for common scenarios."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What metrics can I track for escalations?", content: "Track response time, resolution time, first-contact resolution rate, escalation volume trends, customer satisfaction scores, team performance metrics, and SLA compliance. Generate custom reports for specific time periods and escalation categories."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How does the system handle priority changes?", content: "You can manually adjust priority at any time, and the system will automatically re-route if needed based on your escalation rules. The system also supports automatic priority escalation based on time in queue or customer tier."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Can I integrate with my existing ticketing system?", content: "Yes, we offer integrations with popular ticketing platforms and can create custom integrations via API. Your existing ticket data can be imported, and escalations are automatically synced back to your system."
|
||||
},
|
||||
{
|
||||
id: "7", title: "How do I ensure consistent communication with customers?", content: "Use our communication templates and automated updates to ensure consistent messaging. Customers can receive status updates via email or your customer portal, and all interactions are tracked in the escalation timeline."
|
||||
},
|
||||
{
|
||||
id: "8", title: "What analytics are available for escalation management?", content: "Access detailed analytics on escalation volume, resolution times, customer satisfaction, team performance, trending issues, and SLA compliance. Create custom dashboards and export reports for management reviews."
|
||||
},
|
||||
]}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Improve Your Escalation Handling?"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
title="Start Your Free Trial Today"
|
||||
description="Experience our escalation management system and see how it can streamline your support operations. No credit card required."
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "https://app.aicore.io/signup" },
|
||||
{ text: "Schedule Demo", href: "https://calendly.com/aicore/demo" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AiCore"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#" },
|
||||
{ label: "Pricing", href: "#" },
|
||||
{ label: "Escalations", href: "/escalations" },
|
||||
{ label: "FAQs", href: "/faqs" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "https://docs.aicore.io" },
|
||||
{ label: "API Reference", href: "https://api.aicore.io" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 AiCore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
273
src/app/faqs/page.tsx
Normal file
273
src/app/faqs/page.tsx
Normal file
@@ -0,0 +1,273 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { HelpCircle, AlertCircle, Zap, Calendar, Phone, Mail, MessageSquare, Zap as ZapIcon } from "lucide-react";
|
||||
|
||||
export default function FAQsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Escalations", id: "/escalations" },
|
||||
{ name: "FAQs", id: "/faqs" },
|
||||
{ name: "Docs", id: "https://docs.example.com" },
|
||||
]}
|
||||
brandName="AiCore"
|
||||
bottomLeftText="Global AI Network"
|
||||
bottomRightText="hello@aicore.io"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="FAQs"
|
||||
description="Find comprehensive answers to frequently asked questions about dental practice operations, patient management, scheduling, billing, compliance, and more."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Browse FAQs", href: "#general-faq" },
|
||||
{ text: "Contact Support", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="reverse"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/a-modern-ai-dashboard-interface-with-rea-1772839200088-f2fe6c1a.png"
|
||||
imageAlt="FAQ Support Resources"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="general-faq" data-section="general-faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are the system requirements for your dental practice management software?", content: "Our platform is cloud-based and works on any modern browser (Chrome, Firefox, Safari, Edge). Minimum internet speed of 5 Mbps is recommended. Mobile apps are available for iOS and Android. No local server installation is required."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How do I schedule patient appointments?", content: "Use the intuitive scheduling calendar to view available time slots. You can drag-and-drop appointments, set block times for procedures, handle recurring appointments, and send automatic reminders to patients. The system prevents double-booking and color-codes appointments by provider or treatment type."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can I manage multiple dental offices from one account?", content: "Yes, our platform supports multi-location management. Create separate office profiles, manage staff and schedules across locations, consolidate reporting and analytics, and maintain office-specific settings. This is ideal for dental groups and DSOs."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How does patient record management work?", content: "Patient records include complete treatment history, clinical notes, X-rays and imaging, insurance information, allergies and medical conditions, consent forms, and appointment history. Records are HIPAA-compliant and encrypted. You can quickly access patient history during appointments."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What billing features are included?", content: "Features include procedure coding, insurance verification, treatment planning, automated billing, payment processing, claim management, patient statements, and aging reports. Supports multiple payment methods and integrates with accounting software."
|
||||
},
|
||||
{
|
||||
id: "6", title: "How do I send appointment reminders to patients?", content: "Set automatic reminders via email or SMS at customizable intervals (e.g., 24 hours, 2 hours before appointment). Customize reminder messages, enable patient confirmation responses, track which patients confirmed, and reduce no-shows automatically."
|
||||
},
|
||||
{
|
||||
id: "7", title: "Is patient data secure and HIPAA compliant?", content: "Yes, we maintain full HIPAA compliance with AES-256 encryption, role-based access controls, comprehensive audit logs, regular security audits, and secure data backup. Patient data is encrypted at rest and in transit. We maintain SOC 2 Type II certification."
|
||||
},
|
||||
{
|
||||
id: "8", title: "How do I generate reports and analytics?", content: "Access pre-built reports for revenue, patient acquisition, treatment completion rates, provider productivity, and more. Create custom reports with flexible filtering. Export to PDF, Excel, or schedule automated report delivery via email."
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/a-modern-tech-office-workspace-with-dive-1772839199705-8d1d7ef0.png"
|
||||
imageAlt="Dental Office Support"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
title="General Questions"
|
||||
description="Answers to the most common questions about our dental practice management system"
|
||||
tag="General"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="clinical-faq" data-section="clinical-faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I document clinical notes and treatment plans?", content: "Use structured templates for different procedure types or free-text entry. Include examination findings, diagnostic results, treatment recommendations, patient education provided, and follow-up instructions. Notes are instantly available to all authorized team members."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Can I integrate digital imaging and X-ray software?", content: "Yes, we integrate with popular CBCT and digital imaging systems. Images are automatically linked to patient records with annotations and measurements. Supports DICOM standard format for compatibility with most systems."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How do I create and track treatment plans?", content: "Create detailed treatment plans with procedures, estimated costs, and timelines. Track patient acceptance, completed phases, and follow-up needs. Generate treatment plan estimates for patient discussion and approval."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What compliance features are available?", content: "Built-in compliance for infection control, sterilization tracking, prescription management, controlled substance logs, mandatory reporting, and regulatory documentation. Automatic reminders for license renewals and continuing education."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can I track patient allergies and medical conditions?", content: "Yes, maintain a comprehensive list of allergies, medications, medical conditions, and contraindications. The system alerts you at check-in and shows warnings before prescribing medications or treatments that might interact."
|
||||
},
|
||||
{
|
||||
id: "6", title: "How do I manage prescriptions?", content: "Generate digital prescriptions, send directly to pharmacies, track prescription history, set up automatic refill reminders, and maintain prescription records for audit purposes. Integrates with major pharmacy systems."
|
||||
},
|
||||
{
|
||||
id: "7", title: "What infection control features are included?", content: "Track sterilization cycles, instrument maintenance, chemical sterilant concentrations, equipment certifications, and vaccination requirements. Automated alerts for routine maintenance and compliance documentation."
|
||||
},
|
||||
{
|
||||
id: "8", title: "How do I handle patient consent and authorization forms?", content: "Digital consent forms with patient electronic signatures, automatic renewal reminders, version control, storage in patient records, and easy export for compliance audits. Customizable forms for different procedures."
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-confident-tec-1772839199942-936244a1.png"
|
||||
imageAlt="Clinical Management Support"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
title="Clinical Operations"
|
||||
description="Frequently asked questions about clinical documentation, patient care, and compliance"
|
||||
tag="Clinical"
|
||||
tagIcon={AlertCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="operations-faq" data-section="operations-faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I manage staff schedules and time off?", content: "Create flexible schedules for dentists, hygienists, and staff. Handle time-off requests, shift swapping, overtime tracking, and automatic coverage requests when team members call in sick. View schedules across multiple providers and locations."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What inventory management features are available?", content: "Track supplies, instruments, and materials. Set minimum stock levels with automatic purchase orders, monitor equipment maintenance, track expiration dates, and generate inventory reports. Integrates with supplier ordering systems."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How do I manage patient communication?", content: "Send appointment reminders, treatment updates, and post-operative instructions via email or SMS. Maintain communication history, set patient communication preferences, and track patient engagement through the patient portal."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can I track provider productivity and performance?", content: "Generate productivity reports showing procedures completed, treatment values, patient volume, quality metrics, and revenue per provider. Compare performance across periods and set productivity goals. Identify training opportunities."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How do I handle patient payments and collections?", content: "Accept multiple payment methods including credit cards, checks, and ACH. Process payments at checkout, manage payment plans, send automatic payment reminders, track aging receivables, and generate collection reports."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What financial reporting is available?", content: "Access revenue reports, expense tracking, P&L statements, cash flow analysis, treatment trend analysis, and cost per procedure. Export reports for accounting software and generate financial forecasts for business planning."
|
||||
},
|
||||
{
|
||||
id: "7", title: "How do I manage insurance claims and EOBs?", content: "Submit claims directly through the system, track claim status, manage denials and appeals, post EOBs automatically, and reconcile patient accounts. Generate claim reports and identify common denial reasons for process improvement."
|
||||
},
|
||||
{
|
||||
id: "8", title: "Can I create custom business reports?", content: "Yes, build custom reports with flexible filtering, date ranges, and metrics. Schedule automatic report delivery, export to common formats, and create executive dashboards for key performance indicators."
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-diverse-tech--1772839200053-c1f43e1b.png"
|
||||
imageAlt="Operations Management"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
title="Practice Operations"
|
||||
description="Common questions about scheduling, billing, staff management, and business operations"
|
||||
tag="Operations"
|
||||
tagIcon={ZapIcon}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="support-faq" data-section="support-faq">
|
||||
<FeatureHoverPattern
|
||||
title="Support & Resources"
|
||||
description="Multiple ways to get help and additional resources for using our platform"
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: MessageSquare, title: "Live Chat Support", description: "Connect with support team instantly during business hours for immediate assistance with any questions" },
|
||||
{ icon: Mail, title: "Email Support", description: "Send detailed questions and receive comprehensive responses within 24 hours" },
|
||||
{ icon: Phone, title: "Phone Support", description: "Call our support line for urgent issues or complex questions requiring live conversation" },
|
||||
{ icon: Calendar, title: "Scheduled Training", description: "Book one-on-one or group training sessions to maximize your use of the platform" },
|
||||
{ icon: HelpCircle, title: "Knowledge Base", description: "Browse hundreds of articles, tutorials, and best practices for dental practice management" },
|
||||
{ icon: Zap, title: "Webinar Series", description: "Join weekly webinars covering new features, compliance updates, and practice management tips" },
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Need More Help?"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
title="Contact Our Support Team"
|
||||
description="Can't find the answer you're looking for? Reach out to our dedicated support team. We're here to help you succeed."
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "https://support.aicore.io" },
|
||||
{ text: "Schedule Demo", href: "https://calendly.com/aicore/demo" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AiCore"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#" },
|
||||
{ label: "Pricing", href: "#" },
|
||||
{ label: "Escalations", href: "/escalations" },
|
||||
{ label: "FAQs", href: "/faqs" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "https://docs.aicore.io" },
|
||||
{ label: "API Reference", href: "https://api.aicore.io" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 AiCore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,58 +1,28 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Inter_Tight } from "next/font/google";
|
||||
import { Geist, Geist_Mono } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
const geist = Geist({
|
||||
variable: "--font-geist-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const interTight = Inter_Tight({
|
||||
variable: "--font-inter-tight", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
const geistMono = Geist_Mono({
|
||||
variable: "--font-geist-mono", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "AiCore - Enterprise AI Platform for Real-Time Analytics", description: "Deploy, monitor, and optimize AI models at scale. Real-time analytics, advanced performance tracking, and enterprise-grade security for modern AI operations.", keywords: "AI platform, machine learning monitoring, model analytics, AI infrastructure, enterprise AI, real-time monitoring, data intelligence", metadataBase: new URL("https://aicore.io"),
|
||||
alternates: {
|
||||
canonical: "https://aicore.io"},
|
||||
openGraph: {
|
||||
title: "AiCore - Enterprise AI Platform", description: "Transform your AI operations with real-time monitoring and advanced analytics.", url: "https://aicore.io", siteName: "AiCore", type: "website", images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/a-modern-ai-dashboard-interface-with-rea-1772839200088-f2fe6c1a.png", alt: "AiCore Dashboard"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "AiCore - Enterprise AI Platform", description: "Real-time AI model monitoring and analytics platform for enterprises.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/a-modern-ai-dashboard-interface-with-rea-1772839200088-f2fe6c1a.png"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "AiCore - Real-Time AI Intelligence Platform", description: "Monitor, analyze, and optimize your AI models with real-time analytics and advanced performance tracking."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={`${geist.variable} ${geistMono.variable}`}>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1420,7 +1390,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -102,11 +102,14 @@ export default function AiCorePlatform() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Monitoring", description: "Track model performance metrics as they happen with live dashboards", bentoComponent: "animated-bar-chart"},
|
||||
title: "Real-Time Monitoring", description: "Track model performance metrics as they happen with live dashboards", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Performance Insights", description: "Advanced analytics with actionable insights for model optimization", bentoComponent: "line-chart"},
|
||||
title: "Performance Insights", description: "Advanced analytics with actionable insights for model optimization", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Global Deployment", description: "Deploy and manage AI models across multiple regions seamlessly", bentoComponent: "globe"},
|
||||
title: "Global Deployment", description: "Deploy and manage AI models across multiple regions seamlessly", bentoComponent: "globe"
|
||||
},
|
||||
{
|
||||
title: "Smart Alerts", description: "Intelligent notifications for anomalies and performance issues", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: AlertTriangle, label: "Critical", value: "3" },
|
||||
@@ -193,17 +196,23 @@ export default function AiCorePlatform() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", handle: "VP Engineering, TechCorp", testimonial: "AiCore transformed how we manage our AI infrastructure. The real-time monitoring and insights have reduced our incident response time by 70%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-confident-tec-1772839199942-936244a1.png", imageAlt: "Sarah Chen"},
|
||||
id: "1", name: "Sarah Chen", handle: "VP Engineering, TechCorp", testimonial: "AiCore transformed how we manage our AI infrastructure. The real-time monitoring and insights have reduced our incident response time by 70%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-confident-tec-1772839199942-936244a1.png", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marcus Johnson", handle: "AI Lead, DataFlow Inc", testimonial: "The platform's intuitive dashboard made it easy for our non-technical stakeholders to understand model performance. Adoption was immediate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-diverse-tech--1772839200053-c1f43e1b.png", imageAlt: "Marcus Johnson"},
|
||||
id: "2", name: "Marcus Johnson", handle: "AI Lead, DataFlow Inc", testimonial: "The platform's intuitive dashboard made it easy for our non-technical stakeholders to understand model performance. Adoption was immediate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-diverse-tech--1772839200053-c1f43e1b.png", imageAlt: "Marcus Johnson"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Elena Rodriguez", handle: "CTO, Innovation Labs", testimonial: "We saved thousands in infrastructure costs while improving model accuracy. The ROI was undeniable within the first quarter.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-corporate-headshot-of-a-tec-1772839200070-89d34cd0.png", imageAlt: "Elena Rodriguez"},
|
||||
id: "3", name: "Elena Rodriguez", handle: "CTO, Innovation Labs", testimonial: "We saved thousands in infrastructure costs while improving model accuracy. The ROI was undeniable within the first quarter.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-corporate-headshot-of-a-tec-1772839200070-89d34cd0.png", imageAlt: "Elena Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "Product Manager, NextGen AI", testimonial: "The integration capabilities are exceptional. Connecting our entire stack took less than a day. The team support is outstanding.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-technology-pr-1772839199887-77bcd4a9.png", imageAlt: "David Kim"},
|
||||
id: "4", name: "David Kim", handle: "Product Manager, NextGen AI", testimonial: "The integration capabilities are exceptional. Connecting our entire stack took less than a day. The team support is outstanding.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-technology-pr-1772839199887-77bcd4a9.png", imageAlt: "David Kim"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Priya Patel", handle: "Data Science Director, CloudScale", testimonial: "Version control and model lineage tracking are features we didn't know we needed. Game-changing for regulatory compliance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-data-professi-1772839200011-b3c00c09.png", imageAlt: "Priya Patel"},
|
||||
id: "5", name: "Priya Patel", handle: "Data Science Director, CloudScale", testimonial: "Version control and model lineage tracking are features we didn't know we needed. Game-changing for regulatory compliance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-data-professi-1772839200011-b3c00c09.png", imageAlt: "Priya Patel"
|
||||
},
|
||||
{
|
||||
id: "6", name: "James Liu", handle: "Founder, AI Ventures", testimonial: "From startup to scale, AiCore has been our trusted partner. Their platform grows with us, and the support team is incredible.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-successful-te-1772839199409-2ddf3338.png", imageAlt: "James Liu"},
|
||||
id: "6", name: "James Liu", handle: "Founder, AI Ventures", testimonial: "From startup to scale, AiCore has been our trusted partner. Their platform grows with us, and the support team is incredible.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/professional-headshot-of-a-successful-te-1772839199409-2ddf3338.png", imageAlt: "James Liu"
|
||||
},
|
||||
]}
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
@@ -229,7 +238,8 @@ export default function AiCorePlatform() {
|
||||
{ text: "Contact Sales", href: "#contact" },
|
||||
],
|
||||
features: [
|
||||
"Up to 5 AI models", "Real-time monitoring", "Basic analytics", "Email support", "Standard uptime SLA"],
|
||||
"Up to 5 AI models", "Real-time monitoring", "Basic analytics", "Email support", "Standard uptime SLA"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
@@ -238,7 +248,8 @@ export default function AiCorePlatform() {
|
||||
{ text: "Contact Sales", href: "#contact" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI models", "Advanced analytics", "Priority support", "99.9% uptime SLA", "Custom integrations", "Team collaboration", "Version control"],
|
||||
"Unlimited AI models", "Advanced analytics", "Priority support", "99.9% uptime SLA", "Custom integrations", "Team collaboration", "Version control"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
||||
@@ -246,7 +257,8 @@ export default function AiCorePlatform() {
|
||||
{ text: "Schedule Demo", href: "#contact" },
|
||||
],
|
||||
features: [
|
||||
"Everything in Professional", "Dedicated account manager", "99.99% uptime SLA", "Custom security protocols", "On-premise deployment", "Advanced compliance", "Priority feature development"],
|
||||
"Everything in Professional", "Dedicated account manager", "99.99% uptime SLA", "Custom security protocols", "On-premise deployment", "Advanced compliance", "Priority feature development"
|
||||
],
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
@@ -267,21 +279,29 @@ export default function AiCorePlatform() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What types of AI models can AiCore support?", content: "AiCore supports all major AI model types including deep learning models (CNNs, RNNs, Transformers), machine learning models (XGBoost, Random Forest), and LLMs. We're framework-agnostic and work with PyTorch, TensorFlow, Scikit-learn, and more."},
|
||||
id: "1", title: "What types of AI models can AiCore support?", content: "AiCore supports all major AI model types including deep learning models (CNNs, RNNs, Transformers), machine learning models (XGBoost, Random Forest), and LLMs. We're framework-agnostic and work with PyTorch, TensorFlow, Scikit-learn, and more."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How long does it take to deploy a model?", content: "Most models can be deployed in minutes using our intuitive dashboard. We provide pre-built connectors for common frameworks. Custom deployments with specialized requirements typically take 1-2 days with our engineering team's assistance."},
|
||||
id: "2", title: "How long does it take to deploy a model?", content: "Most models can be deployed in minutes using our intuitive dashboard. We provide pre-built connectors for common frameworks. Custom deployments with specialized requirements typically take 1-2 days with our engineering team's assistance."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What security measures are in place?", content: "We employ military-grade encryption (AES-256), role-based access control, audit logging, SOC 2 Type II compliance, GDPR compliance, and optional on-premise deployment for enterprise customers. Your data remains encrypted at rest and in transit."},
|
||||
id: "3", title: "What security measures are in place?", content: "We employ military-grade encryption (AES-256), role-based access control, audit logging, SOC 2 Type II compliance, GDPR compliance, and optional on-premise deployment for enterprise customers. Your data remains encrypted at rest and in transit."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can AiCore integrate with our existing systems?", content: "Yes! We offer 100+ pre-built integrations with popular platforms, plus REST APIs and webhooks for custom integrations. Our professional services team can help with complex integration scenarios."},
|
||||
id: "4", title: "Can AiCore integrate with our existing systems?", content: "Yes! We offer 100+ pre-built integrations with popular platforms, plus REST APIs and webhooks for custom integrations. Our professional services team can help with complex integration scenarios."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What happens if we need to scale quickly?", content: "AiCore scales automatically. Our infrastructure handles everything from a single model to thousands of concurrent inferences. We've successfully managed 10x traffic spikes without degradation."},
|
||||
id: "5", title: "What happens if we need to scale quickly?", content: "AiCore scales automatically. Our infrastructure handles everything from a single model to thousands of concurrent inferences. We've successfully managed 10x traffic spikes without degradation."
|
||||
},
|
||||
{
|
||||
id: "6", title: "How do I get started with AiCore?", content: "Sign up for a free trial on our website, deploy your first model in our sandbox environment, and our onboarding team will guide you through the process. Most customers are productive within the first day."},
|
||||
id: "6", title: "How do I get started with AiCore?", content: "Sign up for a free trial on our website, deploy your first model in our sandbox environment, and our onboarding team will guide you through the process. Most customers are productive within the first day."
|
||||
},
|
||||
{
|
||||
id: "7", title: "What support options are available?", content: "We offer email support for all plans, priority support for Professional and above, and dedicated account managers for Enterprise customers. Premium plans include direct access to our engineering team."},
|
||||
id: "7", title: "What support options are available?", content: "We offer email support for all plans, priority support for Professional and above, and dedicated account managers for Enterprise customers. Premium plans include direct access to our engineering team."
|
||||
},
|
||||
{
|
||||
id: "8", title: "Can we use AiCore for real-time predictions?", content: "Absolutely. Our platform is optimized for real-time inference with average latencies below 100ms. We handle millions of predictions daily for high-throughput applications."},
|
||||
id: "8", title: "Can we use AiCore for real-time predictions?", content: "Absolutely. Our platform is optimized for real-time inference with average latencies below 100ms. We handle millions of predictions daily for high-throughput applications."
|
||||
},
|
||||
]}
|
||||
animationType="smooth"
|
||||
/>
|
||||
|
||||
249
src/app/practice-configuration/page.tsx
Normal file
249
src/app/practice-configuration/page.tsx
Normal file
@@ -0,0 +1,249 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Sparkles, Settings, Bell, User, Lock, Mail, Phone, Building2, Clock, Zap, Database, BarChart3, AlertCircle, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function PracticeConfiguration() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Settings", id: "settings" },
|
||||
{ name: "Support", id: "faq" },
|
||||
{ name: "Analytics", id: "/analytics" },
|
||||
{ name: "Back to Home", id: "/" },
|
||||
]}
|
||||
brandName="AiCore"
|
||||
bottomLeftText="Practice Management"
|
||||
bottomRightText="hello@aicore.io"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Practice Configuration & Settings"
|
||||
description="Manage your practice information, configure AI assistant settings, set notification preferences, and customize your practice environment. Complete control over your clinical operations."
|
||||
tag="Configuration Center"
|
||||
tagIcon={Settings}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Save Changes", href: "#" },
|
||||
{ text: "View Analytics", href: "/analytics" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Configuration Dashboard", logoIcon: Settings,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AamRyjF9HYfRoAkrVRWJtioF1O/a-modern-practice-management-interface-wi-1772839200088-f2fe6c1a.png", imageAlt: "Practice Configuration Dashboard", searchPlaceholder: "Search settings...", buttons: [
|
||||
{ text: "Save All", href: "#" },
|
||||
{ text: "Reset to Default", href: "#" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: Building2, active: true },
|
||||
{ icon: User },
|
||||
{ icon: Bell },
|
||||
{ icon: Lock },
|
||||
],
|
||||
stats: [
|
||||
{ title: "Active Settings", values: [24, 28, 32], description: "Configuration items" },
|
||||
{ title: "Integration Status", values: [95, 98, 99], valueSuffix: "%", description: "System connectivity" },
|
||||
{ title: "Last Updated", values: [2, 4, 8], valueSuffix: "h ago", description: "Configuration changes" },
|
||||
],
|
||||
chartTitle: "Configuration Activity", chartData: [
|
||||
{ value: 45 },
|
||||
{ value: 62 },
|
||||
{ value: 78 },
|
||||
{ value: 88 },
|
||||
{ value: 92 },
|
||||
],
|
||||
listTitle: "Recent Configuration Changes", listItems: [
|
||||
{ icon: CheckCircle, title: "AI Assistant Language Updated", status: "Completed" },
|
||||
{ icon: AlertCircle, title: "Notification Settings Modified", status: "Pending Review" },
|
||||
{ icon: Database, title: "Database Connection Verified", status: "Success" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
title="Configuration Modules"
|
||||
description="Comprehensive settings for every aspect of your practice operations and AI integration"
|
||||
tag="Settings"
|
||||
tagIcon={Settings}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Practice Information", description: "Update practice name, address, contact details, and business hours. Manage multiple office locations and staff information."
|
||||
},
|
||||
{
|
||||
icon: User,
|
||||
title: "User Management", description: "Add, edit, and remove team members. Manage roles, permissions, and access levels for staff members."
|
||||
},
|
||||
{
|
||||
icon: Brain,
|
||||
title: "AI Assistant Configuration", description: "Train and configure AI assistant for appointment scheduling, patient communication, and call handling preferences."
|
||||
},
|
||||
{
|
||||
icon: Bell,
|
||||
title: "Notification Preferences", description: "Customize notification settings for appointments, calls, messages, and system alerts via email or SMS."
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Security Settings", description: "Manage two-factor authentication, API keys, data encryption, and access logs for enhanced security."
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
title: "Data Management", description: "Configure data retention policies, backup schedules, and integration settings with external systems."
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="settings" data-section="settings">
|
||||
<MetricCardTen
|
||||
title="Practice Settings Overview"
|
||||
description="Quick access to key configuration items and their current status"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", title: "Practice Name & Location", subtitle: "Main office details and branch offices", category: "Practice Info", value: "Configured", buttons: [{ text: "Edit", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "2", title: "Business Hours Configuration", subtitle: "Operating hours for all days of the week", category: "Schedule", value: "Configured", buttons: [{ text: "Edit", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "3", title: "AI Assistant Language & Tone", subtitle: "Language preferences and communication style", category: "AI Settings", value: "Customized", buttons: [{ text: "Configure", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "4", title: "Appointment Reminders", subtitle: "SMS and email reminder settings", category: "Notifications", value: "Enabled", buttons: [{ text: "Adjust", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "5", title: "Call Routing Rules", subtitle: "Incoming call handling and priority rules", category: "Phone", value: "Active", buttons: [{ text: "Edit", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "6", title: "Data Retention Policy", subtitle: "Automatic backup and data retention settings", category: "Data", value: "90 Days", buttons: [{ text: "Modify", href: "#" }]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I configure the AI assistant for my practice?", content: "Navigate to AI Assistant Configuration in the settings menu. Train the assistant by providing examples of your preferred appointment scheduling phrases, cancellation policies, and patient communication style. The AI learns from your practice patterns to handle calls more effectively."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Can I set different notification preferences for different staff members?", content: "Yes. Each user can customize their own notification settings. Administrators can set default notification rules that apply to all staff, which individual users can then override based on their preferences."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What happens if I change practice hours settings?", content: "Changes to practice hours take effect immediately for new calls and appointment scheduling. The AI assistant will respect the new hours when handling patient inquiries and scheduling appointments."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How secure is my practice data?", content: "We employ HIPAA-compliant encryption, regular security audits, and secure data centers. You can enable two-factor authentication for added security. All data is encrypted both in transit and at rest."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can I integrate with my existing practice management system?", content: "Yes. Our platform supports integrations with major practice management systems including Epic, Athenahealth, Medidata, and many others. Contact our support team for specific integration assistance."
|
||||
},
|
||||
{
|
||||
id: "6", title: "How do I manage multiple practice locations?", content: "Add each location in the Practice Information settings. You can configure separate hours, AI settings, and notification preferences for each location while maintaining a unified dashboard."
|
||||
},
|
||||
]}
|
||||
sideTitle="Configuration Guide"
|
||||
sideDescription="Common questions about practice configuration and settings"
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Need Help with Configuration?"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
title="Get Expert Support"
|
||||
description="Our configuration specialists are ready to help you set up your practice settings and maximize your AI assistant's potential."
|
||||
buttons={[
|
||||
{ text: "Schedule Setup Call", href: "#" },
|
||||
{ text: "View Documentation", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AiCore"
|
||||
columns={[
|
||||
{
|
||||
title: "Configuration", items: [
|
||||
{ label: "Practice Settings", href: "#settings" },
|
||||
{ label: "AI Assistant", href: "#features" },
|
||||
{ label: "Notifications", href: "#features" },
|
||||
{ label: "Security", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Setup Guide", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Support", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Analytics", items: [
|
||||
{ label: "View Analytics", href: "/analytics" },
|
||||
{ label: "Performance Reports", href: "/analytics" },
|
||||
{ label: "Call Metrics", href: "/analytics" },
|
||||
{ label: "Appointment Stats", href: "/analytics" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "HIPAA Compliance", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 AiCore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user