5.0

4.1
4.0
2025-12-02 20:54:24 +00:00 · 2025-12-02 00:25:30 +00:00 · 2025-12-02 00:10:21 +00:00 · 2025-12-01 23:38:28 +00:00 · 2025-12-01 22:46:31 +00:00 · 2025-12-01 22:38:36 +00:00
105 changed files with 7008 additions and 137 deletions
--- a/INSTALL.md
+++ b/INSTALL.md
@ -0,0 +1,113 @@
+
+# Installation Guide
+
+This guide will walk you through the process of installing the application on your own web hosting.
+
+## 1. Server Requirements
+
+Before you begin, ensure your hosting environment meets the following requirements:
+
+*   **Web Server:** Apache with `mod_rewrite` enabled.
+*   **PHP:** Version 7.4 or higher.
+*   **Database:** MySQL or MariaDB.
+*   **PHP Extensions:** PDO (specifically `pdo_mysql`).
+
+## 2. Installation Steps
+
+Follow these steps to get the application up and running:
+
+### Step 1: Upload Files
+
+Upload all the files and folders from this project to the root directory of your web server (e.g., `public_html`, `www`, `htdocs`).
+
+### Step 2: Create a Database
+
+Using your hosting control panel (like cPanel or phpMyAdmin), create a new database and a database user. Grant the user full privileges to the database. Make a note of the following:
+
+*   Database Name
+*   Database Username
+*   Database Password
+*   Database Host (usually `localhost` or `127.0.0.1`)
+
+### Step 3: Configure the Database Connection
+
+Open the `db/config.php` file and update the database credentials with the ones you created in the previous step.
+
+```php
+<?php
+// Generated by setup_mariadb_project.sh — edit as needed.
+define('DB_HOST', 'YOUR_DATABASE_HOST');
+define('DB_NAME', 'YOUR_DATABASE_NAME');
+define('DB_USER', 'YOUR_DATABASE_USERNAME');
+define('DB_PASS', 'YOUR_DATABASE_PASSWORD');
+
+function db() {
+  static $pdo;
+  if (!$pdo) {
+    $pdo = new PDO('mysql:host='.DB_HOST.';dbname='.DB_NAME.';charset=utf8mb4', DB_USER, DB_PASS, [
+      PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
+      PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
+    ]);
+  }
+  return $pdo;
+}
+```
+
+### Step 4: Run the Setup Script
+
+In your web browser, navigate to `http://your-domain.com/db/setup.php`. This will create the necessary tables in your database. You should see a success message.
+
+### Step 5: Secure Your Installation
+
+For security reasons, it is highly recommended that you **delete the `db/setup.php` file** after you have run it.
+
+### Step 6: Log In to the Admin Area
+
+You can now log in to the admin area at `http://your-domain.com/admin.php`. The default credentials are:
+
+*   **Username:** `admin`
+*   **Password:** `password`
+
+### Step 7: Change the Admin Password
+
+Immediately after logging in, you should change the default admin password. You can do this by navigating to the "Change Password" section in the admin area.
+
+You can also change the admin username and password by editing the `admin/config.php` file:
+
+```php
+<?php
+// Simple password protection for the admin area.
+
+define('ADMIN_USERNAME', 'new_admin_username');
+define('ADMIN_PASSWORD', 'new_strong_password');
+```
+**Note:** The password in `admin/config.php` should be a hashed password. You can use the change password functionality in the admin panel to generate a new hashed password.
+
+## 3. Email Configuration
+
+The application sends emails using an SMTP server. The configuration is handled in the `mail/config.php` file, which reads settings from environment variables.
+
+### Option 1: Using a `.env` File
+
+The most secure way to configure email is to create a `.env` file in the root directory of your application and add the following settings.
+
+```
+MAIL_TRANSPORT=smtp
+SMTP_HOST=your_smtp_host
+SMTP_PORT=587
+SMTP_SECURE=tls
+SMTP_USER=your_smtp_username
+SMTP_PASS=your_smtp_password
+MAIL_FROM=your_from_email@example.com
+MAIL_FROM_NAME=Your From Name
+MAIL_REPLY_TO=your_reply_to_email@example.com
+```
+
+### Option 2: Hardcoding the Configuration (Not Recommended)
+
+If you are unable to use environment variables, you can modify the `mail/config.php` file directly. However, this is less secure as it stores your credentials in a plain text file.
+
+## 4. Support
+
+If you encounter any issues during the installation, please double-check that you have followed all the steps correctly and that your server meets the requirements.
+
--- a/add_template.php
+++ b/add_template.php
@ -0,0 +1,104 @@
+<?php
+require_once 'admin/config.php';
+require_login();
+
+$error = '';
+$success = '';
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $template_name = isset($_POST['template_name']) ? trim($_POST['template_name']) : '';
+    $template_content = isset($_POST['template_content']) ? trim($_POST['template_content']) : '';
+
+    if (empty($template_name) || empty($template_content)) {
+        $error = 'Template name and content are required.';
+    } elseif (preg_match('/[^a-zA-Z0-9_-]/', $template_name)) {
+        $error = 'Template name can only contain letters, numbers, underscores, and dashes.';
+    } else {
+        $template_path = 'templates/' . $template_name . '.html';
+        if (file_exists($template_path)) {
+            $error = 'A template with this name already exists.';
+        } else {
+            if (file_put_contents($template_path, $template_content)) {
+                $success = 'Template created successfully.';
+
+                if (isset($_FILES['template_image']) && $_FILES['template_image']['error'] === UPLOAD_ERR_OK) {
+                    $image_dir = 'assets/images/templates/';
+                    $image_name = basename($_FILES['template_image']['name']);
+                    $image_path = $image_dir . $image_name;
+                    if (move_uploaded_file($_FILES['template_image']['tmp_name'], $image_path)) {
+                        $success .= ' Image uploaded successfully.';
+                    } else {
+                        $error .= ' Failed to upload image.';
+                    }
+                }
+                 header('Location: admin.php');
+            } else {
+                $error = 'Failed to create template file.';
+            }
+        }
+    }
+}
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Add New Template</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/admin.css">
+    <link rel="icon" type="image/jpeg" href="/assets/images/favicon.jpg">
+</head>
+<body>
+<div class="wrapper">
+    <!-- Sidebar -->
+    <nav id="sidebar">
+        <div class="sidebar-header">
+            <h3>Admin Panel</h3>
+        </div>
+
+        <ul class="list-unstyled components">
+            <li>
+                <a href="admin.php">Templates</a>
+            </li>
+            <li>
+                <a href="logout.php">Logout</a>
+            </li>
+        </ul>
+    </nav>
+
+    <!-- Page Content -->
+    <div id="content">
+        <h1 class="page-title">Add New Template</h1>
+
+        <?php if ($error): ?>
+            <div class="alert alert-danger"><?php echo $error; ?></div>
+        <?php endif; ?>
+        <?php if ($success): ?>
+            <div class="alert alert-success"><?php echo $success; ?></div>
+        <?php endif; ?>
+
+        <div class="card">
+            <div class="card-body">
+                <form method="POST" enctype="multipart/form-data">
+                    <div class="mb-3">
+                        <label for="template_name" class="form-label">Template Name (without .html extension)</label>
+                        <input type="text" class="form-control" id="template_name" name="template_name" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="template_content" class="form-label">Template Content (HTML)</label>
+                        <textarea class="form-control" id="template_content" name="template_content" rows="10" required></textarea>
+                    </div>
+                    <div class="mb-3">
+                        <label for="template_image" class="form-label">Featured Image</label>
+                        <input class="form-control" type="file" id="template_image" name="template_image">
+                    </div>
+                    <button type="submit" class="btn btn-primary">Create Template</button>
+                    <a href="admin.php" class="btn btn-secondary">Cancel</a>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
--- a/admin.php
+++ b/admin.php
@ -0,0 +1,76 @@
+<?php
+require_once 'admin/config.php';
+require_login();
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Admin - Template Management</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/admin.css">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+</head>
+<body>
+<div class="wrapper">
+    <!-- Sidebar -->
+    <nav id="sidebar">
+        <div class="sidebar-header">
+            <h3>Admin Panel</h3>
+        </div>
+
+        <ul class="list-unstyled components">
+            <li class="active">
+                <a href="admin.php">Templates</a>
+            </li>
+            <li>
+                <a href="editor_13d84da0257b8680.php">Template Directory</a>
+            </li>
+            <li>
+                <a href="logout.php">Logout</a>
+            </li>
+        </ul>
+    </nav>
+
+    <!-- Page Content -->
+    <div id="content">
+        <div class="d-flex justify-content-between align-items-center mb-4">
+            <h1 class="page-title">Template Management</h1>
+            <a href="add_template.php" class="btn btn-primary btn-lg">Add New Template</a>
+        </div>
+
+        <div class="card">
+            <div class="card-body">
+                <table class="table table-striped">
+                    <thead>
+                        <tr>
+                            <th>Template Name</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <?php
+                        $templates = glob('templates/*.html');
+                        if (!empty($templates)) {
+                            foreach ($templates as $template) {
+                                echo '<tr>';
+                                echo '<td>' . htmlspecialchars(basename($template)) . '</td>';
+                                echo '<td>';
+                                echo '<a href="edit_template.php?template=' . urlencode(basename($template)) . '" class="btn btn-sm btn-outline-primary">Edit</a> ';
+                                echo '<a href="delete_template.php?template=' . urlencode(basename($template)) . '" class="btn btn-sm btn-outline-danger" onclick="return confirm(\'Are you sure you want to delete this template?\')">Delete</a>';
+                                echo '</td>';
+                                echo '</tr>';
+                            }
+                        } else {
+                            echo '<tr><td colspan="2">No templates found.</td></tr>';
+                        }
+                        ?>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
--- a/admin/config.php
+++ b/admin/config.php
@ -0,0 +1,19 @@
+<?php
+// Simple password protection for the admin area.
+// IMPORTANT: For a real application, use a proper authentication system.
+define('ADMIN_USERNAME', 'admin');
+define('ADMIN_PASSWORD', 'password');
+
+session_start();
+
+function is_logged_in() {
+    return isset($_SESSION['is_logged_in']) && $_SESSION['is_logged_in'] === true;
+}
+
+function require_login() {
+    if (!is_logged_in()) {
+        header('Location: login.php');
+        exit;
+    }
+}
+?>
--- a/admin/cron.php
+++ b/admin/cron.php
@ -0,0 +1,32 @@
+<?php
+declare(strict_types=1);
+@ini_set('display_errors', '1');
+@error_reporting(E_ALL);
+
+require_once __DIR__ . '/../db/config.php';
+
+try {
+    $pdo = db();
+    $stmt = $pdo->prepare("SELECT `id`, `filename` FROM `published_pages` WHERE `expires_at` < NOW()");
+    $stmt->execute();
+    $expired_pages = $stmt->fetchAll();
+
+    $deleted_count = 0;
+    foreach ($expired_pages as $page) {
+        $filepath = __DIR__ . '/../published/' . $page['filename'];
+        if (file_exists($filepath)) {
+            unlink($filepath);
+        }
+
+        $delete_stmt = $pdo->prepare("DELETE FROM `published_pages` WHERE `id` = ?");
+        $delete_stmt->execute([$page['id']]);
+        $deleted_count++;
+    }
+
+    echo "Expired pages cleanup completed. $deleted_count pages deleted.\n";
+
+} catch (PDOException $e) {
+    error_log("DB Error: " . $e->getMessage());
+    die("An error occurred during cleanup.\n");
+}
+
--- a/assets/css/admin.css
+++ b/assets/css/admin.css
@ -0,0 +1,144 @@
+/* assets/css/admin.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff;
+    --primary-hover: #0056b3;
+    --background-color: #f4f7fc;
+    --sidebar-bg: #ffffff;
+    --text-color: #333;
+    --text-light: #777;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+/* Login Page Styles */
+.login-page {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+}
+
+.login-card {
+    border: none;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    padding: 2rem;
+    width: 100%;
+    max-width: 420px;
+}
+
+.login-card .card-title {
+    font-weight: 600;
+    margin-bottom: 1.5rem;
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+}
+
+.form-control {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+/* Admin Layout Styles */
+.wrapper {
+    display: flex;
+    width: 100%;
+    min-height: 100vh;
+}
+
+#sidebar {
+    width: 250px;
+    background: var(--sidebar-bg);
+    box-shadow: 0 0 20px rgba(0,0,0,0.05);
+    transition: all 0.3s;
+}
+
+#sidebar .sidebar-header {
+    padding: 20px;
+    background: #fff;
+    border-bottom: 1px solid var(--border-color);
+    text-align: center;
+    font-weight: 600;
+    font-size: 1.2rem;
+}
+
+#sidebar ul.components {
+    padding: 20px 0;
+}
+
+#sidebar ul li a {
+    padding: 15px 20px;
+    font-size: 1rem;
+    display: block;
+    color: var(--text-light);
+    border-left: 3px solid transparent;
+}
+
+#sidebar ul li a:hover {
+    color: var(--primary-color);
+    background: #f7f7f7;
+    border-left-color: var(--primary-color);
+}
+
+#sidebar ul li.active > a, a[aria-expanded="true"] {
+    color: var(--primary-color);
+    background: #f0f0f0;
+    border-left-color: var(--primary-color);
+}
+
+#content {
+    width: calc(100% - 250px);
+    padding: 40px;
+    min-height: 100vh;
+    transition: all 0.3s;
+}
+
+.page-title {
+    font-weight: 700;
+    margin-bottom: 2rem;
+}
+
+.table {
+    background-color: #fff;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: none;
+}
+
+.table thead th {
+    border-top: none;
+    font-weight: 600;
+    color: var(--text-light);
+    border-bottom-width: 1px;
+}
+
+.table td, .table th {
+    vertical-align: middle;
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+    background-color: rgba(0,0,0,0.02);
+}
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@ -0,0 +1,130 @@
+/* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
--- a/assets/images/Affiliate-Marketing-Beginners.png
+++ b/assets/images/Affiliate-Marketing-Beginners.png
--- a/assets/images/Affiliate-landing-page.png
+++ b/assets/images/Affiliate-landing-page.png
--- a/assets/images/Blog-Promotions.png
+++ b/assets/images/Blog-Promotions.png
--- a/assets/images/Comprehensive-SEO.png
+++ b/assets/images/Comprehensive-SEO.png
--- a/assets/images/Content-Repurposing.png
+++ b/assets/images/Content-Repurposing.png
--- a/assets/images/Customer-Loyalty.png
+++ b/assets/images/Customer-Loyalty.png
--- a/assets/images/Default-Load-Your-Cover-Here.png
+++ b/assets/images/Default-Load-Your-Cover-Here.png
--- a/assets/images/Email-Mastery.png
+++ b/assets/images/Email-Mastery.png
--- a/assets/images/High-Converting.png
+++ b/assets/images/High-Converting.png
--- a/assets/images/Lead-Magnet.png
+++ b/assets/images/Lead-Magnet.png
--- a/assets/images/Marketing.png
+++ b/assets/images/Marketing.png
--- a/assets/images/Signals-of-Strain-eBook.png
+++ b/assets/images/Signals-of-Strain-eBook.png
--- a/assets/images/Social-Media-eBook.png
+++ b/assets/images/Social-Media-eBook.png
--- a/assets/images/Social-Media.png
+++ b/assets/images/Social-Media.png
--- a/assets/images/Webinars-Marketing.png
+++ b/assets/images/Webinars-Marketing.png
--- a/assets/images/favicon.jpg
+++ b/assets/images/favicon.jpg
--- a/assets/images/favicon.svg
+++ b/assets/images/favicon.svg
@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="32" cy="32" r="30" fill="#4285F4"/>
+<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="32" fill="white">G</text>
+</svg>
--- a/assets/images/templates/1.jpg
+++ b/assets/images/templates/1.jpg
--- a/assets/images/templates/2.jpg
+++ b/assets/images/templates/2.jpg
--- a/assets/images/templates/3.jpg
+++ b/assets/images/templates/3.jpg
--- a/assets/images/templates/Blog
+++ b/assets/images/templates/Blog
--- a/assets/images/templates/Comprehensive
+++ b/assets/images/templates/Comprehensive
--- a/assets/images/templates/Content-Repurposing-Secrets.jpg
+++ b/assets/images/templates/Content-Repurposing-Secrets.jpg
--- a/assets/images/templates/Default
+++ b/assets/images/templates/Default
--- a/assets/images/templates/Social-Media-Strategies-For-Affiliate-Success.png
+++ b/assets/images/templates/Social-Media-Strategies-For-Affiliate-Success.png
--- a/assets/images/templates/gemini-image-2_Generate_a_dynamic_eBook_cover_for_“Blog_Promotion_Tactics_for_Digital_Markete-0.jpg
+++ b/assets/images/templates/gemini-image-2_Generate_a_dynamic_eBook_cover_for_“Blog_Promotion_Tactics_for_Digital_Markete-0.jpg
--- a/assets/images/templates/template-1-new.jpg
+++ b/assets/images/templates/template-1-new.jpg
--- a/assets/js/main.js
+++ b/assets/js/main.js
@ -0,0 +1,65 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const editorSection = document.getElementById('editor-section');
+
+    // Only run the script if the editor section exists
+    if (!editorSection) {
+        return;
+    }
+
+    const titleInput = document.getElementById('titleInput');
+    const descriptionInput = document.getElementById('descriptionInput');
+    const imageUrlInput = document.getElementById('imageUrlInput');
+    const ctaInput = document.getElementById('ctaInput');
+    const checkoutHtmlInput = document.getElementById('checkoutHtmlInput');
+
+    const previewTitle = document.getElementById('previewTitle');
+    const previewDescription = document.getElementById('previewDescription');
+    const previewImage = document.getElementById('previewImage');
+    const previewCtaContainer = document.getElementById('previewCtaContainer');
+
+    // --- Initialize Form from Preview --- 
+    const initEditor = () => {
+        if (previewTitle) titleInput.value = previewTitle.textContent.trim();
+        if (previewDescription) descriptionInput.value = previewDescription.textContent.trim();
+        if (previewImage) imageUrlInput.value = previewImage.src;
+        
+        const ctaButton = document.getElementById('previewCta');
+        if (ctaButton) ctaInput.value = ctaButton.textContent.trim();
+    };
+
+    // --- Event Listeners for Live Preview --- 
+    titleInput.addEventListener('input', () => {
+        if (previewTitle) previewTitle.textContent = titleInput.value || 'Your Awesome Ebook Title';
+    });
+
+    descriptionInput.addEventListener('input', () => {
+        if (previewDescription) previewDescription.textContent = descriptionInput.value || 'A compelling description...';
+    });
+
+    imageUrlInput.addEventListener('input', () => {
+        if (previewImage) previewImage.src = imageUrlInput.value || 'https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1';
+    });
+
+    const updateCtaView = () => {
+        if (!previewCtaContainer) return;
+
+        const checkoutValue = checkoutHtmlInput.value.trim();
+        if (checkoutValue !== '') {
+            previewCtaContainer.innerHTML = checkoutValue;
+        } else {
+            const ctaButton = document.createElement('button');
+            ctaButton.id = 'previewCta';
+            ctaButton.className = 'btn btn-primary btn-lg mt-3';
+            ctaButton.textContent = ctaInput.value.trim() || 'Download Now';
+            previewCtaContainer.innerHTML = '';
+            previewCtaContainer.appendChild(ctaButton);
+        }
+    };
+
+    checkoutHtmlInput.addEventListener('input', updateCtaView);
+    ctaInput.addEventListener('input', updateCtaView);
+
+    // --- Initial Run --- 
+    initEditor();
+    updateCtaView(); 
+});
--- a/change_password.php
+++ b/change_password.php
@ -0,0 +1,107 @@
+<?php
+require_once 'admin/config.php';
+require_login();
+
+$error = '';
+$success = '';
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $current_password = $_POST['current_password'];
+    $new_password = $_POST['new_password'];
+    $confirm_password = $_POST['confirm_password'];
+
+    if (empty($current_password) || empty($new_password) || empty($confirm_password)) {
+        $error = 'All fields are required.';
+    } elseif (!password_verify($current_password, ADMIN_PASSWORD)) {
+        $error = 'Incorrect current password.';
+    } elseif ($new_password !== $confirm_password) {
+        $error = 'New password and confirmation do not match.';
+    } else {
+        $config_file = 'admin/config.php';
+        $config_content = file_get_contents($config_file);
+        $new_hash = password_hash($new_password, PASSWORD_DEFAULT);
+        $new_config_content = preg_replace(
+            '/define\(\'ADMIN_PASSWORD\',\s*\'.*\'\);/',
+            "define('ADMIN_PASSWORD', '" . $new_hash . "');",
+            $config_content
+        );
+
+        if (file_put_contents($config_file, $new_config_content)) {
+            $success = 'Password changed successfully.';
+        } else {
+            $error = 'Failed to update password. Please check file permissions.';
+        }
+    }
+}
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Change Password - Admin</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/admin.css">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+</head>
+<body>
+<div class="wrapper">
+    <!-- Sidebar -->
+    <nav id="sidebar">
+        <div class="sidebar-header">
+            <h3>Admin Panel</h3>
+        </div>
+
+        <ul class="list-unstyled components">
+            <li>
+                <a href="admin.php">Templates</a>
+            </li>
+            <li>
+                <a href="editor_13d84da0257b8680.php">Editor</a>
+            </li>
+            <li class="active">
+                <a href="change_password.php">Change Password</a>
+            </li>
+            <li>
+                <a href="edit_file.php?file=editor_13d84da0257b8680.php">Edit Editor Page</a>
+            </li>
+            <li>
+                <a href="logout.php">Logout</a>
+            </li>
+        </ul>
+    </nav>
+
+    <!-- Page Content -->
+    <div id="content">
+        <h1 class="page-title">Change Password</h1>
+
+        <div class="card">
+            <div class="card-body">
+                <?php if ($error): ?>
+                    <div class="alert alert-danger"><?php echo $error; ?></div>
+                <?php endif; ?>
+                <?php if ($success): ?>
+                    <div class="alert alert-success"><?php echo $success; ?></div>
+                <?php endif; ?>
+
+                <form action="change_password.php" method="post">
+                    <div class="mb-3">
+                        <label for="current_password" class="form-label">Current Password</label>
+                        <input type="password" class="form-control" id="current_password" name="current_password" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="new_password" class="form-label">New Password</label>
+                        <input type="password" class="form-control" id="new_password" name="new_password" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="confirm_password" class="form-label">Confirm New Password</label>
+                        <input type="password" class="form-control" id="confirm_password" name="confirm_password" required>
+                    </div>
+                    <button type="submit" class="btn btn-primary">Change Password</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
--- a/db/setup.php
+++ b/db/setup.php
@ -0,0 +1,20 @@
+<?php
+require_once __DIR__ . '/config.php';
+
+try {
+    $pdo = db();
+    $sql = <<<SQL
+CREATE TABLE IF NOT EXISTS `published_pages` (
+    `id` INT AUTO_INCREMENT PRIMARY KEY,
+    `filename` VARCHAR(255) NOT NULL UNIQUE,
+    `management_token` VARCHAR(255) NOT NULL UNIQUE,
+    `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    `expires_at` TIMESTAMP NOT NULL
+);
+SQL;
+    $pdo->exec($sql);
+    echo "Table `published_pages` created successfully or already exists.\n";
+} catch (PDOException $e) {
+    die("DB ERROR: " . $e->getMessage());
+}
+
--- a/delete_template.php
+++ b/delete_template.php
@ -0,0 +1,30 @@
+<?php
+require_once 'admin/config.php';
+require_login();
+
+$template_name = isset($_GET['template']) ? basename($_GET['template']) : '';
+
+if (empty($template_name)) {
+    header('Location: admin.php');
+    exit;
+}
+
+$template_path = 'templates/' . $template_name;
+
+if (file_exists($template_path)) {
+    if (unlink($template_path)) {
+        // Optionally, you might want to delete the associated image as well.
+        // This part is left commented out as it requires more logic to find the correct image.
+        /*
+        $image_name = pathinfo($template_name, PATHINFO_FILENAME) . '.jpg'; // or png, etc.
+        $image_path = 'assets/images/templates/' . $image_name;
+        if (file_exists($image_path)) {
+            unlink($image_path);
+        }
+        */
+    }
+}
+
+header('Location: admin.php');
+exit;
+?>
--- a/edit_file.php
+++ b/edit_file.php
@ -0,0 +1,95 @@
+<?php
+require_once 'admin/config.php';
+require_login();
+
+$error = '';
+$success = '';
+
+$file_path = isset($_GET['file']) ? $_GET['file'] : '';
+
+if (empty($file_path)) {
+    header('Location: admin.php');
+    exit;
+}
+
+// Security check: Ensure the path is within the project root and does not contain '..'
+$real_path = realpath($file_path);
+if ($real_path === false || strpos($real_path, realpath(__DIR__)) !== 0) {
+    die('Invalid file path.');
+}
+
+if (!file_exists($file_path)) {
+    die('File not found.');
+}
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $file_content = isset($_POST['file_content']) ? $_POST['file_content'] : '';
+
+    if (empty($file_content)) {
+        $error = 'File content cannot be empty.';
+    } else {
+        if (file_put_contents($file_path, $file_content)) {
+             $success = 'File updated successfully.';
+        } else {
+            $error = 'Failed to write updated file.';
+        }
+    }
+} else {
+    $file_content = file_get_contents($file_path);
+}
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Edit File</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/admin.css">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+</head>
+<body>
+<div class="wrapper">
+    <!-- Sidebar -->
+    <nav id="sidebar">
+        <div class="sidebar-header">
+            <h3>Admin Panel</h3>
+        </div>
+
+        <ul class="list-unstyled components">
+            <li>
+                <a href="admin.php">Templates</a>
+            </li>
+            <li>
+                <a href="logout.php">Logout</a>
+            </li>
+        </ul>
+    </nav>
+
+    <!-- Page Content -->
+    <div id="content">
+        <h1 class="page-title">Edit File: <?php echo htmlspecialchars(basename($file_path)); ?></h1>
+
+        <?php if ($error): ?>
+            <div class="alert alert-danger"><?php echo $error; ?></div>
+        <?php endif; ?>
+        <?php if ($success): ?>
+            <div class="alert alert-success"><?php echo $success; ?></div>
+        <?php endif; ?>
+
+        <div class="card">
+            <div class="card-body">
+                <form method="POST">
+                    <div class="mb-3">
+                        <label for="file_content" class="form-label">File Content</label>
+                        <textarea class="form-control" id="file_content" name="file_content" rows="20" required><?php echo htmlspecialchars($file_content); ?></textarea>
+                    </div>
+                    <button type="submit" class="btn btn-primary">Update File</button>
+                    <a href="admin.php" class="btn btn-secondary">Cancel</a>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
--- a/edit_template.php
+++ b/edit_template.php
@ -0,0 +1,107 @@
+<?php
+require_once 'admin/config.php';
+require_login();
+
+$error = '';
+$success = '';
+
+$template_name = isset($_GET['template']) ? basename($_GET['template']) : '';
+
+if (empty($template_name)) {
+    header('Location: admin.php');
+    exit;
+}
+
+$template_path = 'templates/' . $template_name;
+
+if (!file_exists($template_path)) {
+    die('Template not found.');
+}
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $template_content = isset($_POST['template_content']) ? trim($_POST['template_content']) : '';
+
+    if (empty($template_content)) {
+        $error = 'Template content is required.';
+    } else {
+        if (file_put_contents($template_path, $template_content)) {
+            $success = 'Template updated successfully.';
+
+            if (isset($_FILES['template_image']) && $_FILES['template_image']['error'] === UPLOAD_ERR_OK) {
+                $image_dir = 'assets/images/templates/';
+                $image_name = basename($_FILES['template_image']['name']);
+                $image_path = $image_dir . $image_name;
+                if (move_uploaded_file($_FILES['template_image']['tmp_name'], $image_path)) {
+                    $success .= ' Image uploaded successfully.';
+                } else {
+                    $error .= ' Failed to upload image.';
+                }
+            }
+             header('Location: admin.php');
+        } else {
+            $error = 'Failed to update template file.';
+        }
+    }
+} else {
+    $template_content = file_get_contents($template_path);
+}
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Edit Template</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/admin.css">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+</head>
+<body>
+<div class="wrapper">
+    <!-- Sidebar -->
+    <nav id="sidebar">
+        <div class="sidebar-header">
+            <h3>Admin Panel</h3>
+        </div>
+
+        <ul class="list-unstyled components">
+            <li>
+                <a href="admin.php">Templates</a>
+            </li>
+            <li>
+                <a href="logout.php">Logout</a>
+            </li>
+        </ul>
+    </nav>
+
+    <!-- Page Content -->
+    <div id="content">
+        <h1 class="page-title">Edit Template: <?php echo htmlspecialchars($template_name); ?></h1>
+
+        <?php if ($error): ?>
+            <div class="alert alert-danger"><?php echo $error; ?></div>
+        <?php endif; ?>
+        <?php if ($success): ?>
+            <div class="alert alert-success"><?php echo $success; ?></div>
+        <?php endif; ?>
+
+        <div class="card">
+            <div class="card-body">
+                <form method="POST" enctype="multipart/form-data">
+                    <div class="mb-3">
+                        <label for="template_content" class="form-label">Template Content (HTML)</label>
+                        <textarea class="form-control" id="template_content" name="template_content" rows="10" required><?php echo htmlspecialchars($template_content); ?></textarea>
+                    </div>
+                    <div class="mb-3">
+                        <label for="template_image" class="form-label">Featured Image (optional, will replace existing)</label>
+                        <input class="form-control" type="file" id="template_image" name="template_image">
+                    </div>
+                    <button type="submit" class="btn btn-primary">Update Template</button>
+                    <a href="admin.php" class="btn btn-secondary">Cancel</a>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
--- a/editor_13d84da0257b8680.php
+++ b/editor_13d84da0257b8680.php
@ -0,0 +1,313 @@
+<?php
+
+declare(strict_types=1);
+
+@ini_set('display_errors', '1');
+@error_reporting(E_ALL);
+@date_default_timezone_set('UTC');
+
+require_once 'templates/data.php';
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'download') {
+    // (The download logic remains the same)
+    // Sanitize and retrieve POST data
+    $title = htmlspecialchars($_POST['title'] ?? 'Your Awesome Ebook Title');
+    $description = htmlspecialchars($_POST['description'] ?? 'A compelling description...');
+    $imageUrl = filter_var($_POST['imageUrl'] ?? '', FILTER_VALIDATE_URL) ?: 'https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1';
+    $ctaText = htmlspecialchars($_POST['ctaText'] ?? 'Download Now');
+    $checkoutHtml = $_POST['checkoutHtml'] ?? '<!-- Paste your checkout/buy button code here -->';
+
+    // Fetch CSS for inlining
+    $cssContent = file_get_contents('assets/css/custom.css');
+
+    // Prepare image for ZIP
+    $imageContent = @file_get_contents($imageUrl);
+    $imageFilename = basename(parse_url($imageUrl, PHP_URL_PATH));
+    if (empty($imageFilename)) {
+        $imageFilename = 'featured-image.jpg';
+    }
+
+    // Generate the final HTML content from the selected template structure
+    $templateId = (int)($_POST['template_id'] ?? 1);
+    $selectedTemplate = null;
+    foreach ($templates as $t) {
+        if ($t['id'] === $templateId) {
+            $selectedTemplate = $t;
+            break;
+        }
+    }
+    
+    $templateHtml = $selectedTemplate ? file_get_contents($selectedTemplate['file']) : '<div class="row align-items-center"><div class="col-md-6"><img id="previewImage" src="' . $imageUrl . '" class="img-fluid rounded shadow-sm" alt="Ebook Cover"></div><div class="col-md-6"><h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">' . $title . '</h1><p id="previewDescription" class="lead fs-4">' . $description . '</p><div id="previewCtaContainer">' . $checkoutHtml . '</div></div></div>';
+    $templateDom = new DOMDocument();
+    @$templateDom->loadHTML($templateHtml, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
+    
+    $imgTag = $templateDom->getElementById('previewImage');
+    if ($imgTag) $imgTag->setAttribute('src', $imageFilename);
+    
+    $titleTag = $templateDom->getElementById('previewTitle');
+    if ($titleTag) $titleTag->nodeValue = $title;
+    
+    $descTag = $templateDom->getElementById('previewDescription');
+    if ($descTag) $descTag->nodeValue = $description;
+    
+    $ctaContainer = $templateDom->getElementById('previewCtaContainer');
+    if ($ctaContainer) {
+        // Clear existing content
+        while ($ctaContainer->hasChildNodes()) {
+            $ctaContainer->removeChild($ctaContainer->firstChild);
+        }
+        if (!empty(trim($checkoutHtml))) {
+            $fragment = $templateDom->createDocumentFragment();
+            @$fragment->appendXML($checkoutHtml);
+            $ctaContainer->appendChild($fragment);
+        } else {
+             $ctaContainer->nodeValue = $ctaText; // Fallback to simple text if no HTML
+        }
+    }
+    
+    $finalPreviewHtml = $templateDom->saveHTML();
+
+
+    $htmlContent = <<<HTML
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>$title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        $cssContent
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                $finalPreviewHtml
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
+HTML;
+
+    // Create a Zip archive
+    $zip = new ZipArchive();
+    $zipFileName = tempnam(sys_get_temp_dir(), 'ebook') . '.zip';
+    if ($zip->open($zipFileName, ZipArchive::CREATE) === TRUE) {
+        $zip->addFromString('index.html', $htmlContent);
+        if ($imageContent) {
+            $zip->addFromString($imageFilename, $imageContent);
+        }
+        $zip->close();
+
+        // Force download
+        header('Content-Type: application/zip');
+        header('Content-Disposition: attachment; filename="ebook_page.zip"');
+        header('Content-Length: ' . filesize($zipFileName));
+        readfile($zipFileName);
+        unlink($zipFileName);
+        exit;
+    } else {
+        error_log('Failed to create the ZIP file.');
+        exit('Could not create ZIP file.');
+    }
+}
+
+$template_id = isset($_GET['template_id']) ? (int)$_GET['template_id'] : null;
+$selectedTemplate = null;
+$templateContent = '';
+
+if ($template_id) {
+    foreach ($templates as $t) {
+        if ($t['id'] === $template_id) {
+            $selectedTemplate = $t;
+            break;
+        }
+    }
+    if ($selectedTemplate && file_exists($selectedTemplate['file'])) {
+        $templateContent = file_get_contents($selectedTemplate['file']);
+    } else {
+        $template_id = null; // Reset if template not found
+    }
+}
+
+// Read project preview data from environment
+$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Create and customize your own ebook landing page.';
+$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
+?>
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Ebook Lead Magnet Generator</title>
+
+    <?php if ($projectDescription): ?>
+    <meta name="description" content="<?= htmlspecialchars($projectDescription) ?>" />
+    <meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
+    <meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
+    <?php endif; ?>
+    <?php if ($projectImageUrl): ?>
+    <meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
+    <meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
+    <?php endif; ?>
+
+    <link rel="icon" type="image/jpeg" href="/assets/images/favicon.jpg">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
+</head>
+<body>
+
+    <header class="py-3 mb-4 border-bottom bg-white">
+        <div class="container d-flex flex-wrap justify-content-center">
+            <a href="index.php" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
+                <span class="fs-4">Contentrepreneur Quick Pages</span>
+            </a>
+        </div>
+    </header>
+
+    <main>
+        <?php if ($template_id): ?>
+            <section id="preview-section" class="py-5">
+                <div class="container preview-container">
+                    <?= $templateContent ?>
+                </div>
+            </section>
+
+            <section id="editor-section" class="bg-light-subtle py-5 border-top">
+                <div class="container">
+                    <div class="d-flex justify-content-between align-items-center mb-4">
+                        <h2 class="m-0">Customize Your Page</h2>
+                        
+                    </div>
+                    <form action="publish.php" method="POST">
+                        <input type="hidden" name="template_id" value="<?= $template_id ?>">
+                        <div class="row g-4">
+                            <div class="col-md-6">
+                                <label for="titleInput" class="form-label">Title</label>
+                                <input type="text" class="form-control" id="titleInput" name="title" placeholder="Enter ebook title">
+                            </div>
+                            <div class="col-md-6">
+                                <label for="ctaInput" class="form-label">Call to Action Button Text</label>
+                                <input type="text" class="form-control" id="ctaInput" name="ctaText" placeholder="e.g., Get Your Free Copy">
+                            </div>
+                            <div class="col-12">
+                                <label for="descriptionInput" class="form-label">Description</label>
+                                <textarea class="form-control" id="descriptionInput" name="description" rows="3" placeholder="Describe your ebook"></textarea>
+                            </div>
+                            <div class="col-12">
+                                <label for="imageUrlInput" class="form-label">Featured Image URL</label>
+                                <input type="url" class="form-control" id="imageUrlInput" name="imageUrl" placeholder="https://example.com/image.jpg">
+                            </div>
+                            <div class="col-md-6">
+                                <label for="ctaUrlInput" class="form-label">Button Link URL</label>
+                                <input type="url" class="form-control" id="ctaUrlInput" name="ctaUrl" placeholder="https://your-download-link.com">
+                            </div>
+                            <div class="col-md-6 d-flex align-items-end">
+                                <div class="form-check form-switch">
+                                    <input class="form-check-input" type="checkbox" role="switch" id="showCtaButton" name="showCtaButton" checked>
+                                    <label class="form-check-label" for="showCtaButton">Show Call to Action Button</label>
+                                </div>
+                            </div>
+                            <div class="col-12">
+                                <label for="checkoutHtmlInput" class="form-label">Checkout/Buy Button HTML</label>
+                                <textarea class="form-control" id="checkoutHtmlInput" name="checkoutHtml" rows="4" placeholder="Paste your HTML embed code here (e.g., from Stripe, PayPal, Gumroad)"></textarea>
+                                <div class="form-text">This will replace the default button in the preview. If you use this, uncheck "Show Call to Action Button" above.</div>
+                            </div>
+                            <div class="col-12 text-center mt-4">
+                                <button type="submit" name="action" value="download" class="btn btn-success btn-lg">Generate and Download ZIP</button>
+                                <button type="submit" name="action" value="publish" class="btn btn-primary btn-lg">Publish Page</button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </section>
+        <?php else: ?>
+            <section id="gallery-section" class="py-5">
+                <div class="container">
+                    <div class="text-center mb-5">
+                        <h1 class="display-5 fw-bold">Start with a Beautiful Design</h1>
+                        <p class="lead fs-4 text-muted">Select a professionally designed template to begin.</p>
+                    </div>
+                    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
+                        <?php foreach ($templates as $template):
+                        ?>
+                            <div class="col">
+                                <div class="card h-100 shadow-sm">
+                                    <img src="<?= htmlspecialchars($template['preview_image']) ?>" class="card-img-top" alt="<?= htmlspecialchars($template['name']) ?>">
+                                    <div class="card-body">
+                                        <h5 class="card-title"><?= htmlspecialchars($template['name']) ?></h5>
+                                        <p class="card-text"><?= htmlspecialchars($template['description']) ?></p>
+                                    </div>
+                                    <div class="card-footer bg-white border-0">
+                                        <a href="?template_id=<?= $template['id'] ?>" class="btn btn-primary w-100">Customize this template</a>
+                                    </div>
+                                </div>
+                            </div>
+                        <?php endforeach;
+                        ?>
+                    </div>
+                </div>
+            </section>
+        <?php endif; ?>
+    </main>
+    
+    <section id="how-to-deploy" class="py-5 bg-light">
+        <div class="container">
+            <div class="text-center mb-5">
+                <h2 class="fw-bold">How to Deploy Your Ebook Page</h2>
+                <p class="lead fs-4 text-muted">A simple guide to get your page online.</p>
+            </div>
+            <div class="row g-4">
+                <div class="col-md-4">
+                    <div class="text-center">
+                        <div class="mb-3">
+                            <span class="fs-1">1</span>
+                        </div>
+                        <h5>Unzip the File</h5>
+                        <p>The file you downloaded is a ZIP archive. Unzip it to a folder on your computer. You will find an `index.html` file and an image file inside.</p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="text-center">
+                        <div class="mb-3">
+                            <span class="fs-1">2</span>
+                        </div>
+                        <h5>Upload to Your Hosting</h5>
+                        <p>Log in to your web hosting control panel (like cPanel, Plesk, or others) or use an FTP client (like FileZilla). Upload the `index.html` file and the image file to the `public_html` or `www` directory of your domain.</p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="text-center">
+                        <div class="mb-3">
+                            <span class="fs-1">3</span>
+                        </div>
+                        <h5>Visit Your Page</h5>
+                        <p>Once the files are uploaded, you should be able to visit your domain in your browser and see your new ebook landing page live.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <footer class="text-center py-3 mt-5 bg-light border-top">
+        <p class="mb-0">&copy; <?= date('Y') ?> <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+
+    <script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
+</body>
+</html>
--- a/index.php
+++ b/index.php
@ -4,147 +4,59 @@ declare(strict_types=1);
@error_reporting(E_ALL);
@date_default_timezone_set('UTC');

-$phpVersion = PHP_VERSION;
-$now = date('Y-m-d H:i:s');
+// Read project preview data from environment
+$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Create and customize your own ebook landing page.';
+$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
 ?>
 <!doctype html>
 <html lang="en">
 <head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>New Style</title>
-<?php
-// Read project preview data from environment
-$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
-$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
-?>
-<?php if ($projectDescription): ?>
-  <!-- Meta description -->
-  <meta name="description" content='<?= htmlspecialchars($projectDescription) ?>' />
-  <!-- Open Graph meta tags -->
-  <meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
-  <!-- Twitter meta tags -->
-  <meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
-<?php endif; ?>
-<?php if ($projectImageUrl): ?>
-  <!-- Open Graph image -->
-  <meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
-  <!-- Twitter image -->
-  <meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
-<?php endif; ?>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
-  <style>
-    :root {
-      --bg-color-start: #6a11cb;
-      --bg-color-end: #2575fc;
-      --text-color: #ffffff;
-      --card-bg-color: rgba(255, 255, 255, 0.01);
-      --card-border-color: rgba(255, 255, 255, 0.1);
-    }
-    body {
-      margin: 0;
-      font-family: 'Inter', sans-serif;
-      background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
-      color: var(--text-color);
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      min-height: 100vh;
-      text-align: center;
-      overflow: hidden;
-      position: relative;
-    }
-    body::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
-      animation: bg-pan 20s linear infinite;
-      z-index: -1;
-    }
-    @keyframes bg-pan {
-      0% { background-position: 0% 0%; }
-      100% { background-position: 100% 100%; }
-    }
-    main {
-      padding: 2rem;
-    }
-    .card {
-      background: var(--card-bg-color);
-      border: 1px solid var(--card-border-color);
-      border-radius: 16px;
-      padding: 2rem;
-      backdrop-filter: blur(20px);
-      -webkit-backdrop-filter: blur(20px);
-      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
-    }
-    .loader {
-      margin: 1.25rem auto 1.25rem;
-      width: 48px;
-      height: 48px;
-      border: 3px solid rgba(255, 255, 255, 0.25);
-      border-top-color: #fff;
-      border-radius: 50%;
-      animation: spin 1s linear infinite;
-    }
-    @keyframes spin {
-      from { transform: rotate(0deg); }
-      to   { transform: rotate(360deg); }
-    }
-    .hint {
-      opacity: 0.9;
-    }
-    .sr-only {
-      position: absolute;
-      width: 1px; height: 1px;
-      padding: 0; margin: -1px;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      white-space: nowrap; border: 0;
-    }
-    h1 {
-      font-size: 3rem;
-      font-weight: 700;
-      margin: 0 0 1rem;
-      letter-spacing: -1px;
-    }
-    p {
-      margin: 0.5rem 0;
-      font-size: 1.1rem;
-    }
-    code {
-      background: rgba(0,0,0,0.2);
-      padding: 2px 6px;
-      border-radius: 4px;
-      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-    }
-    footer {
-      position: absolute;
-      bottom: 1rem;
-      font-size: 0.8rem;
-      opacity: 0.7;
-    }
-  </style>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Your Landing Page</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+    <link rel="stylesheet" href="assets/css/custom.css">
 </head>
 <body>
