Spaces:
Running
Running
Perfect — since you’re using DeepSite (AI app builder) to generate your SaaS product, the key is to feed it a rich, structured master prompt that covers every detail: app purpose, user roles, data structure, integrations, automations, and UI requirements.
Browse filesBelow is a comprehensive, production-ready DeepSite prompt specifically tailored to your Cemetery Management Software (AgentKit) project.
You can paste it directly into DeepSite or tweak it for different modules (Admin, Family Portal, Staff Dashboard, etc.).
________________________________________
🧠 DeepSite Master Prompt for Cemetery Management Software (AgentKit)
________________________________________
App Overview
You are building AgentKit — Cemetery Management SaaS, named “Eternal Records” a cloud-based platform that digitizes cemetery records and burial maps for small and mid-sized cemeteries that currently operate with paper records from the 1800s onward.
The app must include:
• Admin dashboard for cemetery management.
• Staff dashboard for record updates and maintenance tracking.
• Public (family) search portal for locating graves and viewing memorial details.
• OCR & AI modules to digitize scanned ledgers and hand-drawn plot maps.
• Secure cloud storage and role-based access.
________________________________________
Primary User Roles
1. Admin (Cemetery Owner / Manager)
o Create and manage cemetery sites.
o Import old records via CSV or OCR.
o Approve or edit staff changes.
o Generate reports (burials, available plots, maintenance tasks).
o Manage billing and subscription for SaaS.
2. Staff / Caretaker
o Add, edit, or update grave records.
o Upload images (grave markers, maintenance notes).
o Assign maintenance tasks.
o Update plot availability (occupied / reserved / available).
3. Public / Family Member
o Search by name, date, or plot number.
o View interactive map of the cemetery.
o Leave digital tributes or flower requests.
o Download a printable grave location map.
4. System / AI Agent
o Perform OCR using Google Vision, AWS Textract, or Tesseract to extract text from scanned ledgers.
o Auto-suggest corrections or flag uncertain fields.
o Index and tag plots using AI-generated coordinates or visual mapping.
________________________________________
Core Modules & Features
🗂️ 1. Digital Record Management
• Import via CSV, Excel, or scanned documents.
• OCR parsing of old burial records (name, birth date, death date, plot number, section).
• Manual data entry form for missing or unclear fields.
• Automatic linking between burial record and plot map coordinates.
🧭 2. Digital Plot Mapping
• Interactive plot map (Leaflet or Mapbox integration).
• Each plot represented as a clickable polygon.
• Clicking a plot opens the burial record details.
• Color-coded statuses: Available (green), Reserved (yellow), Occupied (red).
• Admin can draw, edit, or merge plots.
• Optional GPS mapping support for large cemeteries.
🔍 3. Public Search & Memorial Page
• Search bar with filters: name, section, year, or keywords.
• Auto-suggestion for similar names or partial matches.
• Each burial record links to a public memorial page showing:
o Name, lifespan, plot details, obituary text, images.
o “Request flower placement” or “Contact cemetery” buttons.
o Embedded Google Map directions.
⚙️ 4. Staff Dashboard
• Task management (e.g., “clean headstone”, “verify inscription”).
• Weekly to-do list per staff member.
• Mobile-friendly interface for on-site updates (using smartphone camera/GPS).
💬 5. Communication & Notifications
• Email notifications for record updates, plot reservations, and inquiries.
• Admin notification when new OCR scans are ready for review.
• Family member email confirmation when a record correction is submitted.
💾 6. Data Storage & Security
• Secure role-based access: Admin / Staff / Public.
• Encrypted document storage (PDFs, JPGs, ledgers).
• Audit trail for every record change.
• Auto-backup to cloud storage (e.g., AWS S3 or Google Cloud Storage).
💳 7. SaaS Platform & Billing
• Multi-tenant architecture: each cemetery has its own workspace and database segment.
• Subscription-based model (Stripe integration).
• Tiered plans:
o Free trial: Up to 100 records.
o Basic: $29/mo – 1,000 records, 1 map.
o Pro: $99/mo – unlimited records, multiple sites, full OCR.
________________________________________
AI & OCR Integration
• Support OCR using:
o Google Cloud Vision API (GOOGLE_CLOUD_VISION_CREDENTIALS in environment variables)
• Automatically extract text from scanned ledgers.
• Detect tables, names, dates, and plot numbers.
• Flag uncertain or low-confidence entries for human verification.
• Export parsed results to CSV or directly into the burial records database.
________________________________________
Database Schema (Simplified)
Tables / Entities:
• Cemeteries: id, name, address, latitude, longitude
• Plots: id, cemetery_id, section, row, plot_number, status, coordinates
• Burials: id, plot_id, first_name, last_name, birth_date, death_date, notes, image_url
• Staff: id, name, email, cemetery_id, role, permissions
• Tasks: id, staff_id, cemetery_id, description, status, due_date
• Users (Public): id, name, email, relation, requested_plot
• Subscriptions: id, cemetery_id, plan, start_date, end_date, stripe_customer_id
________________________________________
Tech Stack Preference
• Frontend: React (Next.js preferred), Tailwind CSS for styling.
• Backend: Node.js (Express or NestJS), Prisma ORM, PostgreSQL database.
• OCR Module: Google Cloud Vision (primary) + Tesseract fallback.
• Map Layer: LeafletJS or Mapbox GL.
• Auth: Clerk or Firebase Authentication.
• Storage: Google Cloud Storage or AWS S3.
• Payment: Stripe API integration.
________________________________________
UI/UX Notes
• Clean dashboard UI (Wazuh-style or Notion-like layout).
• Mobile-friendly for caretakers in the field.
• Public memorial page styled simply like FindAGrave or BillionGraves.
• Include dark mode for admin dashboards.
• Support drag-and-drop file upload for scanned ledgers.
________________________________________
Deployment & Maintenance
• Deploy backend on Google Cloud Run.
• Frontend served via Vercel or Replit.
• Auto-scaling enabled.
• Enable periodic OCR batch job (via cron) for queued documents.
• Admin export tools: CSV, PDF, and GIS shapefile export.
________________________________________
Target MVP Milestone
The MVP should:
1. Let admins import records and draw plots on a map.
2. Let families search for burials and view memorial pages.
3. Include OCR upload & extraction pipeline.
4. Work as a multi-tenant SaaS (unique login per cemetery).
- README.md +8 -5
- dashboard.html +372 -0
- index.html +292 -18
README.md
CHANGED
|
@@ -1,10 +1,13 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: RestInPeaceTech 🕊️
|
| 3 |
+
colorFrom: pink
|
| 4 |
+
colorTo: yellow
|
| 5 |
+
emoji: 🐳
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://deepsite.hf.co).
|
dashboard.html
ADDED
|
@@ -0,0 +1,372 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Admin Dashboard - Eternal Records</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 9 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 10 |
+
<style>
|
| 11 |
+
.sidebar {
|
| 12 |
+
transition: all 0.3s;
|
| 13 |
+
}
|
| 14 |
+
.dashboard-card {
|
| 15 |
+
transition: transform 0.2s;
|
| 16 |
+
}
|
| 17 |
+
.dashboard-card:hover {
|
| 18 |
+
transform: translateY(-2px);
|
| 19 |
+
}
|
| 20 |
+
</style>
|
| 21 |
+
</head>
|
| 22 |
+
<body class="bg-gray-100 font-sans antialiased">
|
| 23 |
+
<div class="flex h-screen overflow-hidden">
|
| 24 |
+
<!-- Sidebar -->
|
| 25 |
+
<div class="sidebar bg-blue-800 text-white w-64 flex-shrink-0">
|
| 26 |
+
<div class="p-4 border-b border-blue-700">
|
| 27 |
+
<div class="flex items-center space-x-2">
|
| 28 |
+
<i data-feather="map" class="h-6 w-6"></i>
|
| 29 |
+
<span class="text-xl font-semibold">Eternal Records</span>
|
| 30 |
+
</div>
|
| 31 |
+
</div>
|
| 32 |
+
<div class="p-4">
|
| 33 |
+
<nav>
|
| 34 |
+
<div class="space-y-1">
|
| 35 |
+
<a href="#" class="flex items-center space-x-3 bg-blue-700 px-3 py-2 rounded-md text-sm font-medium">
|
| 36 |
+
<i data-feather="home" class="h-4 w-4"></i>
|
| 37 |
+
<span>Dashboard</span>
|
| 38 |
+
</a>
|
| 39 |
+
<a href="#" class="flex items-center space-x-3 hover:bg-blue-700 px-3 py-2 rounded-md text-sm font-medium">
|
| 40 |
+
<i data-feather="book" class="h-4 w-4"></i>
|
| 41 |
+
<span>Records</span>
|
| 42 |
+
</a>
|
| 43 |
+
<a href="#" class="flex items-center space-x-3 hover:bg-blue-700 px-3 py-2 rounded-md text-sm font-medium">
|
| 44 |
+
<i data-feather="map" class="h-4 w-4"></i>
|
| 45 |
+
<span>Plot Maps</span>
|
| 46 |
+
</a>
|
| 47 |
+
<a href="#" class="flex items-center space-x-3 hover:bg-blue-700 px-3 py-2 rounded-md text-sm font-medium">
|
| 48 |
+
<i data-feather="upload" class="h-4 w-4"></i>
|
| 49 |
+
<span>OCR Import</span>
|
| 50 |
+
</a>
|
| 51 |
+
<a href="#" class="flex items-center space-x-3 hover:bg-blue-700 px-3 py-2 rounded-md text-sm font-medium">
|
| 52 |
+
<i data-feather="users" class="h-4 w-4"></i>
|
| 53 |
+
<span>Staff</span>
|
| 54 |
+
</a>
|
| 55 |
+
<a href="#" class="flex items-center space-x-3 hover:bg-blue-700 px-3 py-2 rounded-md text-sm font-medium">
|
| 56 |
+
<i data-feather="settings" class="h-4 w-4"></i>
|
| 57 |
+
<span>Settings</span>
|
| 58 |
+
</a>
|
| 59 |
+
<a href="#" class="flex items-center space-x-3 hover:bg-blue-700 px-3 py-2 rounded-md text-sm font-medium">
|
| 60 |
+
<i data-feather="credit-card" class="h-4 w-4"></i>
|
| 61 |
+
<span>Billing</span>
|
| 62 |
+
</a>
|
| 63 |
+
</div>
|
| 64 |
+
</nav>
|
| 65 |
+
</div>
|
| 66 |
+
</div>
|
| 67 |
+
|
| 68 |
+
<!-- Main content -->
|
| 69 |
+
<div class="flex-1 overflow-auto">
|
| 70 |
+
<!-- Top navigation -->
|
| 71 |
+
<header class="bg-white shadow-sm">
|
| 72 |
+
<div class="px-4 py-4 sm:px-6 lg:px-8 flex justify-between items-center">
|
| 73 |
+
<h1 class="text-lg font-semibold text-gray-900">Dashboard</h1>
|
| 74 |
+
<div class="flex items-center space-x-4">
|
| 75 |
+
<div class="relative">
|
| 76 |
+
<input type="text" placeholder="Search..." class="pl-10 pr-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
|
| 77 |
+
<i data-feather="search" class="absolute left-3 top-2.5 text-gray-400"></i>
|
| 78 |
+
</div>
|
| 79 |
+
<div class="relative">
|
| 80 |
+
<i data-feather="bell" class="h-5 w-5 text-gray-500"></i>
|
| 81 |
+
<span class="absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500"></span>
|
| 82 |
+
</div>
|
| 83 |
+
<div class="flex items-center space-x-2">
|
| 84 |
+
<img class="h-8 w-8 rounded-full" src="http://static.photos/people/200x200/7" alt="User">
|
| 85 |
+
<span class="text-sm font-medium">Admin User</span>
|
| 86 |
+
</div>
|
| 87 |
+
</div>
|
| 88 |
+
</div>
|
| 89 |
+
</header>
|
| 90 |
+
|
| 91 |
+
<!-- Dashboard content -->
|
| 92 |
+
<main class="p-4 sm:p-6 lg:p-8">
|
| 93 |
+
<!-- Stats -->
|
| 94 |
+
<div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4 mb-8">
|
| 95 |
+
<div class="dashboard-card bg-white overflow-hidden shadow rounded-lg">
|
| 96 |
+
<div class="px-4 py-5 sm:p-6">
|
| 97 |
+
<div class="flex items-center">
|
| 98 |
+
<div class="flex-shrink-0 bg-blue-500 rounded-md p-3">
|
| 99 |
+
<i data-feather="database" class="h-6 w-6 text-white"></i>
|
| 100 |
+
</div>
|
| 101 |
+
<div class="ml-5 w-0 flex-1">
|
| 102 |
+
<dt class="text-sm font-medium text-gray-500 truncate">Total Records</dt>
|
| 103 |
+
<dd class="flex items-baseline">
|
| 104 |
+
<div class="text-2xl font-semibold text-gray-900">1,248</div>
|
| 105 |
+
<div class="ml-2 flex items-baseline text-sm font-semibold text-green-600">
|
| 106 |
+
<i data-feather="arrow-up" class="h-4 w-4"></i>
|
| 107 |
+
<span class="sr-only">Increased by</span>
|
| 108 |
+
12%
|
| 109 |
+
</div>
|
| 110 |
+
</dd>
|
| 111 |
+
</div>
|
| 112 |
+
</div>
|
| 113 |
+
</div>
|
| 114 |
+
</div>
|
| 115 |
+
<div class="dashboard-card bg-white overflow-hidden shadow rounded-lg">
|
| 116 |
+
<div class="px-4 py-5 sm:p-6">
|
| 117 |
+
<div class="flex items-center">
|
| 118 |
+
<div class="flex-shrink-0 bg-green-500 rounded-md p-3">
|
| 119 |
+
<i data-feather="map" class="h-6 w-6 text-white"></i>
|
| 120 |
+
</div>
|
| 121 |
+
<div class="ml-5 w-0 flex-1">
|
| 122 |
+
<dt class="text-sm font-medium text-gray-500 truncate">Plots Mapped</dt>
|
| 123 |
+
<dd class="flex items-baseline">
|
| 124 |
+
<div class="text-2xl font-semibold text-gray-900">856</div>
|
| 125 |
+
<div class="ml-2 flex items-baseline text-sm font-semibold text-green-600">
|
| 126 |
+
<i data-feather="arrow-up" class="h-4 w-4"></i>
|
| 127 |
+
<span class="sr-only">Increased by</span>
|
| 128 |
+
5%
|
| 129 |
+
</div>
|
| 130 |
+
</dd>
|
| 131 |
+
</div>
|
| 132 |
+
</div>
|
| 133 |
+
</div>
|
| 134 |
+
</div>
|
| 135 |
+
<div class="dashboard-card bg-white overflow-hidden shadow rounded-lg">
|
| 136 |
+
<div class="px-4 py-5 sm:p-6">
|
| 137 |
+
<div class="flex items-center">
|
| 138 |
+
<div class="flex-shrink-0 bg-yellow-500 rounded-md p-3">
|
| 139 |
+
<i data-feather="users" class="h-6 w-6 text-white"></i>
|
| 140 |
+
</div>
|
| 141 |
+
<div class="ml-5 w-0 flex-1">
|
| 142 |
+
<dt class="text-sm font-medium text-gray-500 truncate">Active Staff</dt>
|
| 143 |
+
<dd class="flex items-baseline">
|
| 144 |
+
<div class="text-2xl font-semibold text-gray-900">8</div>
|
| 145 |
+
<div class="ml-2 flex items-baseline text-sm font-semibold text-red-600">
|
| 146 |
+
<i data-feather="arrow-down" class="h-4 w-4"></i>
|
| 147 |
+
<span class="sr-only">Decreased by</span>
|
| 148 |
+
2%
|
| 149 |
+
</div>
|
| 150 |
+
</dd>
|
| 151 |
+
</div>
|
| 152 |
+
</div>
|
| 153 |
+
</div>
|
| 154 |
+
</div>
|
| 155 |
+
<div class="dashboard-card bg-white overflow-hidden shadow rounded-lg">
|
| 156 |
+
<div class="px-4 py-5 sm:p-6">
|
| 157 |
+
<div class="flex items-center">
|
| 158 |
+
<div class="flex-shrink-0 bg-purple-500 rounded-md p-3">
|
| 159 |
+
<i data-feather="eye" class="h-6 w-6 text-white"></i>
|
| 160 |
+
</div>
|
| 161 |
+
<div class="ml-5 w-0 flex-1">
|
| 162 |
+
<dt class="text-sm font-medium text-gray-500 truncate">Portal Visits</dt>
|
| 163 |
+
<dd class="flex items-baseline">
|
| 164 |
+
<div class="text-2xl font-semibold text-gray-900">1,024</div>
|
| 165 |
+
<div class="ml-2 flex items-baseline text-sm font-semibold text-green-600">
|
| 166 |
+
<i data-feather="arrow-up" class="h-4 w-4"></i>
|
| 167 |
+
<span class="sr-only">Increased by</span>
|
| 168 |
+
20%
|
| 169 |
+
</div>
|
| 170 |
+
</dd>
|
| 171 |
+
</div>
|
| 172 |
+
</div>
|
| 173 |
+
</div>
|
| 174 |
+
</div>
|
| 175 |
+
</div>
|
| 176 |
+
|
| 177 |
+
<!-- Recent Activity & Quick Actions -->
|
| 178 |
+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
|
| 179 |
+
<!-- Recent Activity -->
|
| 180 |
+
<div class="lg:col-span-2 bg-white shadow overflow-hidden sm:rounded-lg">
|
| 181 |
+
<div class="px-4 py-5 sm:px-6 border-b border-gray-200">
|
| 182 |
+
<h3 class="text-lg leading-6 font-medium text-gray-900">Recent Activity</h3>
|
| 183 |
+
</div>
|
| 184 |
+
<div class="divide-y divide-gray-200">
|
| 185 |
+
<div class="px-4 py-4 sm:px-6">
|
| 186 |
+
<div class="flex items-center">
|
| 187 |
+
<div class="flex-shrink-0 bg-blue-100 rounded-md p-2">
|
| 188 |
+
<i data-feather="edit" class="h-5 w-5 text-blue-600"></i>
|
| 189 |
+
</div>
|
| 190 |
+
<div class="ml-3">
|
| 191 |
+
<p class="text-sm font-medium text-gray-900">Record updated</p>
|
| 192 |
+
<p class="text-sm text-gray-500">John Doe's burial record was updated by Sarah Johnson</p>
|
| 193 |
+
<p class="text-xs text-gray-400 mt-1">2 hours ago</p>
|
| 194 |
+
</div>
|
| 195 |
+
</div>
|
| 196 |
+
</div>
|
| 197 |
+
<div class="px-4 py-4 sm:px-6">
|
| 198 |
+
<div class="flex items-center">
|
| 199 |
+
<div class="flex-shrink-0 bg-green-100 rounded-md p-2">
|
| 200 |
+
<i data-feather="upload" class="h-5 w-5 text-green-600"></i>
|
| 201 |
+
</div>
|
| 202 |
+
<div class="ml-3">
|
| 203 |
+
<p class="text-sm font-medium text-gray-900">New OCR import</p>
|
| 204 |
+
<p class="text-sm text-gray-500">45 records imported from scanned 1920 ledger</p>
|
| 205 |
+
<p class="text-xs text-gray-400 mt-1">5 hours ago</p>
|
| 206 |
+
</div>
|
| 207 |
+
</div>
|
| 208 |
+
</div>
|
| 209 |
+
<div class="px-4 py-4 sm:px-6">
|
| 210 |
+
<div class="flex items-center">
|
| 211 |
+
<div class="flex-shrink-0 bg-purple-100 rounded-md p-2">
|
| 212 |
+
<i data-feather="clipboard" class="h-5 w-5 text-purple-600"></i>
|
| 213 |
+
</div>
|
| 214 |
+
<div class="ml-3">
|
| 215 |
+
<p class="text-sm font-medium text-gray-900">Task completed</p>
|
| 216 |
+
<p class="text-sm text-gray-500">"Verify plot B-12 inscription" marked complete by Michael Wilson</p>
|
| 217 |
+
<p class="text-xs text-gray-400 mt-1">1 day ago</p>
|
| 218 |
+
</div>
|
| 219 |
+
</div>
|
| 220 |
+
</div>
|
| 221 |
+
</div>
|
| 222 |
+
</div>
|
| 223 |
+
|
| 224 |
+
<!-- Quick Actions -->
|
| 225 |
+
<div class="bg-white shadow overflow-hidden sm:rounded-lg">
|
| 226 |
+
<div class="px-4 py-5 sm:px-6 border-b border-gray-200">
|
| 227 |
+
<h3 class="text-lg leading-6 font-medium text-gray-900">Quick Actions</h3>
|
| 228 |
+
</div>
|
| 229 |
+
<div class="p-4">
|
| 230 |
+
<div class="grid grid-cols-2 gap-4">
|
| 231 |
+
<a href="#" class="dashboard-card flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-blue-50 hover:border-blue-200">
|
| 232 |
+
<div class="bg-blue-100 p-3 rounded-full">
|
| 233 |
+
<i data-feather="plus" class="h-6 w-6 text-blue-600"></i>
|
| 234 |
+
</div>
|
| 235 |
+
<span class="mt-2 text-sm font-medium text-gray-700">Add Record</span>
|
| 236 |
+
</a>
|
| 237 |
+
<a href="#" class="dashboard-card flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-green-50 hover:border-green-200">
|
| 238 |
+
<div class="bg-green-100 p-3 rounded-full">
|
| 239 |
+
<i data-feather="upload" class="h-6 w-6 text-green-600"></i>
|
| 240 |
+
</div>
|
| 241 |
+
<span class="mt-2 text-sm font-medium text-gray-700">Import Data</span>
|
| 242 |
+
</a>
|
| 243 |
+
<a href="#" class="dashboard-card flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-yellow-50 hover:border-yellow-200">
|
| 244 |
+
<div class="bg-yellow-100 p-3 rounded-full">
|
| 245 |
+
<i data-feather="map" class="h-6 w-6 text-yellow-600"></i>
|
| 246 |
+
</div>
|
| 247 |
+
<span class="mt-2 text-sm font-medium text-gray-700">Edit Map</span>
|
| 248 |
+
</a>
|
| 249 |
+
<a href="#" class="dashboard-card flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-purple-50 hover:border-purple-200">
|
| 250 |
+
<div class="bg-purple-100 p-3 rounded-full">
|
| 251 |
+
<i data-feather="file-text" class="h-6 w-6 text-purple-600"></i>
|
| 252 |
+
</div>
|
| 253 |
+
<span class="mt-2 text-sm font-medium text-gray-700">Generate Report</span>
|
| 254 |
+
</a>
|
| 255 |
+
</div>
|
| 256 |
+
</div>
|
| 257 |
+
</div>
|
| 258 |
+
</div>
|
| 259 |
+
|
| 260 |
+
<!-- Recent Records -->
|
| 261 |
+
<div class="bg-white shadow overflow-hidden sm:rounded-lg">
|
| 262 |
+
<div class="px-4 py-5 sm:px-6 border-b border-gray-200">
|
| 263 |
+
<div class="flex justify-between items-center">
|
| 264 |
+
<h3 class="text-lg leading-6 font-medium text-gray-900">Recent Burial Records</h3>
|
| 265 |
+
<a href="#" class="text-sm font-medium text-blue-600 hover:text-blue-500">View All</a>
|
| 266 |
+
</div>
|
| 267 |
+
</div>
|
| 268 |
+
<div class="overflow-x-auto">
|
| 269 |
+
<table class="min-w-full divide-y divide-gray-200">
|
| 270 |
+
<thead class="bg-gray-50">
|
| 271 |
+
<tr>
|
| 272 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
|
| 273 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Birth/Death</th>
|
| 274 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Location</th>
|
| 275 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Last Updated</th>
|
| 276 |
+
<th scope="col" class="relative px-6 py-3">
|
| 277 |
+
<span class="sr-only">Actions</span>
|
| 278 |
+
</th>
|
| 279 |
+
</tr>
|
| 280 |
+
</thead>
|
| 281 |
+
<tbody class="bg-white divide-y divide-gray-200">
|
| 282 |
+
<tr>
|
| 283 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 284 |
+
<div class="flex items-center">
|
| 285 |
+
<div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-200 flex items-center justify-center">
|
| 286 |
+
<i data-feather="user" class="h-5 w-5 text-gray-500"></i>
|
| 287 |
+
</div>
|
| 288 |
+
<div class="ml-4">
|
| 289 |
+
<div class="text-sm font-medium text-gray-900">Margaret Johnson</div>
|
| 290 |
+
<div class="text-sm text-gray-500">1925-2021</div>
|
| 291 |
+
</div>
|
| 292 |
+
</div>
|
| 293 |
+
</td>
|
| 294 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 295 |
+
<div class="text-sm text-gray-900">Mar 15, 1925 - Jan 22, 2021</div>
|
| 296 |
+
</td>
|
| 297 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 298 |
+
<div class="text-sm text-gray-900">Section B, Row 12, Plot 5</div>
|
| 299 |
+
</td>
|
| 300 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 301 |
+
<div class="text-sm text-gray-900">2 days ago</div>
|
| 302 |
+
</td>
|
| 303 |
+
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
|
| 304 |
+
<a href="#" class="text-blue-600 hover:text-blue-900 mr-3">View</a>
|
| 305 |
+
<a href="#" class="text-indigo-600 hover:text-indigo-900">Edit</a>
|
| 306 |
+
</td>
|
| 307 |
+
</tr>
|
| 308 |
+
<tr>
|
| 309 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 310 |
+
<div class="flex items-center">
|
| 311 |
+
<div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-200 flex items-center justify-center">
|
| 312 |
+
<i data-feather="user" class="h-5 w-5 text-gray-500"></i>
|
| 313 |
+
</div>
|
| 314 |
+
<div class="ml-4">
|
| 315 |
+
<div class="text-sm font-medium text-gray-900">Robert Williams</div>
|
| 316 |
+
<div class="text-sm text-gray-500">1942-2020</div>
|
| 317 |
+
</div>
|
| 318 |
+
</div>
|
| 319 |
+
</td>
|
| 320 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 321 |
+
<div class="text-sm text-gray-900">Aug 3, 1942 - Dec 10, 2020</div>
|
| 322 |
+
</td>
|
| 323 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 324 |
+
<div class="text-sm text-gray-900">Section C, Row 8, Plot 17</div>
|
| 325 |
+
</td>
|
| 326 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 327 |
+
<div class="text-sm text-gray-900">1 week ago</div>
|
| 328 |
+
</td>
|
| 329 |
+
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
|
| 330 |
+
<a href="#" class="text-blue-600 hover:text-blue-900 mr-3">View</a>
|
| 331 |
+
<a href="#" class="text-indigo-600 hover:text-indigo-900">Edit</a>
|
| 332 |
+
</td>
|
| 333 |
+
</tr>
|
| 334 |
+
<tr>
|
| 335 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 336 |
+
<div class="flex items-center">
|
| 337 |
+
<div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-200 flex items-center justify-center">
|
| 338 |
+
<i data-feather="user" class="h-5 w-5 text-gray-500"></i>
|
| 339 |
+
</div>
|
| 340 |
+
<div class="ml-4">
|
| 341 |
+
<div class="text-sm font-medium text-gray-900">Eleanor Davis</div>
|
| 342 |
+
<div class="text-sm text-gray-500">1930-2019</div>
|
| 343 |
+
</div>
|
| 344 |
+
</div>
|
| 345 |
+
</td>
|
| 346 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 347 |
+
<div class="text-sm text-gray-900">Nov 21, 1930 - Sep 5, 2019</div>
|
| 348 |
+
</td>
|
| 349 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 350 |
+
<div class="text-sm text-gray-900">Section A, Row 4, Plot 9</div>
|
| 351 |
+
</td>
|
| 352 |
+
<td class="px-6 py-4 whitespace-nowrap">
|
| 353 |
+
<div class="text-sm text-gray-900">2 weeks ago</div>
|
| 354 |
+
</td>
|
| 355 |
+
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
|
| 356 |
+
<a href="#" class="text-blue-600 hover:text-blue-900 mr-3">View</a>
|
| 357 |
+
<a href="#" class="text-indigo-600 hover:text-indigo-900">Edit</a>
|
| 358 |
+
</td>
|
| 359 |
+
</tr>
|
| 360 |
+
</tbody>
|
| 361 |
+
</table>
|
| 362 |
+
</div>
|
| 363 |
+
</div>
|
| 364 |
+
</main>
|
| 365 |
+
</div>
|
| 366 |
+
</div>
|
| 367 |
+
|
| 368 |
+
<script>
|
| 369 |
+
feather.replace();
|
| 370 |
+
</script>
|
| 371 |
+
</body>
|
| 372 |
+
</html>
|
index.html
CHANGED
|
@@ -1,19 +1,293 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
</html>
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Eternal Records - Modern Cemetery Management</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 9 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 10 |
+
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
|
| 11 |
+
<style>
|
| 12 |
+
.hero-gradient {
|
| 13 |
+
background: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%);
|
| 14 |
+
}
|
| 15 |
+
.feature-card:hover {
|
| 16 |
+
transform: translateY(-5px);
|
| 17 |
+
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
| 18 |
+
}
|
| 19 |
+
</style>
|
| 20 |
+
</head>
|
| 21 |
+
<body class="font-sans antialiased text-gray-800">
|
| 22 |
+
<!-- Navigation -->
|
| 23 |
+
<nav class="bg-white shadow-sm fixed w-full z-10">
|
| 24 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 25 |
+
<div class="flex justify-between h-16">
|
| 26 |
+
<div class="flex items-center">
|
| 27 |
+
<div class="flex-shrink-0 flex items-center">
|
| 28 |
+
<i data-feather="map" class="h-8 w-8 text-blue-600"></i>
|
| 29 |
+
<span class="ml-2 text-xl font-bold text-gray-900">Eternal Records</span>
|
| 30 |
+
</div>
|
| 31 |
+
</div>
|
| 32 |
+
<div class="hidden md:ml-6 md:flex md:items-center space-x-8">
|
| 33 |
+
<a href="#" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Features</a>
|
| 34 |
+
<a href="#" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Pricing</a>
|
| 35 |
+
<a href="#" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Documentation</a>
|
| 36 |
+
<a href="#" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
|
| 37 |
+
</div>
|
| 38 |
+
<div class="flex items-center">
|
| 39 |
+
<a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Sign In</a>
|
| 40 |
+
</div>
|
| 41 |
+
</div>
|
| 42 |
+
</div>
|
| 43 |
+
</nav>
|
| 44 |
+
|
| 45 |
+
<!-- Hero Section -->
|
| 46 |
+
<div id="hero" class="hero-gradient pt-24 pb-32 relative overflow-hidden">
|
| 47 |
+
<div class="absolute inset-0 opacity-20">
|
| 48 |
+
<div id="vanta-globe"></div>
|
| 49 |
+
</div>
|
| 50 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
| 51 |
+
<div class="lg:grid lg:grid-cols-12 lg:gap-8">
|
| 52 |
+
<div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left">
|
| 53 |
+
<h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl">
|
| 54 |
+
<span class="block">Digitizing Memorial</span>
|
| 55 |
+
<span class="block text-blue-200">Histories</span>
|
| 56 |
+
</h1>
|
| 57 |
+
<p class="mt-3 text-base text-blue-100 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
|
| 58 |
+
Modern cemetery management software that transforms paper records from the 1800s into searchable digital archives with interactive maps.
|
| 59 |
+
</p>
|
| 60 |
+
<div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
|
| 61 |
+
<div class="flex flex-col sm:flex-row gap-4">
|
| 62 |
+
<a href="#" class="px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-700 bg-white hover:bg-blue-50 md:py-4 md:text-lg md:px-10">
|
| 63 |
+
Get Started
|
| 64 |
+
</a>
|
| 65 |
+
<a href="#" class="px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-500 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10">
|
| 66 |
+
Live Demo
|
| 67 |
+
</a>
|
| 68 |
+
</div>
|
| 69 |
+
</div>
|
| 70 |
+
</div>
|
| 71 |
+
<div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center">
|
| 72 |
+
<div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md">
|
| 73 |
+
<img class="w-full rounded-lg" src="http://static.photos/technology/1024x576/42" alt="Dashboard preview">
|
| 74 |
+
</div>
|
| 75 |
+
</div>
|
| 76 |
+
</div>
|
| 77 |
+
</div>
|
| 78 |
+
</div>
|
| 79 |
+
|
| 80 |
+
<!-- Features Section -->
|
| 81 |
+
<div class="py-12 bg-white">
|
| 82 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 83 |
+
<div class="lg:text-center">
|
| 84 |
+
<h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Features</h2>
|
| 85 |
+
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
|
| 86 |
+
Everything cemetery managers need
|
| 87 |
+
</p>
|
| 88 |
+
</div>
|
| 89 |
+
|
| 90 |
+
<div class="mt-10">
|
| 91 |
+
<div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3">
|
| 92 |
+
<!-- Feature 1 -->
|
| 93 |
+
<div class="feature-card bg-gray-50 p-6 rounded-lg transition duration-300 ease-in-out">
|
| 94 |
+
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
|
| 95 |
+
<i data-feather="book-open"></i>
|
| 96 |
+
</div>
|
| 97 |
+
<div class="mt-4">
|
| 98 |
+
<h3 class="text-lg font-medium text-gray-900">OCR Digitization</h3>
|
| 99 |
+
<p class="mt-2 text-base text-gray-500">
|
| 100 |
+
Convert scanned paper records from the 1800s into searchable digital archives with AI-powered OCR.
|
| 101 |
+
</p>
|
| 102 |
+
</div>
|
| 103 |
+
</div>
|
| 104 |
+
|
| 105 |
+
<!-- Feature 2 -->
|
| 106 |
+
<div class="feature-card bg-gray-50 p-6 rounded-lg transition duration-300 ease-in-out">
|
| 107 |
+
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
|
| 108 |
+
<i data-feather="map"></i>
|
| 109 |
+
</div>
|
| 110 |
+
<div class="mt-4">
|
| 111 |
+
<h3 class="text-lg font-medium text-gray-900">Interactive Mapping</h3>
|
| 112 |
+
<p class="mt-2 text-base text-gray-500">
|
| 113 |
+
Visualize plots with color-coded statuses and clickable details. GPS integration for large cemeteries.
|
| 114 |
+
</p>
|
| 115 |
+
</div>
|
| 116 |
+
</div>
|
| 117 |
+
|
| 118 |
+
<!-- Feature 3 -->
|
| 119 |
+
<div class="feature-card bg-gray-50 p-6 rounded-lg transition duration-300 ease-in-out">
|
| 120 |
+
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
|
| 121 |
+
<i data-feather="users"></i>
|
| 122 |
+
</div>
|
| 123 |
+
<div class="mt-4">
|
| 124 |
+
<h3 class="text-lg font-medium text-gray-900">Public Portal</h3>
|
| 125 |
+
<p class="mt-2 text-base text-gray-500">
|
| 126 |
+
Families can search records, view memorials, and request services like flower placements.
|
| 127 |
+
</p>
|
| 128 |
+
</div>
|
| 129 |
+
</div>
|
| 130 |
+
|
| 131 |
+
<!-- Feature 4 -->
|
| 132 |
+
<div class="feature-card bg-gray-50 p-6 rounded-lg transition duration-300 ease-in-out">
|
| 133 |
+
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
|
| 134 |
+
<i data-feather="clipboard"></i>
|
| 135 |
+
</div>
|
| 136 |
+
<div class="mt-4">
|
| 137 |
+
<h3 class="text-lg font-medium text-gray-900">Maintenance Tracking</h3>
|
| 138 |
+
<p class="mt-2 text-base text-gray-500">
|
| 139 |
+
Assign and track caretaker tasks like headstone cleaning or plot verification.
|
| 140 |
+
</p>
|
| 141 |
+
</div>
|
| 142 |
+
</div>
|
| 143 |
+
|
| 144 |
+
<!-- Feature 5 -->
|
| 145 |
+
<div class="feature-card bg-gray-50 p-6 rounded-lg transition duration-300 ease-in-out">
|
| 146 |
+
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
|
| 147 |
+
<i data-feather="database"></i>
|
| 148 |
+
</div>
|
| 149 |
+
<div class="mt-4">
|
| 150 |
+
<h3 class="text-lg font-medium text-gray-900">Secure Cloud Storage</h3>
|
| 151 |
+
<p class="mt-2 text-base text-gray-500">
|
| 152 |
+
Encrypted document storage with audit trails for all record changes and updates.
|
| 153 |
+
</p>
|
| 154 |
+
</div>
|
| 155 |
+
</div>
|
| 156 |
+
|
| 157 |
+
<!-- Feature 6 -->
|
| 158 |
+
<div class="feature-card bg-gray-50 p-6 rounded-lg transition duration-300 ease-in-out">
|
| 159 |
+
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
|
| 160 |
+
<i data-feather="credit-card"></i>
|
| 161 |
+
</div>
|
| 162 |
+
<div class="mt-4">
|
| 163 |
+
<h3 class="text-lg font-medium text-gray-900">Subscription Management</h3>
|
| 164 |
+
<p class="mt-2 text-base text-gray-500">
|
| 165 |
+
Multi-tenant SaaS with tiered pricing and Stripe integration for seamless billing.
|
| 166 |
+
</p>
|
| 167 |
+
</div>
|
| 168 |
+
</div>
|
| 169 |
+
</div>
|
| 170 |
+
</div>
|
| 171 |
+
</div>
|
| 172 |
+
</div>
|
| 173 |
+
|
| 174 |
+
<!-- Testimonial Section -->
|
| 175 |
+
<div class="bg-blue-50 py-16">
|
| 176 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 177 |
+
<div class="lg:text-center">
|
| 178 |
+
<h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Trusted by Cemetery Professionals</h2>
|
| 179 |
+
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
|
| 180 |
+
What our customers say
|
| 181 |
+
</p>
|
| 182 |
+
</div>
|
| 183 |
+
<div class="mt-10 bg-white p-8 rounded-lg shadow-sm max-w-3xl mx-auto">
|
| 184 |
+
<div class="flex items-center">
|
| 185 |
+
<img class="h-12 w-12 rounded-full" src="http://static.photos/people/200x200/5" alt="Testimonial">
|
| 186 |
+
<div class="ml-4">
|
| 187 |
+
<p class="text-gray-900 font-medium">Sarah Johnson</p>
|
| 188 |
+
<p class="text-gray-500 text-sm">Oakwood Cemetery</p>
|
| 189 |
+
</div>
|
| 190 |
+
</div>
|
| 191 |
+
<div class="mt-4">
|
| 192 |
+
<p class="text-gray-600">
|
| 193 |
+
"Eternal Records transformed our 150-year-old cemetery from paper chaos to digital order. We can now locate any burial in seconds and families love the memorial pages."
|
| 194 |
+
</p>
|
| 195 |
+
</div>
|
| 196 |
+
</div>
|
| 197 |
+
</div>
|
| 198 |
+
</div>
|
| 199 |
+
|
| 200 |
+
<!-- CTA Section -->
|
| 201 |
+
<div class="bg-white py-16">
|
| 202 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
| 203 |
+
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
|
| 204 |
+
Ready to modernize your cemetery records?
|
| 205 |
+
</h2>
|
| 206 |
+
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
|
| 207 |
+
Start your free trial today. No credit card required.
|
| 208 |
+
</p>
|
| 209 |
+
<div class="mt-8 flex justify-center">
|
| 210 |
+
<div class="inline-flex rounded-md shadow">
|
| 211 |
+
<a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700">
|
| 212 |
+
Get Started for Free
|
| 213 |
+
<i data-feather="arrow-right" class="ml-2 h-4 w-4"></i>
|
| 214 |
+
</a>
|
| 215 |
+
</div>
|
| 216 |
+
</div>
|
| 217 |
+
</div>
|
| 218 |
+
</div>
|
| 219 |
+
|
| 220 |
+
<!-- Footer -->
|
| 221 |
+
<footer class="bg-gray-800">
|
| 222 |
+
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
|
| 223 |
+
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
|
| 224 |
+
<div>
|
| 225 |
+
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Product</h3>
|
| 226 |
+
<div class="mt-4 space-y-4">
|
| 227 |
+
<a href="#" class="text-base text-gray-300 hover:text-white">Features</a>
|
| 228 |
+
<a href="#" class="text-base text-gray-300 hover:text-white block">Pricing</a>
|
| 229 |
+
<a href="#" class="text-base text-gray-300 hover:text-white block">API</a>
|
| 230 |
+
</div>
|
| 231 |
+
</div>
|
| 232 |
+
<div>
|
| 233 |
+
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Resources</h3>
|
| 234 |
+
<div class="mt-4 space-y-4">
|
| 235 |
+
<a href="#" class="text-base text-gray-300 hover:text-white">Documentation</a>
|
| 236 |
+
<a href="#" class="text-base text-gray-300 hover:text-white block">Guides</a>
|
| 237 |
+
<a href="#" class="text-base text-gray-300 hover:text-white block">Blog</a>
|
| 238 |
+
</div>
|
| 239 |
+
</div>
|
| 240 |
+
<div>
|
| 241 |
+
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Company</h3>
|
| 242 |
+
<div class="mt-4 space-y-4">
|
| 243 |
+
<a href="#" class="text-base text-gray-300 hover:text-white">About</a>
|
| 244 |
+
<a href="#" class="text-base text-gray-300 hover:text-white block">Contact</a>
|
| 245 |
+
<a href="#" class="text-base text-gray-300 hover:text-white block">Careers</a>
|
| 246 |
+
</div>
|
| 247 |
+
</div>
|
| 248 |
+
<div>
|
| 249 |
+
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Legal</h3>
|
| 250 |
+
<div class="mt-4 space-y-4">
|
| 251 |
+
<a href="#" class="text-base text-gray-300 hover:text-white">Privacy</a>
|
| 252 |
+
<a href="#" class="text-base text-gray-300 hover:text-white block">Terms</a>
|
| 253 |
+
<a href="#" class="text-base text-gray-300 hover:text-white block">GDPR</a>
|
| 254 |
+
</div>
|
| 255 |
+
</div>
|
| 256 |
+
</div>
|
| 257 |
+
<div class="mt-8 pt-8 border-t border-gray-700 flex justify-between items-center">
|
| 258 |
+
<p class="text-base text-gray-400">© 2023 Eternal Records. All rights reserved.</p>
|
| 259 |
+
<div class="flex space-x-6">
|
| 260 |
+
<a href="#" class="text-gray-400 hover:text-white">
|
| 261 |
+
<i data-feather="facebook"></i>
|
| 262 |
+
</a>
|
| 263 |
+
<a href="#" class="text-gray-400 hover:text-white">
|
| 264 |
+
<i data-feather="twitter"></i>
|
| 265 |
+
</a>
|
| 266 |
+
<a href="#" class="text-gray-400 hover:text-white">
|
| 267 |
+
<i data-feather="linkedin"></i>
|
| 268 |
+
</a>
|
| 269 |
+
</div>
|
| 270 |
+
</div>
|
| 271 |
+
</div>
|
| 272 |
+
</footer>
|
| 273 |
+
|
| 274 |
+
<script>
|
| 275 |
+
// Initialize Vanta.js globe
|
| 276 |
+
VANTA.GLOBE({
|
| 277 |
+
el: "#vanta-globe",
|
| 278 |
+
mouseControls: true,
|
| 279 |
+
touchControls: true,
|
| 280 |
+
gyroControls: false,
|
| 281 |
+
minHeight: 200.00,
|
| 282 |
+
minWidth: 200.00,
|
| 283 |
+
scale: 1.00,
|
| 284 |
+
scaleMobile: 1.00,
|
| 285 |
+
color: 0x3b82f6,
|
| 286 |
+
backgroundColor: 0x0
|
| 287 |
+
});
|
| 288 |
+
|
| 289 |
+
// Initialize feather icons
|
| 290 |
+
feather.replace();
|
| 291 |
+
</script>
|
| 292 |
+
</body>
|
| 293 |
</html>
|