core/admin.py

@@ -1,4 +1,3 @@
 from django.contrib import admin
-from .models import ChatMessage
 
-admin.site.register(ChatMessage)
+# Register your models here.

core/migrations/0001_initial.py

@@ -1,23 +0,0 @@
-# Generated by Django 5.2.7 on 2025-12-06 05:19
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    initial = True
-
-    dependencies = [
-    ]
-
-    operations = [
-        migrations.CreateModel(
-            name='ChatMessage',
-            fields=[
-                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('sender', models.CharField(choices=[('user', 'User'), ('bot', 'Bot')], max_length=10)),
-                ('message', models.TextField()),
-                ('timestamp', models.DateTimeField(auto_now_add=True)),
-            ],
-        ),
-    ]

core/models.py

@@ -1,13 +1,3 @@
 from django.db import models
 
-class ChatMessage(models.Model):
+# Create your models here.
-    SENDER_CHOICES = [
-        ('user', 'User'),
-        ('bot', 'Bot'),
-    ]
-    sender = models.CharField(max_length=10, choices=SENDER_CHOICES)
-    message = models.TextField()
-    timestamp = models.DateTimeField(auto_now_add=True)
-
-    def __str__(self):
-        return f'{self.get_sender_display()}: {self.message}'

core/templates/base.html

@@ -14,10 +14,7 @@
   <meta property="twitter:image" content="{{ project_image_url }}">
   {% endif %}
   {% load static %}
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+  <link rel="stylesheet" href="{% static 'css/custom.css' %}?v={{ deployment_timestamp }}">
-    <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@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   {% block head %}{% endblock %}
 </head>
 

core/templates/core/index.html

@@ -1,41 +1,145 @@
-{% extends 'base.html' %}
+{% extends "base.html" %}
-{% load static %}
 
-{% block title %}
+{% block title %}{{ project_name }}{% endblock %}
-AI Chatbot
+
+{% block head %}
+<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);
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  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;
+    inset: 0;
+    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: 2.5rem 2rem;
+    backdrop-filter: blur(20px);
+    -webkit-backdrop-filter: blur(20px);
+    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
+  }
+
+  h1 {
+    font-size: clamp(2.2rem, 3vw + 1.2rem, 3.2rem);
+    font-weight: 700;
+    margin: 0 0 1.2rem;
+    letter-spacing: -0.02em;
+  }
+
+  p {
+    margin: 0.5rem 0;
+    font-size: 1.1rem;
+    opacity: 0.92;
+  }
+
+  .loader {
+    margin: 1.5rem auto;
+    width: 56px;
+    height: 56px;
+    border: 4px solid rgba(255, 255, 255, 0.25);
+    border-top-color: #fff;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+  }
+
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .runtime code {
+    background: rgba(0, 0, 0, 0.25);
+    padding: 0.15rem 0.45rem;
+    border-radius: 4px;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  }
+
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+  }
+
+  footer {
+    position: absolute;
+    bottom: 1rem;
+    width: 100%;
+    text-align: center;
+    font-size: 0.85rem;
+    opacity: 0.75;
+  }
+</style>
 {% endblock %}
 
 {% block content %}
-<div class="hero">
+<main>
-    <div class="container">
+  <div class="card">
-        <h1>AI Powered Customer Support</h1>
+    <h1>Analyzing your requirements and generating your app…</h1>
-        <p class="lead">Our AI chatbot is here to help you 24/7 with your questions and complaints.</p>
+    <div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
-        <a href="#chat" class="btn btn-lg btn-light">Start a Conversation</a>
+      <span class="sr-only">Loading…</span>
     </div>
-</div>
+    <p class="hint">AppWizzy AI is collecting your requirements and applying the first changes.</p>
-
+    <p class="hint">This page will refresh automatically as the plan is implemented.</p>
-<div id="chat" class="chat-widget">
+    <p class="runtime">
-    <div class="chat-history">
+      Runtime: Django <code>{{ django_version }}</code> · Python <code>{{ python_version }}</code>
-        {% for msg in messages %}
+      — UTC <code>{{ current_time|date:"Y-m-d H:i:s" }}</code>
-            <div class="chat-message {% if msg.sender == 'user' %}user-message{% else %}bot-message{% endif %}">
+    </p>
-                <div class="message-bubble">
+  </div>
-                    {{ msg.message }}
+</main>
-                </div>
+<footer>
-            </div>
+  Page updated: {{ current_time|date:"Y-m-d H:i:s" }} (UTC)
-        {% endfor %}
+</footer>
-    </div>
+{% endblock %}
-    <div class="chat-input">
-        <form method="post">
-            {% csrf_token %}
-            <div class="input-group">
-                <input type="text" name="message" class="form-control" placeholder="Type your message...">
-                <button type="submit" class="btn btn-primary">Send</button>
-            </div>
-        </form>
-    </div>
-</div>
-{% endblock %}
-
-{% block extra_css %}
-<link rel="stylesheet" href="{% static 'css/custom.css' %}">
-{% endblock %}

core/urls.py

@@ -1,7 +1,7 @@
 from django.urls import path
 