-  <main>
-    <div class="card">
-      <h1>Analyzing your requirements and generating your website…</h1>
-      <div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
-        <span class="sr-only">Loading…</span>
+
+    <header class="py-3 mb-4 border-bottom bg-white">
+        <div class="container d-flex flex-wrap justify-content-center">
+            <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
+                <span class="fs-4">Contentrepreneur Quick Pages</span>
+            </a>
+
+        </div>
+    </header>
+
+    <main class="container">
+        <div class="p-5 mb-4 bg-light rounded-3">
+            <div class="container-fluid py-5">
+                <h1 class="display-5 fw-bold">Create Beautiful Ebook Landing Pages in Minutes</h1>
+                <p class="col-md-8 fs-4">Our powerful and easy-to-use page builder helps you create stunning landing pages for your ebooks. No coding required. Start building your page today!</p>
+                <a href="https://www.thecontentrepreneur.com/e-book-builder?preview=true" class="btn btn-success btn-lg">Purchase Access</a>
+            </div>
+        </div>
+
+        <div class="row align-items-md-stretch">
+            <div class="col-md-6">
+                <div class="h-100 p-5 text-white bg-dark rounded-3">
+                    <h2>Feature-Rich Editor</h2>
+                    <p>Choose from a variety of templates, customize your content, and see a live preview of your page as you build it. Our editor is designed to be intuitive and flexible.</p>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="h-100 p-5 bg-light border rounded-3">
+                    <h2>Publish with Ease</h2>
+                    <p>Once your page is ready, you can download it as a ZIP file or publish it directly to a unique URL on our platform. Share your ebook with the world in just a few clicks.</p>
+                </div>
            </div>
