```
`

<link
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"
rel="stylesheet">



<nav
class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm sticky-top">

<div class="container-fluid">

```
<!-- ===================================================== -->
<!-- BRAND -->
<!-- ===================================================== -->

<a
class="navbar-brand d-flex align-items-center fw-bold"
href="/chatEdge/create/dashboard/index.cfm">

    <img
    src="https://hodebaba.com/chatEdge/create/img/logo.jpg"
    alt="ChatEdge"
    style="
    height:40px;
    width:auto;
    border-radius:8px;
    margin-right:10px;">

    <span class="fs-5">
    ChatEdge
    </span>

</a>

<!-- MOBILE -->

<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarMain">

    <span class="navbar-toggler-icon"></span>

</button>

<div
class="collapse navbar-collapse"
id="navbarMain">

    <!-- ===================================================== -->
    <!-- LEFT MENU -->
    <!-- ===================================================== -->

    <ul class="navbar-nav me-auto">

        <li class="nav-item">

            <a
            class="nav-link"
            href="/chatEdge/create/dashboard/index.cfm">

                <i class="bi bi-speedometer2"></i>
                Dashboard

            </a>

        </li>

        <li class="nav-item">

            <a
            class="nav-link"
            href="/chatEdge/create/dashboard/myChannels.cfm">

                <i class="bi bi-collection-play"></i>
                My Channels

            </a>

        </li>

        <li class="nav-item">

            <a
            class="nav-link"
            href="/chatEdge/create/dashboard/analytics.cfm">

                <i class="bi bi-graph-up-arrow"></i>
                Analytics

            </a>

        </li>

        <li class="nav-item">

            <a
            class="nav-link"
            href="/chatEdge/create/dashboard/billing.cfm">

                <i class="bi bi-credit-card"></i>
                Billing

            </a>

        </li>

        <li class="nav-item">

            <a
            class="nav-link"
            href="/chatEdge/create/dashboard/support.cfm">

                <i class="bi bi-life-preserver"></i>
                Support

            </a>

        </li>

        <!-- ===================================================== -->
        <!-- SUPER ADMIN MENU -->
        <!-- ===================================================== -->

        

    </ul>

    <!-- ===================================================== -->
    <!-- CREATE CHANNEL -->
    <!-- ===================================================== -->

    <div class="d-flex me-3">

        <a
        href="/chatEdge/create/startChannelWizard.cfm"
        class="btn btn-success">

            <i class="bi bi-plus-circle-fill"></i>
            Create Channel

        </a>

    </div>

    <!-- ===================================================== -->
    <!-- SERVICES -->
    <!-- ===================================================== -->

    <div class="dropdown me-3">

        <button
        class="btn btn-outline-light dropdown-toggle"
        data-bs-toggle="dropdown">

            <i class="bi bi-stars"></i>
            Services

        </button>

        <ul class="dropdown-menu dropdown-menu-end">

            <li>

                <a
                class="dropdown-item"
                href="/chatEdge/create/dashboard/upgradeServices.cfm">

                    <i class="bi bi-stars"></i>
                    Upgrade Services

                </a>

            </li>

            <li>

                <a
                class="dropdown-item"
                href="/chatEdge/create/ceReceiverPreOrder.cfm">

                    <i class="bi bi-router"></i>
                    CE Receiver

                </a>

            </li>

            <li>

                <a
                class="dropdown-item"
                href="/chatEdge/contactSchoolPackage.cfm">

                    <i class="bi bi-building"></i>
                    School Package

                </a>

            </li>

            <li>

                <a
                class="dropdown-item"
                href="/chatEdge/contactEnterprise.cfm">

                    <i class="bi bi-globe2"></i>
                    Enterprise

                </a>

            </li>

        </ul>

    </div>

    <!-- ===================================================== -->
    <!-- USER -->
    <!-- ===================================================== -->

    <div class="dropdown">

        <button
        class="btn btn-outline-light dropdown-toggle"
        data-bs-toggle="dropdown">

            <i class="bi bi-person-circle"></i>

            Guest 

        </button>

        <ul class="dropdown-menu dropdown-menu-end">

            <li>

                <div class="dropdown-item-text">

                    <strong>

                        Guest 

                    </strong>

                    <br>

                    <small class="text-muted">

                        CE-DEMO 

                    </small>

                </div>

            </li>

            <li>
                <hr class="dropdown-divider">
            </li>

            <li>

                <a
                class="dropdown-item"
                href="/chatEdge/create/dashboard/index.cfm">

                    <i class="bi bi-house-fill"></i>
                    Dashboard Home

                </a>

            </li>

            <li>

                <a
                class="dropdown-item"
                href="/chatEdge/create/dashboard/myChannels.cfm">

                    <i class="bi bi-collection-play-fill"></i>
                    My Channels

                </a>

            </li>

            <li>

                <a
                class="dropdown-item"
                href="/chatEdge/create/dashboard/billing.cfm">

                    <i class="bi bi-credit-card-fill"></i>
                    Billing

                </a>

            </li>

            <li>

                <a
                class="dropdown-item"
                href="/chatEdge/create/dashboard/support.cfm">

                    <i class="bi bi-life-preserver"></i>
                    Support

                </a>

            </li>

            

            <li>
                <hr class="dropdown-divider">
            </li>

            <li>

                <a
                class="dropdown-item text-danger"
                href="/chatEdge/logout.cfm">

                    <i class="bi bi-box-arrow-right"></i>
                    Logout

                </a>

            </li>

        </ul>

    </div>

</div>
```

