From 16dd772a04da2e2da962e6ee777cd96bb8f4c5bb Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Sat, 13 Dec 2025 14:37:12 +0000 Subject: [PATCH] lenzo homes text to video AI --- assets/css/custom.css | 94 +++++++++++++++++ assets/js/main.js | 43 ++++++++ index.php | 231 ++++++++++++++++-------------------------- 3 files changed, 224 insertions(+), 144 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..63f5b9b --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,94 @@ + +body { + background-color: #0F2A5F; + color: #FFFFFF; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +h1, h2, h3, h4, h5, h6 { + font-family: Georgia, "Times New Roman", Times, serif; + color: #D4AF37; +} + +.navbar-brand { + font-family: Georgia, "Times New Roman", Times, serif; + color: #D4AF37 !important; + font-size: 1.75rem; +} + +.card { + background-color: #FFFFFF; + color: #0F2A5F; + border: none; + border-radius: 15px; +} + +.form-control { + background-color: #f8f9fa; + border: 1px solid #dee2e6; + color: #0F2A5F; +} + +.form-control:focus { + background-color: #FFFFFF; + border-color: #D4AF37; + box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25); + color: #0F2A5F; +} + +.btn-gold { + background-color: #D4AF37; + color: #0F2A5F; + border: none; + font-weight: bold; + padding: 0.75rem 1.5rem; + border-radius: 8px; + transition: background-color 0.3s ease; +} + +.btn-gold:hover { + background-color: #c8a02b; +} + +#video-output { + display: none; + background-color: #000; + border: 2px solid #D4AF37; + border-radius: 10px; + position: relative; + overflow: hidden; +} + +#video-output .placeholder-glow { + height: 100%; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + text-align: center; +} + +#video-output video { + width: 100%; + height: auto; + display: none; +} + +.spinner-border { + color: #D4AF37; +} + +.toast { + position: fixed; + top: 20px; + right: 20px; + z-index: 1055; + background-color: #0F2A5F; + color: #FFFFFF; + border: 1px solid #D4AF37; +} +.toast-header { + background-color: #D4AF37; + color: #0F2A5F; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..0654c84 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,43 @@ + +document.addEventListener('DOMContentLoaded', function () { + const generateBtn = document.getElementById('generateBtn'); + const videoForm = document.getElementById('videoForm'); + const videoOutput = document.getElementById('video-output'); + const spinner = document.getElementById('spinner'); + const placeholderText = document.getElementById('placeholder-text'); + const videoPlayer = document.getElementById('videoPlayer'); + const toastEl = document.getElementById('notificationToast'); + const toast = new bootstrap.Toast(toastEl); + + videoForm.addEventListener('submit', function (event) { + event.preventDefault(); + + // Hide previous video and show spinner + videoPlayer.style.display = 'none'; + videoPlayer.pause(); + videoPlayer.currentTime = 0; + videoOutput.style.display = 'block'; + spinner.style.display = 'block'; + placeholderText.textContent = 'Generating your masterpiece...'; + generateBtn.disabled = true; + generateBtn.textContent = 'RENDERING...'; + + // Simulate AI generation delay + setTimeout(() => { + spinner.style.display = 'none'; + placeholderText.textContent = 'Video ready!'; + + // Show a placeholder video (e.g., from Pexels) + // In a real app, this URL would come from the AI service + videoPlayer.src = 'https://videos.pexels.com/video-files/3209828/3209828-hd_1280_720_25fps.mp4'; + videoPlayer.style.display = 'block'; + + generateBtn.disabled = false; + generateBtn.textContent = 'Generate Video'; + + toastEl.querySelector('.toast-body').textContent = 'Your video has been successfully generated!'; + toast.show(); + + }, 4000); // 4-second delay + }); +}); diff --git a/index.php b/index.php index 7205f3d..e096d48 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,93 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Lenzo Homes AI - Text-to-Video + + + + + + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

+ + + +
+
+
+
+
+

Create Video from Text

+

Describe the property you want to visualize. Be as detailed as you like.

+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + Generating your masterpiece... +
+ +
+
+
-
- + + +
+ +
+ + + + + + - + \ No newline at end of file