-      <p class="hint"><?= ($_SERVER['HTTP_HOST'] ?? '') === 'appwizzy.com' ? 'AppWizzy' : 'Flatlogic' ?> AI is collecting your requirements and applying the first changes.</p>
-      <p class="hint">This page will update automatically as the plan is implemented.</p>
-      <p>Runtime: PHP <code><?= htmlspecialchars($phpVersion) ?></code> — UTC <code><?= htmlspecialchars($now) ?></code></p>
        </div>
    </main>
-  <footer>
-    Page updated: <?= htmlspecialchars($now) ?> (UTC)
+
+    <footer class="text-center py-3 mt-5 bg-light border-top">
+        <p class="mb-0">&copy; <?= date('Y') ?> <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
    </footer>
+
 </body>
 </html>
--- a/login.php
+++ b/login.php
@ -0,0 +1,67 @@
+<?php
+require_once 'admin/config.php';
+
+$error = '';
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $username = $_POST['username'] ?? '';
+    $password = $_POST['password'] ?? '';
+
+    if ($username === ADMIN_USERNAME && $password === ADMIN_PASSWORD) {
+        $_SESSION['is_logged_in'] = true;
+        header('Location: admin.php');
+        exit;
+    } else {
+        $error = 'Invalid username or password.';
+    }
+}
+
+if (is_logged_in()) {
+    header('Location: admin.php');
+    exit;
+}
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login - Admin</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+    <style>
+        body {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100vh;
+            background-color: #f8f9fa;
+        }
+        .login-form {
+            width: 100%;
+            max-width: 400px;
+            padding: 15px;
+            margin: auto;
+        }
+    </style>
+</head>
+<body>
+    <div class="login-form">
+        <h1 class="text-center mb-4">Admin Login</h1>
+        <?php if ($error): ?>
+            <div class="alert alert-danger"><?php echo $error; ?></div>
+        <?php endif; ?>
+        <form action="login.php" method="post">
+            <div class="form-floating mb-3">
+                <input type="text" class="form-control" id="username" name="username" placeholder="Username" required>
+                <label for="username">Username</label>
+            </div>
+            <div class="form-floating mb-3">
+                <input type="password" class="form-control" id="password" name="password" placeholder="Password" required>
+                <label for="password">Password</label>
+            </div>
+            <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
+        </form>
+    </div>
+</body>
+</html>
--- a/manage.php
+++ b/manage.php
@ -0,0 +1,44 @@
+<?php
+declare(strict_types=1);
+@ini_set('display_errors', '1');
+@error_reporting(E_ALL);
+
+require_once 'db/config.php';
+
+if (isset($_GET['token'])) {
+    $token = $_GET['token'];
+
+    try {
+        $pdo = db();
+        $stmt = $pdo->prepare("SELECT `id`, `expires_at` FROM `published_pages` WHERE `management_token` = ?");
+        $stmt->execute([$token]);
+        $page = $stmt->fetch();
+
+        if ($page) {
+            $new_expires_at = date('Y-m-d H:i:s', strtotime('+60 days'));
+            $update_stmt = $pdo->prepare("UPDATE `published_pages` SET `expires_at` = ? WHERE `id` = ?");
+            $update_stmt->execute([$new_expires_at, $page['id']]);
+
+            echo "<div style='text-align:center; padding: 50px;'>";
+            echo "<h2>Success!</h2>";
+            echo "<p>Your page's lifetime has been extended by 60 days.</p>";
+            echo "<p>New expiration date: " . $new_expires_at . "</p>";
+            echo "</div>";
+        } else {
+            echo "<div style='text-align:center; padding: 50px;'>";
+            echo "<h2>Error!</h2>";
+            echo "<p>Invalid management token.</p>";
+            echo "</div>";
+        }
+    } catch (PDOException $e) {
+        error_log("DB Error: " . $e->getMessage());
+        echo "<div style='text-align:center; padding: 50px;'>";
+        echo "<h2>Error!</h2>";
+        echo "<p>An error occurred while processing your request.</p>";
+        echo "</div>";
+    }
+} else {
+    header('Location: index.php');
+    exit;
+}
+
--- a/publish.php
+++ b/publish.php
@ -0,0 +1,174 @@
+<?php
+declare(strict_types=1);
+@ini_set('display_errors', '1');
+@error_reporting(E_ALL);
+@date_default_timezone_set('UTC');
+
+require_once 'templates/data.php';
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'publish') {
+    // Sanitize and retrieve POST data
+    $title = htmlspecialchars($_POST['title'] ?? 'Your Awesome Ebook Title');
+    $description = htmlspecialchars($_POST['description'] ?? 'A compelling description...');
+    $imageUrl = filter_var($_POST['imageUrl'] ?? '', FILTER_VALIDATE_URL) ?: 'https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1';
+    $ctaText = htmlspecialchars($_POST['ctaText'] ?? 'Download Now');
+    $ctaUrl = filter_var($_POST['ctaUrl'] ?? '', FILTER_VALIDATE_URL);
+    $showCtaButton = isset($_POST['showCtaButton']);
+    $checkoutHtml = $_POST['checkoutHtml'] ?? '';
+
+    // Fetch CSS for inlining
+    $cssContent = file_get_contents('assets/css/custom.css');
+
+    // Prepare image for embedding or linking
+    $imageFilename = basename(parse_url($imageUrl, PHP_URL_PATH));
+    if (empty($imageFilename)) {
+        $imageFilename = 'featured-image.jpg';
+    }
+
+    // Generate the final HTML content from the selected template structure
+    $templateId = (int)($_POST['template_id'] ?? 1);
+    $selectedTemplate = null;
+    foreach ($templates as $t) {
+        if ($t['id'] === $templateId) {
+            $selectedTemplate = $t;
+            break;
+        }
+    }
+
+    $templateHtml = $selectedTemplate ? file_get_contents($selectedTemplate['file']) : '<div class="row align-items-center"><div class="col-md-6"><img id="previewImage" src="' . $imageUrl . '" class="img-fluid rounded shadow-sm" alt="Ebook Cover"></div><div class="col-md-6"><h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">' . $title . '</h1><p id="previewDescription" class="lead fs-4">' . $description . '</p><div id="previewCtaContainer">' . $checkoutHtml . '</div></div></div>';
+    $templateDom = new DOMDocument();
+    // Wrap the template HTML in a single root element to ensure proper parsing
+    @$templateDom->loadHTML('<div>' . $templateHtml . '</div>', LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
+
+    // Remove the back button before publishing
+    $backButton = $templateDom->getElementById('back-to-templates-btn');
+    if ($backButton) {
+        $backButton->parentNode->removeChild($backButton);
+    }
+
+    $imgTag = $templateDom->getElementById('previewImage');
+    if ($imgTag) $imgTag->setAttribute('src', $imageUrl);
+
+    $titleTag = $templateDom->getElementById('previewTitle');
+    if ($titleTag) $titleTag->nodeValue = $title;
+
+    $descTag = $templateDom->getElementById('previewDescription');
+    if ($descTag) $descTag->nodeValue = $description;
+
+    $ctaContainer = $templateDom->getElementById('previewCtaContainer');
+    if ($ctaContainer) {
+        while ($ctaContainer->hasChildNodes()) {
+            $ctaContainer->removeChild($ctaContainer->firstChild);
+        }
+
+        if (!empty(trim($checkoutHtml))) {
+            $fragment = $templateDom->createDocumentFragment();
+            // Append HTML, suppressing errors for potentially malformed user input
+            @$fragment->appendXML($checkoutHtml);
+            $ctaContainer->appendChild($fragment);
+        } elseif ($showCtaButton && $ctaUrl) {
+            $link = $templateDom->createElement('a', $ctaText);
+            $link->setAttribute('href', $ctaUrl);
+            $link->setAttribute('class', 'btn btn-primary btn-lg');
+            $link->setAttribute('role', 'button');
+            $ctaContainer->appendChild($link);
+        } else {
+            // If no checkout HTML and button is disabled or no URL, remove the container
+            if ($ctaContainer->parentNode) {
+                $ctaContainer->parentNode->removeChild($ctaContainer);
+            }
+        }
+    }
+
+    // Extract the inner HTML of the temporary div
+    $body = $templateDom->getElementsByTagName('div')->item(0);
+    $finalPreviewHtml = '';
+    foreach ($body->childNodes as $child) {
+        $finalPreviewHtml .= $templateDom->saveHTML($child);
+    }
+
+
+    $htmlContent = <<<HTML
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>$title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        $cssContent
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                $finalPreviewHtml
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
+HTML;
+
+    // Save the page
+    $publishedDir = 'published';
+    if (!is_dir($publishedDir)) {
+        mkdir($publishedDir, 0755, true);
+    }
+    $pageId = uniqid();
+    $filename = $publishedDir . '/' . $pageId . '.html';
+    file_put_contents($filename, $htmlContent);
+
+    $pageUrl = 'http://' . $_SERVER['HTTP_HOST'] . '/' . $filename;
+
+    // Database interaction
+    require_once 'db/config.php';
+    $management_token = bin2hex(random_bytes(16));
+    $expires_at = date('Y-m-d H:i:s', strtotime('+60 days'));
+
+    try {
+        $pdo = db();
+        $stmt = $pdo->prepare("INSERT INTO published_pages (filename, management_token, expires_at) VALUES (?, ?, ?)");
+        $stmt->execute([$pageId . '.html', $management_token, $expires_at]);
+    } catch (PDOException $e) {
+        // Log error, but don't show to user
+        error_log("DB Error: " . $e->getMessage());
+        // Fallback to just showing the page URL without management link
+        echo "<div style='text-align:center; padding: 50px;'>";
+        echo "<h2>Your page has been published!</h2>";
+        echo "<p>You can view it here:</p>";
+        echo "<a href='{$pageUrl}'>{$pageUrl}</a>";
+        echo "</div>";
+        exit;
+    }
+
+    $managementUrl = 'http://' . $_SERVER['HTTP_HOST'] . '/manage.php?token=' . $management_token;
+
+    // Display the success message and URL
+    echo "<div style='text-align:center; padding: 50px;'>";
+    echo "<h2>Your page has been published!</h2>";
+    echo "<p>You can view it here:</p>";
+    echo "<p><a href='{$pageUrl}'>{$pageUrl}</a></p>";
+    echo "<hr style='margin: 20px auto; width: 50%;'>";
+    echo "<p><strong>Manage your page:</strong></p>";
+    echo "<p>To prevent your page from being deleted after 60 days, use the following link to extend its lifetime:</p>";
+    echo "<p><a href='{$managementUrl}'>{$managementUrl}</a></p>";
+    echo "</div>";
+
+} else {
+    header('Location: index.php');
+    exit;
+}
+?>
--- a/published/692d0999922fe.html
+++ b/published/692d0999922fe.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Shane&#039;s Site</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img id="previewImage" src="https://images.pexels.com/photos/2088205/pexels-photo-2088205.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Shane's Site</h1>
+        <p id="previewDescription" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        <div id="previewCtaContainer">Get It Now!</div>
+    </div>
+</div>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d09f4de19e.html
+++ b/published/692d09f4de19e.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Bold &amp; Blue Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img id="previewImage" src="https://images.pexels.com/photos/2088205/pexels-photo-2088205.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
+        <p id="previewDescription" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        <div id="previewCtaContainer">Get It Now!</div>
+    </div>
+</div>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d1417bdebb.html
+++ b/published/692d1417bdebb.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Bold &amp; Blue Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img id="previewImage" src="https://images.pexels.com/photos/2088205/pexels-photo-2088205.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
+        <p id="previewDescription" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        <div id="previewCtaContainer">Get It Now!</div>
+    </div>
+</div>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d16ba3ef57.html
+++ b/published/692d16ba3ef57.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>My Shane Ebook</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">My Shane Ebook</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template. BLAJ</p>
+        <div id="previewCtaContainer">MY PAYMENT FORM</div>
+    </div>
+</div>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d17547bd50.html
+++ b/published/692d17547bd50.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Ava&#039;s Ebook</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Ava's Ebook</h1>
+        <p id="previewDescription" class="lead fs-4">All About AVA</p>
+        <div id="previewCtaContainer">MY PAYMENT FORM</div>
+    </div>
+</div>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d23de03ac9.html
+++ b/published/692d23de03ac9.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <a href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div id="previewCtaContainer">Download Now</div>
+    </div>
+</div></a>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d24e8855ed.html
+++ b/published/692d24e8855ed.html
@ -0,0 +1,160 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Classic Serif Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d24f296fa8.html
+++ b/published/692d24f296fa8.html
@ -0,0 +1,160 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Classic Serif Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d250158e39.html
+++ b/published/692d250158e39.html
@ -0,0 +1,160 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Bold &amp; Blue Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d253d3ec60.html
+++ b/published/692d253d3ec60.html
@ -0,0 +1,170 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Bold &amp; Blue Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <div>
+<div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img id="previewImage" src="https://images.pexels.com/photos/2088205/pexels-photo-2088205.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
+        <p id="previewDescription" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        <div id="previewCtaContainer">Get It Now!</div>
+    </div>
+</div></div>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d258062ed1.html
+++ b/published/692d258062ed1.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div id="previewCtaContainer">Download Now</div>
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692d267c6166b.html
+++ b/published/692d267c6166b.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div id="previewCtaContainer"><a href="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="btn btn-primary btn-lg" role="button">Download Now</a></div>
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692dae4eeee7a.html
+++ b/published/692dae4eeee7a.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692dc72691e88.html
+++ b/published/692dc72691e88.html
@ -0,0 +1,8 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
+    <div class="col-lg-8">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
+        <div data-editable="cta" data-id="cta" data-label="Call to Action" data-content="{&amp;quot;type&amp;quot;:&amp;quot;button&amp;quot;,&amp;quot;text&amp;quot;:&amp;quot;Learn More&amp;quot;,&amp;quot;url&amp;quot;:&amp;quot;https:\/\/cdn1.sharemyimage.com\/smi\/2025\/12\/01\/Comic-Suit-Shot.jpg&amp;quot;,&amp;quot;style&amp;quot;:&amp;quot;btn-primary&amp;quot;,&amp;quot;color&amp;quot;:&amp;quot;#ff0000&amp;quot;,&amp;quot;code&amp;quot;:&amp;quot;no\n&amp;quot;}"><a href="https://cdn1.sharemyimage.com/smi/2025/12/01/Comic-Suit-Shot.jpg" class="btn btn-primary" style="background-color: #ff0000; border-color: #ff0000;">Learn More</a></div>
+    </div>
+</div></a>
--- a/published/692dc743c8f44.html
+++ b/published/692dc743c8f44.html
@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Template 4</title>
+  <meta name="description" content="">
+  <meta name="keywords" content="">
+  <link href="" rel="shortcut icon">
+  <meta property="og:image" content="">
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body>
+  <div class="gjs-row" id="iqu61">
+    <div class="gjs-cell" id="i19it" style="text-align: center; padding: 20px;">
+      <h1 data-editable="text" data-id="main-title" data-label="Main Title" class="ingc-h1" style="font-size: 2.5em; font-weight: bold;">Your eBook Title Here</h1>
+    </div>
+  </div>
+  <section class="text-gray-600 body-font">
+    <div class="container px-5 py-24 mx-auto flex flex-wrap">
+      <div class="lg:w-1/2 w-full mb-10 lg:mb-0 rounded-lg overflow-hidden">
+        <img data-editable="image" data-id="main-image" data-label="Main Image" alt="feature" src="https://adfasdf.doo.ee/Webinar.jpg" class="object-cover object-center h-full w-full">
+      </div>
+      <div class="flex flex-col flex-wrap lg:py-6 -mb-10 lg:w-1/2 lg:pl-12 lg:text-left text-center">
+        <div class="flex flex-col mb-10 lg:items-start items-center">
+          <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
+            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
+              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+          </div>
+          <div class="flex-grow">
+            <h2 data-editable="text" data-id="feature-1-title" data-label="Feature 1 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Shooting Stars</h2>
+            <p data-editable="text" data-id="feature-1-desc" data-label="Feature 1 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
+          </div>
+        </div>
+        <div class="flex flex-col mb-10 lg:items-start items-center">
+          <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
+            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
+              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+          </div>
+          <div class="flex-grow">
+            <h2 data-editable="text" data-id="feature-2-title" data-label="Feature 2 Title" class="text-gray-900 text-lg title-font font-medium mb-3">The Catalyzer</h2>
+            <p data-editable="text" data-id="feature-2-desc" data-label="Feature 2 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
+          </div>
+        </div>
+        <div class="flex flex-col mb-10 lg:items-start items-center">
+          <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
+            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
+              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+          </div>
+          <div class="flex-grow">
+            <h2 data-editable="text" data-id="feature-3-title" data-label="Feature 3 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Neptune</h2>
+            <p data-editable="text" data-id="feature-3-desc" data-label="Feature 3 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
+          </div>
+        </div>
+        <div data-editable="cta" data-id="cta-button" data-label="Call to Action" class="flex flex-col mb-10 lg:items-start items-center" style="margin-top: 2.5rem;" data-content="{&amp;quot;type&amp;quot;:&amp;quot;button&amp;quot;,&amp;quot;text&amp;quot;:&amp;quot;Learn More&amp;quot;,&amp;quot;url&amp;quot;:&amp;quot;https:\/\/cdn1.sharemyimage.com\/smi\/2025\/12\/01\/Comic-Suit-Shot.jpg&amp;quot;,&amp;quot;style&amp;quot;:&amp;quot;btn-primary&amp;quot;,&amp;quot;color&amp;quot;:&amp;quot;#ffffff&amp;quot;}"><a href="https://cdn1.sharemyimage.com/smi/2025/12/01/Comic-Suit-Shot.jpg" class="btn btn-primary" style="background-color: #ffffff; border-color: #ffffff;">Learn More</a></div>
+      </div>
+    </div>
+  </section>
+</body>
+</html>
--- a/published/692dc8ed58722.html
+++ b/published/692dc8ed58722.html
@ -0,0 +1,91 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Published Page</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Template 4</title>
+  <meta name="description" content="">
+  <meta name="keywords" content="">
+  <link href="" rel="shortcut icon">
+  <meta property="og:image" content="">
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body>
+  <div class="gjs-row" id="iqu61">
+    <div class="gjs-cell" id="i19it" style="text-align: center; padding: 20px;">
+      <h1 data-editable="text" data-id="main-title" data-label="Main Title" class="ingc-h1" style="font-size: 2.5em; font-weight: bold;">Your eBook Title Here</h1>
+    </div>
+  </div>
+  <section class="text-gray-600 body-font">
+    <div class="container px-5 py-24 mx-auto flex flex-wrap">
+      <div class="lg:w-1/2 w-full mb-10 lg:mb-0 rounded-lg overflow-hidden">
+        <img data-editable="image" data-id="main-image" data-label="Main Image" alt="feature" src="https://adfasdf.doo.ee/Webinar.jpg" class="object-cover object-center h-full w-full">
+      </div>
+      <div class="flex flex-col flex-wrap lg:py-6 -mb-10 lg:w-1/2 lg:pl-12 lg:text-left text-center">
+        <div class="flex flex-col mb-10 lg:items-start items-center">
+          <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
+            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
+              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+          </div>
+          <div class="flex-grow">
+            <h2 data-editable="text" data-id="feature-1-title" data-label="Feature 1 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Shooting Stars</h2>
+            <p data-editable="text" data-id="feature-1-desc" data-label="Feature 1 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
+          </div>
+        </div>
+        <div class="flex flex-col mb-10 lg:items-start items-center">
+          <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
+            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
+              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+          </div>
+          <div class="flex-grow">
+            <h2 data-editable="text" data-id="feature-2-title" data-label="Feature 2 Title" class="text-gray-900 text-lg title-font font-medium mb-3">The Catalyzer</h2>
+            <p data-editable="text" data-id="feature-2-desc" data-label="Feature 2 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
+          </div>
+        </div>
+        <div class="flex flex-col mb-10 lg:items-start items-center">
+          <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
+            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
+              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+          </div>
+          <div class="flex-grow">
+            <h2 data-editable="text" data-id="feature-3-title" data-label="Feature 3 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Neptune</h2>
+            <p data-editable="text" data-id="feature-3-desc" data-label="Feature 3 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
+          </div>
+        </div>
+        <div data-editable="cta" data-id="cta-button" data-label="Call to Action" class="flex flex-col mb-10 lg:items-start items-center" style="margin-top: 2.5rem;" data-content="{&amp;quot;type&amp;quot;:&amp;quot;button&amp;quot;,&amp;quot;text&amp;quot;:&amp;quot;Learn More&amp;quot;,&amp;quot;url&amp;quot;:&amp;quot;https:\/\/cdn1.sharemyimage.com\/smi\/2025\/12\/01\/Comic-Suit-Shot.jpg&amp;quot;,&amp;quot;style&amp;quot;:&amp;quot;btn-primary&amp;quot;,&amp;quot;color&amp;quot;:&amp;quot;#ffffff&amp;quot;,&amp;quot;code&amp;quot;:&amp;quot;https:\/\/cdn1.sharemyimage.com\/smi\/2025\/12\/01\/Comic-Suit-Shot.jpg&amp;quot;}"><a href="https://cdn1.sharemyimage.com/smi/2025/12/01/Comic-Suit-Shot.jpg" class="btn btn-primary" style="background-color: #ffffff; border-color: #ffffff;">Learn More</a></div>
+      </div>
+    </div>
+  </section>
+</body>
+</html>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692dcdf1331e8.html
+++ b/published/692dcdf1331e8.html
@ -0,0 +1,92 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Published Page</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Template 4</title>
+  <meta name="description" content="">
+  <meta name="keywords" content="">
+  <link href="" rel="shortcut icon">
+  <meta property="og:image" content="">
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body>
+  <div class="gjs-row" id="iqu61">
+    <div class="gjs-cell" id="i19it" style="text-align: center; padding: 20px;">
+      <h1 data-editable="text" data-id="main-title" data-label="Main Title" class="ingc-h1" style="font-size: 2.5em; font-weight: bold;">Your eBook Title Here</h1>
+    </div>
+  </div>
+  <section class="text-gray-600 body-font">
+    <div class="container px-5 py-24 mx-auto flex flex-wrap">
+      <div class="lg:w-1/2 w-full mb-10 lg:mb-0 rounded-lg overflow-hidden">
+        <img data-editable="image" data-id="main-image" data-label="Main Image" alt="feature" src="https://adfasdf.doo.ee/Webinar.jpg" class="object-cover object-center h-full w-full">
+      </div>
+      <div class="flex flex-col flex-wrap lg:py-6 -mb-10 lg:w-1/2 lg:pl-12 lg:text-left text-center">
+        <div class="flex flex-col mb-10 lg:items-start items-center">
+          <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
+            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
+              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+          </div>
+          <div class="flex-grow">
+            <h2 data-editable="text" data-id="feature-1-title" data-label="Feature 1 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Shooting Stars</h2>
+            <p data-editable="text" data-id="feature-1-desc" data-label="Feature 1 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
+          </div>
+        </div>
+        <div class="flex flex-col mb-10 lg:items-start items-center">
+          <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
+            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
+              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+          </div>
+          <div class="flex-grow">
+            <h2 data-editable="text" data-id="feature-2-title" data-label="Feature 2 Title" class="text-gray-900 text-lg title-font font-medium mb-3">The Catalyzer</h2>
+            <p data-editable="text" data-id="feature-2-desc" data-label="Feature 2 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
+          </div>
+        </div>
+        <div class="flex flex-col mb-10 lg:items-start items-center">
+          <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5">
+            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="w-6 h-6">
+              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+          </div>
+          <div class="flex-grow">
+            <h2 data-editable="text" data-id="feature-3-title" data-label="Feature 3 Title" class="text-gray-900 text-lg title-font font-medium mb-3">Neptune</h2>
+            <p data-editable="text" data-id="feature-3-desc" data-label="Feature 3 Description" class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p>
+          </div>
+        </div>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="flex flex-col mb-10 lg:items-start items-center" style="margin-top: 2.5rem;"></div>
+        <a href="#" data-editable="button" data-id="cta-button" data-label="Call to Action Button" class="text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg">Get the eBook</a>
+      </div>
+    </div>
+  </section>
+</body>
+</html>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692dce3f393d8.html
+++ b/published/692dce3f393d8.html
@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Published Page</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/2088205/pexels-photo-2088205.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Get Your Copy</a>
+    </div>
+</div></a>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692dce59ae931.html
+++ b/published/692dce59ae931.html
@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Published Page</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/2088205/pexels-photo-2088205.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Get Your Copy</a>
+    </div>
+</div></a>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692dceb0c675f.html
+++ b/published/692dceb0c675f.html
@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Published Page</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Download Now</a>
+    </div>
+</div></a>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692dceb63ec6a.html
+++ b/published/692dceb63ec6a.html
@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Published Page</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Download Now</a>
+    </div>
+</div></a>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692dcecc5c98d.html
+++ b/published/692dcecc5c98d.html
@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Published Page</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Download Now</a>
+    </div>
+</div></a>
+
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692dced28cf32.html
+++ b/published/692dced28cf32.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=5#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Now</a>
+    </div>
+</div></a>
--- a/published/692dcedfd22b1.html
+++ b/published/692dcedfd22b1.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=5#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Now</a>
+    </div>
+</div></a>
--- a/published/692dceec816ce.html
+++ b/published/692dceec816ce.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template. Shane</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=5#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Now</a>
+    </div>
+</div></a>
--- a/published/692dd00a3d037.html
+++ b/published/692dd00a3d037.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title Shane </h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4" style="display: none;"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=1#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: rgb(255, 255, 255);background-color: rgb(0, 123, 255);border-radius: 5px;">Download Now Shane</a>
+    </div>
+</div></a>
--- a/published/692dd01486251.html
+++ b/published/692dd01486251.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title Shane </h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4" style="display: none;"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=1#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: rgb(255, 255, 255);background-color: rgb(0, 123, 255);border-radius: 5px;">Download Now Shane</a>
+    </div>
+</div></a>
--- a/published/692dd018ca303.html
+++ b/published/692dd018ca303.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title Shane </h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=1#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: rgb(255, 255, 255);background-color: rgb(0, 123, 255);border-radius: 5px;">Download Now Shane</a>
+    </div>
+</div></a>
--- a/published/692dd03850d40.html
+++ b/published/692dd03850d40.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title Shane </h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://cdn1.sharemyimage.com/smi/2025/12/01/Comic-Suit-Shot.jpg" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: rgb(255, 255, 255);background-color: rgb(0, 123, 255);border-radius: 5px;">Download Now Shane</a>
+    </div>
+</div></a>
--- a/published/692dd044e66c6.html
+++ b/published/692dd044e66c6.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/2088205/pexels-photo-2088205.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=2#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Get Your Copy</a>
+    </div>
+</div></a>
--- a/published/692dd06b48e4c.html
+++ b/published/692dd06b48e4c.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/2088205/pexels-photo-2088205.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4" style="display: none;"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=2#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: none;">Get Your Copy</a>
+    </div>
+</div></a>
--- a/published/692dd08b53bc3.html
+++ b/published/692dd08b53bc3.html
@ -0,0 +1,9 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
+    <div class="col-lg-8">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=3#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Free</a>
+    </div>
+</div></a>
--- a/published/692dd0d304aba.html
+++ b/published/692dd0d304aba.html
@ -0,0 +1,9 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
+    <div class="col-lg-8">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=3#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Free</a>
+    </div>
+</div></a>
--- a/published/692dd0e2e8ba0.html
+++ b/published/692dd0e2e8ba0.html
@ -0,0 +1,9 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
+    <div class="col-lg-8">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=3#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Free</a>
+    </div>
+</div></a>
--- a/published/692dd19e5a644.html
+++ b/published/692dd19e5a644.html
@ -0,0 +1,9 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
+    <div class="col-lg-8">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="https://marketing-landing-page-downloader.dev.flatlogic.app/editor_13d84da0257b8680.php?template_id=3#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3" style="display: inline-block;color: ;background-color: ;border-radius: ;">Download Free</a>
+    </div>
+</div></a>
--- a/published/692dd2ced6658.html
+++ b/published/692dd2ced6658.html
@ -0,0 +1,9 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row justify-content-center text-center">
+    <div class="col-lg-8">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://images.pexels.com/photos/1181298/pexels-photo-1181298.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-4 fw-bold">Classic Serif Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Download Free</a>
+    </div>
+</div></a>
--- a/published/692dd2d689190.html
+++ b/published/692dd2d689190.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Download Now</a>
+    </div>
+</div></a>
--- a/published/692e133e157d59.79023598.html
+++ b/published/692e133e157d59.79023598.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Download Now</a>
+    </div>
+</div></a>
--- a/published/692e133e191839.65055316.html
+++ b/published/692e133e191839.65055316.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Download Now</a>
+    </div>
+</div></a>
--- a/published/692e134e321783.09203594.html
+++ b/published/692e134e321783.09203594.html
@ -0,0 +1,11 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates<div class="row align-items-center">
+    <div class="col-md-6">
+        <img data-editable="image" data-id="image" data-label="Image" src="https://cdn1.sharemyimage.com/smi/2025/12/01/gemini-image-2_Generate_a_dynamic_eBook_cover_for_Blog_Promotion_Tactics_for_Digital_Markete-0.jpg" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 data-editable="text" data-id="title" data-label="Title" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p data-editable="text" data-id="description" data-label="Description" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div data-editable="embed" data-id="embed" data-label="Embed Code" class="mt-4"></div>
+        <a href="#" data-editable="button" data-id="button" data-label="Button" class="btn btn-primary btn-lg mt-3">Download Now</a>
+    </div>
+</div></a>
--- a/published/692e14a887915.html
+++ b/published/692e14a887915.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://images.pexels.com/photos/1907785/pexels-photo-1907785.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e17190372d.html
+++ b/published/692e17190372d.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e1894bcebf.html
+++ b/published/692e1894bcebf.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Bold &amp; Blue Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Marketing.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
+        <p id="previewDescription" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e18bc33009.html
+++ b/published/692e18bc33009.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Bold &amp; Blue Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6 order-md-2">
+        <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Marketing.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6 order-md-1">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Bold &amp; Blue Title</h1>
+        <p id="previewDescription" class="lead fs-4">A vibrant and bold description for the blue-themed template.</p>
+        <div id="previewCtaContainer"><a href="https://shane.com" class="btn btn-primary btn-lg" role="button">Get It Now! Jennifer</a></div>
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e26d0cfd56.html
+++ b/published/692e26d0cfd56.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e2bb36ffce.html
+++ b/published/692e2bb36ffce.html
@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e2c44b2a8c.html
+++ b/published/692e2c44b2a8c.html
@ -0,0 +1,187 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <style>
+    .dark-theme-container {
+        background-color: #121212;
+        color: #ffffff;
+        padding: 2rem;
+        border-radius: 0.25rem;
+    }
+    .btn-primary {
+        background-color: #bb86fc;
+        border-color: #bb86fc;
+    }
+    .btn-primary:hover {
+        background-color: #a76bfa;
+        border-color: #a76bfa;
+    }
+</style>
+
+<div class="dark-theme-container">
+    <div class="row align-items-center">
+        <div class="col-md-6">
+            <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+        </div>
+        <div class="col-md-6">
+            <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+            <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+            
+        </div>
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e2da714a9a.html
+++ b/published/692e2da714a9a.html
@ -0,0 +1,187 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title fff</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <style>
+    .dark-theme-container {
+        background-color: #121212;
+        color: #ffffff;
+        padding: 2rem;
+        border-radius: 0.25rem;
+    }
+    .btn-primary {
+        background-color: #bb86fc;
+        border-color: #bb86fc;
+    }
+    .btn-primary:hover {
+        background-color: #a76bfa;
+        border-color: #a76bfa;
+    }
+</style>
+
+<div class="dark-theme-container">
+    <div class="row align-items-center">
+        <div class="col-md-6">
+            <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+        </div>
+        <div class="col-md-6">
+            <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title fff</h1>
+            <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.ffff</p>
+            <div id="previewCtaContainer"><a href="https://shane.com" class="btn btn-primary btn-lg" role="button">Download Nowfff</a></div>
+        </div>
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e2dd552399.html
+++ b/published/692e2dd552399.html
@ -0,0 +1,187 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title fff</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <style>
+    .dark-theme-container {
+        background-color: #121212;
+        color: #ffffff;
+        padding: 2rem;
+        border-radius: 0.25rem;
+    }
+    .btn-primary {
+        background-color: #bb86fc;
+        border-color: #bb86fc;
+    }
+    .btn-primary:hover {
+        background-color: #a76bfa;
+        border-color: #a76bfa;
+    }
+</style>
+
+<div class="dark-theme-container">
+    <div class="row align-items-center">
+        <div class="col-md-6">
+            <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+        </div>
+        <div class="col-md-6">
+            <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title fff</h1>
+            <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.ffff</p>
+            <div id="previewCtaContainer"><a href="https://google.com" class="btn btn-primary btn-lg" role="button">Download Nowfff</a></div>
+        </div>
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e3090de173.html
+++ b/published/692e3090de173.html
@ -0,0 +1,188 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title (Dark Theme)</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="icon" href="assets/images/favicon.jpg" type="image/jpeg">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <style>
+    .dark-theme-container {
+        background-color: #121212;
+        color: #ffffff;
+        padding: 2rem;
+        border-radius: 0.25rem;
+    }
+    .btn-primary {
+        background-color: #bb86fc;
+        border-color: #bb86fc;
+    }
+    .btn-primary:hover {
+        background-color: #a76bfa;
+        border-color: #a76bfa;
+    }
+</style>
+
+<div class="dark-theme-container">
+    <div class="row align-items-center">
+        <div class="col-md-6">
+            <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+        </div>
+        <div class="col-md-6">
+            <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title (Dark Theme)</h1>
+            <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+            
+        </div>
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e314f68443.html
+++ b/published/692e314f68443.html
@ -0,0 +1,188 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title (Dark Theme)</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                <style>
+    .dark-theme-container {
+        background-color: #121212;
+        color: #ffffff;
+        padding: 2rem;
+        border-radius: 0.25rem;
+    }
+    .btn-primary {
+        background-color: #bb86fc;
+        border-color: #bb86fc;
+    }
+    .btn-primary:hover {
+        background-color: #a76bfa;
+        border-color: #a76bfa;
+    }
+</style>
+
+<div class="dark-theme-container">
+    <div class="row align-items-center">
+        <div class="col-md-6">
+            <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+        </div>
+        <div class="col-md-6">
+            <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title (Dark Theme)</h1>
+            <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+            
+        </div>
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692e364f95b0c.html
+++ b/published/692e364f95b0c.html
@ -0,0 +1,207 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title Happy To Be Here</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Social-Media-eBook.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title Happy To Be Here</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.A compelling description for the minimalist modern template.A compelling description for the minimalist modern template.A compelling description for the minimalist modern template.A compelling description for the minimalist modern template.A compelling description for the minimalist modern template.A compelling description for the minimalist modern template.A compelling description for the minimalist modern template.</p>
+        <div id="previewCtaContainer">
+                <div class="flex flex-col mb-10 lg:items-start items-center">
+                    <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-6 h-6">
+                            <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+                        </svg></div>
+                    <div class="flex-grow">
+                        <h2 class="text-gray-900 text-lg title-font font-medium mb-3">Shooting Stars</h2>
+                        <p class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p><a class="mt-3 text-indigo-500 inline-flex items-center">Learn More<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 ml-2">
+                                <path d="M5 12h14M12 5l7 7-7 7"></path>
+                            </svg></a>
+                    </div>
+                </div>
+                <div class="flex flex-col mb-10 lg:items-start items-center">
+                    <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-6 h-6">
+                            <circle cx="6" cy="6" r="3"></circle>
+                            <circle cx="6" cy="18" r="3"></circle>
+                            <path d="M20 4L8.12 15.88M14.47 14.48L20 20M8.12 8.12L12 12"></path>
+                        </svg></div>
+                    <div class="flex-grow">
+                        <h2 class="text-gray-900 text-lg title-font font-medium mb-3">The Catalyzer</h2>
+                        <p class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p><a class="mt-3 text-indigo-500 inline-flex items-center">Learn More<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 ml-2">
+                                <path d="M5 12h14M12 5l7 7-7 7"></path>
+                            </svg></a>
+                    </div>
+                </div>
+                <div class="flex flex-col mb-10 lg:items-start items-center">
+                    <div class="w-12 h-12 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 mb-5"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-6 h-6">
+                            <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path>
+                            <circle cx="12" cy="7" r="4"></circle>
+                        </svg></div>
+                    <div class="flex-grow">
+                        <h2 class="text-gray-900 text-lg title-font font-medium mb-3">Neptune</h2>
+                        <p class="leading-relaxed text-base">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p><a class="mt-3 text-indigo-500 inline-flex items-center">Learn More<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 ml-2">
+                                <path d="M5 12h14M12 5l7 7-7 7"></path>
+                            </svg></a>
+                    </div>
+                </div>
+            </div>
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/published/692f51dfba560.html
+++ b/published/692f51dfba560.html
@ -0,0 +1,170 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Minimalist Modern Title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="icon" href="/assets/images/favicon.jpg" type="image/jpeg">
+    <style>
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #F8F9FA;
+            color: #212529;
+        }
+        .preview-container { max-width: 960px; }
+        /* assets/css/custom.css */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:root {
+    --primary-color: #007bff; /* A vibrant blue */
+    --primary-hover: #0056b3;
+    --background-color: #fdfdfd; /* A very light, almost white grey */
+    --card-bg-color: #ffffff;
+    --text-color: #333;
+    --text-light: #666;
+    --border-color: #eef2f7;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
+    --border-radius: 12px;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+a {
+    color: var(--primary-color);
+}
+
+a:hover {
+    color: var(--primary-hover);
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-hover);
+    border-color: var(--primary-hover);
+    transform: translateY(-2px);
+}
+
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+header.bg-white {
+    background-color: var(--card-bg-color) !important;
+    border-bottom-color: var(--border-color) !important;
+}
+
+header .fs-4 {
+    font-weight: 600;
+}
+
+#gallery-section .display-5 {
+    font-weight: 700;
+}
+
+#gallery-section .card {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    box-shadow: none;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+#gallery-section .card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--shadow);
+}
+
+#gallery-section .card-img-top {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#gallery-section .card-title {
+    font-weight: 600;
+}
+
+#gallery-section .card-footer {
+    background-color: transparent;
+}
+
+#preview-section {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+}
+
+.preview-container {
+    max-width: 960px;
+    margin: auto;
+    background: var(--card-bg-color);
+    padding: 3rem;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    border: 1px solid var(--border-color);
+}
+
+.preview-container img {
+    border-radius: var(--border-radius);
+}
+
+#editor-section {
+    background-color: #f8f9fa; /* A slightly darker grey for contrast */
+}
+
+#editor-section h2 {
+    font-weight: 600;
+}
+
+.form-control, .form-select {
+    border-radius: 8px;
+    border-color: var(--border-color);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.15);
+    border-color: var(--primary-color);
+}
+
+footer.bg-light {
+    background-color: var(--card-bg-color) !important;
+    border-top-color: var(--border-color) !important;
+}
+    </style>
+</head>
+<body>
+    <main>
+        <section class="py-5">
+            <div class="container preview-container">
+                
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="https://marketing-landing-page-downloader.dev.flatlogic.app/assets/images/Default-Load-Your-Cover-Here.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        
+    </div>
+</div>
+            </div>
+        </section>
+    </main>
+    <footer class="text-center py-3 bg-light">
+        <p class="mb-0">&copy; 2025 <a href="https://www.thecontentrepreneur.com/">The Contentrepreneur</a></p>
+    </footer>
+</body>
+</html>
--- a/templates/data.php
+++ b/templates/data.php
@ -0,0 +1,46 @@
+<?php
+$templates = [
+    [
+        'id' => 1,
+        'name' => 'Minimalist Modern',
+        'description' => 'A clean, modern design with a large feature image.',
+        'preview_image' => 'assets/images/Content-Repurposing.png',
+        'file' => 'templates/template-1.html',
+    ],
+    [
+        'id' => 2,
+        'name' => 'Bold & Blue',
+        'description' => 'A vibrant design with a prominent blue call-to-action.',
+        'preview_image' => 'assets/images/Social-Media.png',
+        'file' => 'templates/template-2.html',
+    ],
+    [
+        'id' => 3,
+        'name' => 'Classic Serif',
+        'description' => 'An elegant, text-focused design for a classic feel.',
+        'preview_image' => 'assets/images/Webinars-Marketing.png',
+        'file' => 'templates/template-3.html',
+    ],
+    [
+        'id' => 4,
+        'name' => 'Minimalist Modern (Dark Theme)',
+        'description' => 'A clean, modern design with a large feature image.',
+        'preview_image' => 'assets/images/Customer-Loyalty.png',
+        'file' => 'templates/template-4.html',
+    ],
+    [
+        'id' => 5,
+        'name' => 'Bold & Blue (Dark Theme)',
+        'description' => 'A vibrant design with a prominent blue call-to-action.',
+        'preview_image' => 'assets/images/Blog-Promotions.png',
+        'file' => 'templates/template-5.html',
+    ],
+    [
+        'id' => 6,
+        'name' => 'Classic Serif (Dark Theme)',
+        'description' => 'An elegant, text-focused design for a classic feel.',
+        'preview_image' => 'assets/images/Lead-Magnet.png',
+        'file' => 'templates/template-6.html',
+    ],
+];
+?>
--- a/templates/template-1.html
+++ b/templates/template-1.html
@ -0,0 +1,13 @@
+<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates</a>
+<div class="row align-items-center">
+    <div class="col-md-6">
+        <img id="previewImage" src="assets/images/Default-Load-Your-Cover-Here.png" class="img-fluid rounded shadow-sm" alt="Ebook Cover">
+    </div>
+    <div class="col-md-6">
+        <h1 id="previewTitle" class="display-5 fw-bold mt-4 mt-md-0">Minimalist Modern Title</h1>
+        <p id="previewDescription" class="lead fs-4">A compelling description for the minimalist modern template.</p>
+        <div id="previewCtaContainer">
+            <button id="previewCta" class="btn btn-primary btn-lg mt-3">Download Now</button>
+        </div>
+    </div>
+</div>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Flatlogic Bot	222297c570	5.0	2025-12-02 20:54:24 +00:00
Flatlogic Bot	3fe0013a9c	4.1	2025-12-02 00:25:30 +00:00
Flatlogic Bot	f1907e5e93	4.0	2025-12-02 00:10:21 +00:00
Flatlogic Bot	cf6248a735	3.0	2025-12-01 23:38:28 +00:00
Flatlogic Bot	e6adcd855a	2.1	2025-12-01 22:46:31 +00:00
Flatlogic Bot	9b16e60a4f	2.0	2025-12-01 22:38:36 +00:00
Flatlogic Bot	8b11bcf8e1	v1.3	2025-12-01 05:24:42 +00:00
Flatlogic Bot	1fddc19e3b	v1.2	2025-12-01 04:45:28 +00:00
Flatlogic Bot	e87822db43	v.1	2025-12-01 02:19:38 +00:00