diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..6dba1b3 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,79 @@ + +:root { + --bs-primary-rgb: 13, 110, 253; /* #0D6EFD */ + --bs-secondary-rgb: 108, 117, 125; /* #6C757D */ + --background-color: #F8F9FA; + --surface-color: #FFFFFF; + --text-color: #212529; + --heading-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + --body-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +body { + background-color: var(--background-color); + color: var(--text-color); + font-family: var(--body-font); +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--heading-font); + font-weight: 700; +} + +.navbar-brand { + font-weight: 700; +} + +.hero { + background: linear-gradient(45deg, #0D6EFD, #4DA8FF); + color: var(--surface-color); + padding: 8rem 0; + text-align: center; +} + +.hero .display-4 { + font-weight: 700; +} + +.hero .lead { + font-size: 1.25rem; + font-weight: 300; +} + +.section { + padding: 5rem 0; +} + +.card { + border: none; + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); + transition: transform 0.2s ease-in-out; +} + +.card:hover { + transform: translateY(-5px); +} + +.navbar-sticky { + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.form-control:focus { + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + border-color: #86b7fe; +} + +.btn-primary { + --bs-btn-bg: #0D6EFD; + --bs-btn-border-color: #0D6EFD; + --bs-btn-hover-bg: #0a58ca; + --bs-btn-hover-border-color: #0a53be; +} + +.footer { + background-color: #343a40; + color: white; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..6de5caf --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,52 @@ + +document.addEventListener('DOMContentLoaded', function () { + // Navbar shrink on scroll + const navbar = document.querySelector('.navbar'); + if (navbar) { + window.addEventListener('scroll', () => { + if (window.scrollY > 50) { + navbar.classList.add('navbar-sticky'); + } else { + navbar.classList.remove('navbar-sticky'); + } + }); + } + + // 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' + }); + }); + }); + + // Contact form validation + const form = document.querySelector('#contactForm'); + if (form) { + form.addEventListener('submit', function (e) { + let isValid = true; + const name = document.querySelector('#name'); + const email = document.querySelector('#email'); + const message = document.querySelector('#message'); + + if (name.value.trim() === '') { + isValid = false; + alert('Name is required.'); + } + if (email.value.trim() === '' || !email.value.includes('@')) { + isValid = false; + alert('A valid email is required.'); + } + if (message.value.trim() === '') { + isValid = false; + alert('Message is required.'); + } + + if (!isValid) { + e.preventDefault(); + } + }); + } +}); diff --git a/index.php b/index.php index e13ae95..c354929 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,235 @@ - - + - - - 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

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

UPDATED

+

All-in-one solution for venues, vendors, guests, and budgets. From small gatherings to large corporate affairs.

+ Get Started for Free + Learn More +
+
+ Vibrant and modern event setting, illustrating success managed by EventFlow. +
+
+ + +
+
+

Everything you need. Nothing you don't.

+
+
+
+ +

Manage Venues

+

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

+
+
+
+
+ +

Organize Vendors

+

Stay organized with a list of all your go-to caterers, decorators, and entertainers.

+
+
+
+
+ +

Control Budgets

+

Manage all your event-related finances, from initial deposits to final payments, all in one place.

+
+
+
+
+
+ + +
+
+
+
+ A clean dashboard view of the EventFlow application. +
+
+

All-in-One Dashboard

+

Handle every aspect of your event from one easy-to-use dashboard. No more switching between spreadsheets and apps. See the big picture and drill down into the details instantly.

+
+
+
+
+ + +
+
+
+
+ Illustration of a seamless guest check-in process. +
+
+

Seamless Guest Experience

+

Keep track of who's coming, who's not, and who needs the vegetarian option. Our guest management tools make it simple to provide a world-class experience for your attendees.

+
+
+
+
+ + +
+
+

Loved by event organizers everywhere

+
+
+
+

"EventFlow saved us countless hours. The dashboard is a game-changer."

+
+ Customer avatar +
+
Jane Doe
+ Corporate Planner +
+
+
+
+
+
+

"Finally, a tool that understands the chaos of event planning. Highly recommended!"

+
+ Customer avatar +
+
John Smith
+ Wedding Coordinator +
+
+
+
+
+
+

"The vendor and budget tracking features are indispensable for our festivals."

+
+ Customer avatar +
+
Sam Wilson
+ Festival Organizer +
+
+
+
+
+
+
+ + +
+
+

Frequently Asked Questions

+
+
+

+ +

+
+
+ Yes! You can get started for free with our basic plan, which includes all the core features for one event. No credit card required. +
+
+
+
+

+ +

+
+
+ Absolutely. Our premium plans are designed for professionals managing multiple events simultaneously, with advanced features and support. +
+
+
+
+

+ +

+
+
+ We take data security very seriously. All your information is encrypted and stored securely. We are fully GDPR compliant. +
+
+
+
+
+
+ + +
+
+
+
+

Get in Touch

+

Have questions? We'd love to hear from you.

+
+
+ +
+
+ +
+
+ +
+ +
+
+
+
+
+ + + + + + - + \ No newline at end of file