diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..38deb7e --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,91 @@ + +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@600&display=swap'); + +:root { + --primary-color: #4A90E2; + --secondary-color: #50E3C2; + --background-color: #F8F9FA; + --surface-color: #FFFFFF; + --text-color: #212529; + --border-radius-sm: 0.375rem; + --border-radius-lg: 0.75rem; +} + +body { + font-family: 'Open Sans', sans-serif; + color: var(--text-color); + background-color: var(--background-color); +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + border-radius: var(--border-radius-sm); +} + +.btn-primary:hover { + opacity: 0.9; + background-color: var(--primary-color); + border-color: var(--primary-color); +} + +.btn-secondary { + background-color: transparent; + border-color: var(--primary-color); + color: var(--primary-color); + border-radius: var(--border-radius-sm); +} + +.btn-secondary:hover { + background-color: var(--primary-color); + color: var(--surface-color); +} + +.navbar-brand { + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.navbar.scrolled { + background-color: rgba(255, 255, 255, 0.85); + backdrop-filter: blur(10px); + box-shadow: 0 2px 10px rgba(0,0,0,0.1); +} + +.hero { + padding: 8rem 0; + background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); + color: white; +} + +.hero h1 { + font-size: 3.5rem; +} + +.section { + padding: 4rem 0; +} + +.card { + border: none; + border-radius: var(--border-radius-lg); + box-shadow: 0 4px 25px rgba(0,0,0,0.08); +} + +.form-control, .form-select { + border-radius: var(--border-radius-sm); +} + +.form-control:focus { + border-color: var(--primary-color); + box-shadow: 0 0 0 0.25rem rgba(74, 144, 226, 0.25); +} + +footer { + background-color: var(--surface-color); +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..f2d3031 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,33 @@ + +document.addEventListener('DOMContentLoaded', function () { + const navbar = document.querySelector('.navbar'); + window.addEventListener('scroll', () => { + if (window.scrollY > 50) { + navbar.classList.add('scrolled'); + } else { + navbar.classList.remove('scrolled'); + } + }); + + // Smooth scroll for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); + }); + + // Form validation + const form = document.querySelector('.needs-validation'); + if (form) { + form.addEventListener('submit', event => { + if (!form.checkValidity()) { + event.preventDefault(); + event.stopPropagation(); + } + form.classList.add('was-validated'); + }, false); + } +}); diff --git a/index.php b/index.php index e13ae95..5eb477b 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,173 @@ - - + - - - New Style - - - - + + + EventFlow - Effortless Event Management + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

Flatlogic AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

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

Effortless Events, Unforgettable Moments.

+

Your all-in-one platform to manage venues, vendors, guests, and budgets without the chaos.

+ Get Started Free + Watch Demo +
+
+ + +
+
+

Just TITLE

+
+
+
+
Venue Management
+

Keep an eye on all available event spaces, including their size, special features, and availability.

+
+
+
+
+
Vendor Coordination
+

Organize your go-to caterers, decorators, and entertainers with all their contact info and ratings in one place.

+
+
+
+
+
Guest Logistics
+

Track who's coming, who's not, and who needs the vegetarian option at dinner, effortlessly.

+
+
+
+
+
+ + +
+
+
+
+

Visualize Your Venue

+

From grand ballrooms to intimate garden settings, manage all your spaces with our intuitive digital layout tools. See availability at a glance, book with a click, and ensure your chosen venue perfectly matches your event's vision.

+
+
+ A digital layout of an event venue on a tablet. +
+
+
+
+ + +
+
+
+
+

Streamline Your Schedule

+

Plan every minute of your event, from the first vendor arrival to the last dance. Our dynamic scheduling tool helps you avoid conflicts, coordinate with your team, and share timelines with stakeholders instantly.

+
+
+ A close-up of a detailed event schedule. +
+
+
+
+ + +
+
+

Frequently Asked Questions

+
+
+

+ +

+
+
Absolutely! Our platform is designed to scale, making it just as effective for a small birthday party as it is for a large corporate conference.
+
+
+
+

+ +

+
+
Yes, you can easily import your existing vendor lists and manage them all from one central dashboard.
+
+
+
+
+
+ + +
+
+

Get in Touch

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