diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..a2c5723 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,122 @@ +:root { + --primary-color: #00BFFF; /* Deep Sky Blue */ + --secondary-color: #00E5EE; /* Cyan */ + --background-color: #0D1117; /* Rich Black */ + --surface-color: #161B22; /* Darker Gray */ + --text-color: #E6EDF3; /* Light Gray */ + --border-color: #30363D; + --border-radius: 0.5rem; + --shadow-color: rgba(0, 191, 255, 0.5); +} + +body { + font-family: 'Orbitron', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + background-color: var(--background-color); + color: var(--text-color); +} + +.navbar { + background-color: rgba(13, 17, 23, 0.8); + backdrop-filter: blur(10px); + transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; +} + +.navbar-scrolled { + background-color: var(--surface-color); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.navbar .navbar-brand, .navbar .nav-link { + color: var(--text-color); +} + +.hero { + color: white; + background: var(--background-color); + padding: 8rem 0; + border-bottom: 1px solid var(--border-color); + box-shadow: 0 5px 15px rgba(0,0,0,0.2); +} + +.btn { + border-radius: var(--border-radius); + transition: all 0.3s ease; + box-shadow: 0 0 5px var(--shadow-color); +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + color: #fff; +} + +.btn-primary:hover { + box-shadow: 0 0 15px var(--shadow-color); + transform: translateY(-2px); +} + +.btn-secondary { + background-color: transparent; + border-color: var(--primary-color); + color: var(--primary-color); +} + +.btn-secondary:hover { + background-color: var(--primary-color); + color: #fff; +} + +.section-icon { + font-size: 2.5rem; + color: var(--primary-color); + text-shadow: 0 0 10px var(--shadow-color); +} + +.card { + background-color: var(--surface-color); + border: 1px solid var(--border-color); + border-radius: var(--border-radius); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.card:hover { + transform: translateY(-5px); + box-shadow: 0 0 20px var(--shadow-color); +} + +.partner-logo { + filter: grayscale(100%) brightness(3); + opacity: 0.7; + transition: opacity 0.3s ease; +} + +.partner-logo:hover { + opacity: 1; +} + +.footer { + background-color: var(--surface-color); + border-top: 1px solid var(--border-color); +} + +.form-control, .form-select { + background-color: var(--surface-color); + color: var(--text-color); + border-color: var(--border-color); +} + +.form-control:focus, .form-select:focus { + background-color: var(--surface-color); + color: var(--text-color); + border-color: var(--primary-color); + box-shadow: 0 0 5px var(--shadow-color); +} + +.form-control::placeholder { + color: #8B949E; +} + +.text-muted { + color: #8B949E !important; +} \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..cb37bd7 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,34 @@ + +document.addEventListener('DOMContentLoaded', function () { + // Navbar scroll effect + const navbar = document.querySelector('.navbar'); + window.addEventListener('scroll', () => { + if (window.scrollY > 50) { + navbar.classList.add('navbar-scrolled'); + } else { + navbar.classList.remove('navbar-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' + }); + }); + }); + + // Bootstrap form validation + const forms = document.querySelectorAll('.needs-validation'); + Array.prototype.slice.call(forms).forEach(function (form) { + form.addEventListener('submit', function (event) { + if (!form.checkValidity()) { + event.preventDefault(); + event.stopPropagation(); + } + form.classList.add('was-validated'); + }, false); + }); +}); diff --git a/assets/pasted-20250908-190032-5b3eec8f.png b/assets/pasted-20250908-190032-5b3eec8f.png new file mode 100644 index 0000000..8da25f2 Binary files /dev/null and b/assets/pasted-20250908-190032-5b3eec8f.png differ diff --git a/assets/pasted-20250908-190135-a322f164.png b/assets/pasted-20250908-190135-a322f164.png new file mode 100644 index 0000000..f452c62 Binary files /dev/null and b/assets/pasted-20250908-190135-a322f164.png differ diff --git a/index.php b/index.php index f390d93..5a3c1f3 100644 --- a/index.php +++ b/index.php @@ -1,148 +1,125 @@ + - BrewFlow - Manage Your Coffee Business - - + PixelForge - Digital Agency + - + - + + + + -