-from .views import index
+from .views import home
 
 urlpatterns = [
-    path("", index, name="index"),
+    path("", home, name="home"),
 ]

core/views.py

@@ -1,14 +1,25 @@
-from django.shortcuts import render, redirect
+import os
-from .models import ChatMessage
+import platform
 
-def index(request):
+from django import get_version as django_version
-    if request.method == 'POST':
+from django.shortcuts import render
-        message = request.POST.get('message')
+from django.utils import timezone
-        if message:
-            ChatMessage.objects.create(sender='user', message=message)
-            # Canned response from the bot
-            ChatMessage.objects.create(sender='bot', message='Thank you for your message. An agent will be with you shortly.')
-        return redirect('index')
 
-    messages = ChatMessage.objects.all().order_by('timestamp')
+
-    return render(request, 'core/index.html', {'messages': messages})
+def home(request):
+    """Render the landing screen with loader and environment details."""
+    host_name = request.get_host().lower()
+    agent_brand = "AppWizzy" if host_name == "appwizzy.com" else "Flatlogic"
+    now = timezone.now()
+
+    context = {
+        "project_name": "New Style",
+        "agent_brand": agent_brand,
+        "django_version": django_version(),
+        "python_version": platform.python_version(),
+        "current_time": now,
+        "host_name": host_name,
+        "project_description": os.getenv("PROJECT_DESCRIPTION", ""),
+        "project_image_url": os.getenv("PROJECT_IMAGE_URL", ""),
+    }
+    return render(request, "core/index.html", context)

static/css/custom.css

@@ -1,73 +1,4 @@
-:root {
+/* Custom styles for the application */
-    --primary-color: #4F46E5;
-    --secondary-color: #10B981;
-    --accent-color: #F59E0B;
-    --neutral-background: #F3F4F6;
-    --text-color: #111827;
-}
-
 body {
-    font-family: 'Inter', sans-serif;
+    font-family: system-ui, -apple-system, sans-serif;
-    background-color: var(--neutral-background);
-    color: var(--text-color);
 }
-
-h1, h2, h3, h4, h5, h6 {
-    font-family: 'Poppins', sans-serif;
-}
-
-.hero {
-    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
-    color: white;
-    padding: 100px 0;
-    text-align: center;
-}
-
-.chat-widget {
-    max-width: 800px;
-    margin: 50px auto;
-    border: 1px solid #ddd;
-    border-radius: 10px;
-    overflow: hidden;
-    background-color: white;
-}
-
-.chat-history {
-    height: 400px;
-    overflow-y: auto;
-    padding: 20px;
-}
-
-.chat-message {
-    margin-bottom: 20px;
-}
-
-.user-message {
-    text-align: right;
-}
-
-.bot-message {
-    text-align: left;
-}
-
-.message-bubble {
-    display: inline-block;
-    padding: 10px 15px;
-    border-radius: 20px;
-    max-width: 70%;
-}
-
-.user-message .message-bubble {
-    background-color: var(--primary-color);
-    color: white;
-}
-
-.bot-message .message-bubble {
-    background-color: #E5E7EB;
-    color: var(--text-color);
-}
-
-.chat-input {
-    border-top: 1px solid #ddd;
-    padding: 20px;
-}

staticfiles/css/custom.css

@@ -1,73 +1,21 @@
+
 :root {
-    --primary-color: #4F46E5;
+    --bg-color-start: #6a11cb;
-    --secondary-color: #10B981;
+    --bg-color-end: #2575fc;
-    --accent-color: #F59E0B;
+    --text-color: #ffffff;
-    --neutral-background: #F3F4F6;
+    --card-bg-color: rgba(255, 255, 255, 0.01);
-    --text-color: #111827;
+    --card-border-color: rgba(255, 255, 255, 0.1);
 }
-
 body {
+    margin: 0;
     font-family: 'Inter', sans-serif;
-    background-color: var(--neutral-background);
+    background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
     color: var(--text-color);
-}
+    display: flex;
-
+    justify-content: center;
-h1, h2, h3, h4, h5, h6 {
+    align-items: center;
-    font-family: 'Poppins', sans-serif;
+    min-height: 100vh;
-}
-
-.hero {
-    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
-    color: white;
-    padding: 100px 0;
     text-align: center;
-}
-
-.chat-widget {
-    max-width: 800px;
-    margin: 50px auto;
-    border: 1px solid #ddd;
-    border-radius: 10px;
     overflow: hidden;
-    background-color: white;
+    position: relative;
 }
-
-.chat-history {
-    height: 400px;
-    overflow-y: auto;
-    padding: 20px;
-}
-
-.chat-message {
-    margin-bottom: 20px;
-}
-
-.user-message {
-    text-align: right;
-}
-
-.bot-message {
-    text-align: left;
-}
-
-.message-bubble {
-    display: inline-block;
-    padding: 10px 15px;
-    border-radius: 20px;
-    max-width: 70%;
-}
-
-.user-message .message-bubble {
-    background-color: var(--primary-color);
-    color: white;
-}
-
-.bot-message .message-bubble {
-    background-color: #E5E7EB;
-    color: var(--text-color);
-}
-
-.chat-input {
-    border-top: 1px solid #ddd;
-    padding: 20px;
-}