</div>

</nav>



<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta name="viewport"
      content="width=device-width, initial-scale=1">

<title>
Create Your ChatEdge AI Channel
</title>

<meta name="description"
content="Launch your AI-powered academy, podcast network, radio station, school channel, ministry channel, or community broadcast platform.">

<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet">

<link
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"
rel="stylesheet">

<style>

:root{
--ce-blue:#2563eb;
--ce-dark:#0f172a;
--ce-green:#10b981;
--ce-light:#f8fafc;
}

body{
background:#f8fafc;
font-family:Arial,Helvetica,sans-serif;
}

.hero{
background:
linear-gradient(
135deg,
#0f172a,
#1e3a8a
);
color:white;
padding:50px 0;
}

.card-main{
border:none;
border-radius:24px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.section-title{
font-weight:700;
margin-bottom:20px;
}

.preview-box{
background:#f8fafc;
border:1px dashed #d1d5db;
padding:20px;
border-radius:16px;
}

.preview-url{
font-weight:600;
color:#2563eb;
word-break:break-word;
}

.icon-big{
font-size:2rem;
color:#2563eb;
}

.required{
color:red;
}

</style>

</head>

<body>

<!-- HERO -->

<section class="hero">

<div class="container">

<div class="row align-items-center">

<div class="col-lg-8">

<h1 class="fw-bold">

Launch Your AI Channel

</h1>

<p class="lead">

Create an academy, radio station,
podcast network, ministry channel,
school channel, or business broadcast
platform in minutes.

</p>

</div>

<div class="col-lg-4 text-lg-end">

<a href="index.cfm"
class="btn btn-outline-light">

<i class="bi bi-arrow-left"></i>
Back

</a>

</div>

</div>

</div>

</section>

<!-- FORM -->

<section class="py-5">

<div class="container">

<div class="row justify-content-center">

<div class="col-lg-10">

<div class="card card-main">

<div class="card-body p-5">

<form
action="processCreateChannel.cfm"
method="post"
enctype="multipart/form-data">

<h2 class="section-title">

Channel Information

</h2>

<div class="row">

<div class="col-md-6 mb-3">

<label class="form-label">

Channel Name
<span class="required">*</span>

</label>

<input
type="text"
class="form-control form-control-lg"
name="channel_name"
id="channel_name"
required
maxlength="255"
placeholder="Biology Academy">

</div>

<div class="col-md-6 mb-3">

<label class="form-label">

Topic

</label>

<input
type="text"
class="form-control form-control-lg"
name="topic"
placeholder="Biology">

</div>

</div>

<div class="mb-3">

<label class="form-label">

Description
<span class="required">*</span>

</label>

<textarea
name="description"
rows="4"
required
class="form-control"
placeholder="Describe your academy, channel, ministry, podcast, or station..."></textarea>

</div>

<div class="row">

<div class="col-md-6 mb-3">

<label class="form-label">

Email

</label>

<input
type="email"
name="email"
class="form-control"
placeholder="you@example.com">

</div>

<div class="col-md-6 mb-3">

<label class="form-label">

WhatsApp

</label>

<input
type="text"
name="whatsapp"
class="form-control"
placeholder="+1 202 555 1234">

</div>

</div>

<hr class="my-4">

<h2 class="section-title">

AI Host Settings

</h2>

<div class="row">

<div class="col-md-4 mb-3">

<label class="form-label">

Language

</label>

<select
name="language"
class="form-select">

<option>English</option>
<option>Spanish</option>
<option>French</option>
<option>Arabic</option>
<option>Amharic</option>
<option>Tigrigna</option>

</select>

</div>

<div class="col-md-4 mb-3">

<label class="form-label">

Host Style

</label>

<select
name="host_style"
class="form-select">

<option>Teacher</option>
<option>Friendly</option>
<option>Storyteller</option>
<option>Coach</option>
<option>Interviewer</option>

</select>

</div>

<div class="col-md-4 mb-3">

<label class="form-label">

Broadcast Mode

</label>

<select
name="broadcast_mode"
class="form-select">

<option>AI</option>
<option>Hybrid</option>

</select>

</div>

</div>

<div class="row">

<div class="col-md-6 mb-3">

<label class="form-label">

Host Name

</label>

<input
type="text"
name="host_name"
value="Professor Abuku"
class="form-control">

</div>

<div class="col-md-6 mb-3">

<label class="form-label">

AI Voice

</label>

<select
name="voice_name"
class="form-select">

<option>alloy</option>
<option>nova</option>
<option>echo</option>
<option>fable</option>
<option>onyx</option>
<option>shimmer</option>

</select>

</div>

</div>

<hr class="my-4">

<h2 class="section-title">

Mission & Goals

</h2>

<div class="mb-3">

<label class="form-label">

Mission Statement

</label>

<textarea
name="mission"
rows="3"
class="form-control"
placeholder="What is the purpose of this channel?"></textarea>

</div>

<div class="mb-3">

<label class="form-label">

Channel Goal

</label>

<textarea
name="channel_goal"
rows="3"
class="form-control"
placeholder="Teach, inspire, entertain, train, certify, build community..."></textarea>

</div>

<hr class="my-4">

<h2 class="section-title">

Branding

</h2>

<div class="row">

<div class="col-md-6 mb-3">

<label class="form-label">

Logo Upload

</label>

<input
type="file"
name="logo"
accept=".jpg,.jpeg,.png,.webp"
class="form-control">

</div>

<div class="col-md-6 mb-3">

<label class="form-label">

Cover Image

</label>

<input
type="file"
name="cover"
accept=".jpg,.jpeg,.png,.webp"
class="form-control">

</div>

</div>

<hr class="my-4">

<h2 class="section-title">

Public URL Preview

</h2>

<div class="preview-box">

<div class="preview-url"
id="urlPreview">

https://hodebaba.com/chatEdge/channels/your-channel/

</div>

</div>

<hr class="my-4">

<h2 class="section-title">

Premium Services

</h2>

<div class="row">

<div class="col-md-4">

<div class="form-check">

<input
class="form-check-input"
type="checkbox"
name="youtube_distribution"
value="1">

<label class="form-check-label">

YouTube Distribution

</label>

</div>

</div>

<div class="col-md-4">

<div class="form-check">

<input
class="form-check-input"
type="checkbox"
name="facebook_distribution"
value="1">

<label class="form-check-label">

Facebook Distribution

</label>

</div>

</div>

<div class="col-md-4">

<div class="form-check">

<input
class="form-check-input"
type="checkbox"
name="tiktok_distribution"
value="1">

<label class="form-check-label">

TikTok Distribution

</label>

</div>

</div>

</div>

<div class="alert alert-info mt-4">

<i class="bi bi-stars"></i>

Advanced multilingual voices,
custom AI personalities,
video production,
human production support,
and CE Receiver deployment
are available as upgrade services.

</div>

<div class="d-grid mt-4">

<button
type="submit"
class="btn btn-primary btn-lg">

<i class="bi bi-rocket-takeoff"></i>

Create My Channel

</button>

</div>

</form>

</div>

</div>

</div>

</div>

</div>

</section>

<script>

const channelInput =
document.getElementById("channel_name");

const preview =
document.getElementById("urlPreview");

channelInput.addEventListener(
"keyup",
function(){

let slug =
this.value
.toLowerCase()
.replace(/[^a-z0-9 ]/g,"")
.replace(/\s+/g,"-");

if(slug.length===0){
slug="your-channel";
}

preview.innerHTML=
"https://hodebaba.com/chatEdge/channels/"
+slug+
"/";

});

</script>

</body>
</html>