diff --git a/assets/css/custom.css b/assets/css/custom.css
new file mode 100644
index 0000000..7643ab9
--- /dev/null
+++ b/assets/css/custom.css
@@ -0,0 +1,45 @@
+
+:root {
+ --bs-primary-rgb: 13, 110, 253;
+ --bs-secondary-rgb: 108, 117, 125;
+ --bs-success-rgb: 25, 135, 84;
+ --background-color: #F8F9FA;
+ --surface-color: #FFFFFF;
+ --font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+body {
+ font-family: var(--font-family-sans-serif);
+ background-color: var(--background-color);
+}
+
+.navbar-sticky {
+ transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+}
+
+.navbar-sticky.scrolled {
+ background-color: rgba(255, 255, 255, 0.95) !important;
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+}
+
+.hero {
+ background: linear-gradient(to right, rgba(13, 110, 253, 0.8), rgba(10, 88, 202, 0.8)), url('https://picsum.photos/1600/900') no-repeat center center;
+ background-size: cover;
+ color: white;
+}
+
+.section-icon {
+ font-size: 2.5rem;
+ color: var(--bs-primary);
+}
+
+.testimonial-card img {
+ width: 96px;
+ height: 96px;
+ object-fit: cover;
+}
+
+.form-control:focus {
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
+ border-color: rgba(var(--bs-primary-rgb), 0.5);
+}
diff --git a/assets/js/main.js b/assets/js/main.js
new file mode 100644
index 0000000..7d34b11
--- /dev/null
+++ b/assets/js/main.js
@@ -0,0 +1,40 @@
+
+document.addEventListener('DOMContentLoaded', function () {
+ // Navbar shrink on scroll
+ const navbar = document.querySelector('.navbar-sticky');
+ if (navbar) {
+ const handleScroll = () => {
+ if (window.scrollY > 50) {
+ navbar.classList.add('scrolled');
+ } else {
+ navbar.classList.remove('scrolled');
+ }
+ };
+ window.addEventListener('scroll', handleScroll);
+ handleScroll(); // Initial check
+ }
+
+ // Smooth scroll for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ const targetId = this.getAttribute('href');
+ const targetElement = document.querySelector(targetId);
+ if(targetElement) {
+ targetElement.scrollIntoView({ behavior: 'smooth' });
+ }
+ });
+ });
+
+ // Client-side form validation
+ const form = document.querySelector('.needs-validation');
+ if (form) {
+ form.addEventListener('submit', function (event) {
+ if (!form.checkValidity()) {
+ event.preventDefault();
+ event.stopPropagation();
+ }
+ form.classList.add('was-validated');
+ }, false);
+ }
+});
diff --git a/index.php b/index.php
index f390d93..af9fb60 100644
--- a/index.php
+++ b/index.php
@@ -1,198 +1,239 @@
+
- BrewFlow - Manage Your Coffee Business
+ EventFlow - Effortless Event Management
-
-
+
+
+
+
+
+
-
-