From b4774ed4379cc734667fcc796eb99692a4113a56 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Fri, 24 Oct 2025 15:56:42 +0000
Subject: [PATCH] Auto commit: 2025-10-24T15:56:42.645Z

---
 index.php | 64 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/index.php b/index.php
index ca5bb5f..b930c6f 100644
--- a/index.php
+++ b/index.php
@@ -148,6 +148,63 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
       min-height: calc(100vh - var(--header-height));
       text-align: center;
       padding: 2rem 0;
+      position: relative;
+    }
+    .orb-container {
+      position: absolute;
+      top: 45%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 300px;
+      height: 300px;
+      z-index: 0;
+      pointer-events: none;
+    }
+    .aura-orb {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      background: radial-gradient(circle, rgba(0, 242, 234, 0.3) 0%, rgba(0, 242, 234, 0) 60%);
+      animation: orb-float 10s ease-in-out infinite, orb-glow 5s linear infinite alternate;
+    }
+    .aura-orb::before, .aura-orb::after {
+      content: '';
+      position: absolute;
+      border-radius: 50%;
+    }
+    .aura-orb::before {
+      width: 110%;
+      height: 110%;
+      top: -5%;
+      left: -5%;
+      border: 1px solid rgba(255, 0, 255, 0.2);
+      animation: orb-pulse 4s ease-in-out infinite alternate;
+    }
+    .aura-orb::after {
+      width: 120%;
+      height: 120%;
+      top: -10%;
+      left: -10%;
+      border: 1px solid rgba(138, 43, 226, 0.1);
+      animation: orb-pulse 5s 1s ease-in-out infinite alternate;
+    }
+
+    @keyframes orb-float {
+      0%, 100% { transform: translateY(0px) scale(1); }
+      50% { transform: translateY(-20px) scale(1.05); }
+    }
+    @keyframes orb-glow {
+      from { box-shadow: 0 0 40px -10px var(--primary-glow), 0 0 60px -20px var(--secondary-glow); }
+      to { box-shadow: 0 0 50px 0px var(--primary-glow), 0 0 80px -10px var(--secondary-glow); }
+    }
+    @keyframes orb-pulse {
+      from { transform: scale(1); opacity: 0.5; }
+      to { transform: scale(1.1); opacity: 0.8; }
+    }
+    .hero {
+      position: relative;
+      z-index: 1;
     }
     .hero h1 {
       font-family: 'Inter', sans-serif;
@@ -201,6 +258,10 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
       nav a {
         margin-left: 1rem;
       }
+      .orb-container {
+        width: 200px;
+        height: 200px;
+      }
     }
   </style>
 </head>
@@ -219,6 +280,9 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
   </header>
 
   <main>
+    <div class="orb-container">
+      <div class="aura-orb"></div>
+    </div>
     <section class="hero container">
       <h1>Transform Your Stories into Cinematic AI Films</h1>
       <p>