From deff7cb3b16962c95584f404c5c42b1e125646c0 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Thu, 16 Oct 2025 13:57:32 +0000 Subject: [PATCH] home --- assets/css/custom.css | 93 +++++++++++++++ assets/js/main.js | 52 +++++++++ contact.php | 47 ++++++++ index.php | 261 +++++++++++++++++++----------------------- 4 files changed, 308 insertions(+), 145 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js create mode 100644 contact.php diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..9c1c95a --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,93 @@ + +@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Lato:wght@400;700&display=swap'); + +body { + font-family: 'Lato', sans-serif; + background-color: #FFF8F0; + color: #333333; + line-height: 1.6; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Playfair Display', serif; + font-weight: 700; + color: #333333; +} + +.navbar-brand { + font-family: 'Playfair Display', serif; + font-size: 1.75rem; + color: #FF6347 !important; +} + +.hero { + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.pexels.com/photos/169198/pexels-photo-169198.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1') no-repeat center center; + background-size: cover; + color: white; + padding: 100px 0; + text-align: center; +} + +.hero h1 { + font-size: 3.5rem; + color: white; +} + +.hero p { + font-size: 1.25rem; + margin-bottom: 30px; +} + +.btn-primary { + background-color: #FF6347; + border-color: #FF6347; + padding: 12px 30px; + font-size: 1.1rem; + border-radius: 8px; + transition: background-color 0.3s ease; +} + +.btn-primary:hover { + background-color: #E5533D; + border-color: #E5533D; +} + +section { + padding: 60px 0; +} + +.section-title { + text-align: center; + margin-bottom: 50px; + font-size: 2.5rem; +} + +.card { + border: none; + border-radius: 8px; + box-shadow: 0 4px 15px rgba(0,0,0,0.05); +} + +.form-control { + border-radius: 8px; + padding: 12px; +} + +.form-control:focus { + box-shadow: 0 0 0 0.25rem rgba(255, 99, 71, 0.25); + border-color: #FF6347; +} + +footer { + background-color: #333333; + color: white; + padding: 40px 0; + text-align: center; +} + +.toast-container { + position: fixed; + top: 20px; + right: 20px; + z-index: 1055; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..4b9ae23 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,52 @@ + +document.addEventListener('DOMContentLoaded', function () { + // Contact form validation + const contactForm = document.getElementById('contactForm'); + if (contactForm) { + contactForm.addEventListener('submit', function (event) { + if (!contactForm.checkValidity()) { + event.preventDefault(); + event.stopPropagation(); + } + contactForm.classList.add('was-validated'); + }, false); + } + + // Toast notification for form submission status + const urlParams = new URLSearchParams(window.location.search); + const status = urlParams.get('status'); + if (status) { + const toastContainer = document.getElementById('toast-container'); + let toastHTML = ''; + if (status === 'success') { + toastHTML = ` + + `; + } else if (status === 'error') { + const msg = urlParams.get('msg') || 'An unexpected error occurred.'; + toastHTML = ` + + `; + } + if(toastContainer) { + toastContainer.innerHTML = toastHTML; + const toastElement = toastContainer.querySelector('.toast'); + const toast = new bootstrap.Toast(toastElement, { delay: 5000 }); + toast.show(); + } + } +}); diff --git a/contact.php b/contact.php new file mode 100644 index 0000000..454688f --- /dev/null +++ b/contact.php @@ -0,0 +1,47 @@ + + - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + + + Utsav - Indian Event Celebrations Planning + + + + + + + + + + + + + + + + + + -
-
-

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

-
-
- + + +
+ + + + + +
+
+

Crafting Unforgettable Indian Celebrations

+

From weddings to festivals, your vision, perfectly planned.

+ Plan Your Event +
+
+ +
+ +
+

About Utsav

+
+
+ Indian celebration decor +
+
+

Your Partner in Perfect Planning

+

Utsav addresses the complexity and diverse requirements of traditional Indian occasions by integrating expert planning tools and tailored management workflows. We offer end-to-end event solutions, including guest management, venue selection, budget planning, and more.

+

Our platform empowers families, social groups, and event organizers to design, monitor, and execute events that honor cultural heritage while embracing the convenience of digital management.

+
+
+
+ + +
+
+

Get in Touch

+
+
+
+
+
+ + +
Please enter your name.
+
+
+ + +
Please enter a valid email address.
+
+
+ + +
Please enter your message.
+
+
+ +
+
+
+
+
+
+
+
+ + + + + + + - + \ No newline at end of file