diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..863c638 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,138 @@ +/* Google Fonts Import */ +@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Merriweather:wght@700&display=swap'); + +:root { + --primary-color: #2A9D8F; + --secondary-color: #E9C46A; + --background-color: #F4F1DE; + --surface-color: #FFFFFF; + --text-color: #264653; + --heading-font: 'Merriweather', serif; + --body-font: 'Lato', sans-serif; +} + +body { + font-family: var(--body-font); + background-color: var(--background-color); + color: var(--text-color); + scroll-behavior: smooth; +} + +h1, h2, h3, h4, h5, h6, .navbar-brand, .hero-title { + font-family: var(--heading-font); +} + +.section-title { + color: var(--primary-color); + font-weight: 700; +} + +.navbar { + box-shadow: 0 2px 4px rgba(0,0,0,0.05); +} + +.navbar-brand { + font-size: 1.75rem; + color: var(--primary-color) !important; +} + +.nav-link { + font-weight: 700; + transition: color 0.3s; +} + +.nav-link:hover { + color: var(--primary-color); +} + +.hero-section { + background: url('https://picsum.photos/seed/community/1600/900') no-repeat center center; + background-size: cover; + color: white; + padding: 10rem 0; + position: relative; +} + +.hero-section::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); +} + +.hero-section .container { + position: relative; + z-index: 2; +} + +.hero-title { + font-size: 4rem; + font-weight: 700; + text-shadow: 2px 2px 4px rgba(0,0,0,0.5); +} + +.hero-subtitle { + font-size: 1.5rem; + margin-bottom: 2rem; +} + +.btn { + border-radius: 9999px; + padding: 0.75rem 2rem; + font-weight: 700; + border: none; + transition: transform 0.2s, box-shadow 0.2s; +} + +.btn:hover { + transform: translateY(-2px); + box-shadow: 0 4px 8px rgba(0,0,0,0.15); +} + +.btn-primary { + background: linear-gradient(45deg, var(--primary-color), #89CDBF); + color: white; +} + +.btn-secondary { + background-color: var(--secondary-color); + color: var(--text-color); +} + +.hero-cta .btn { + margin: 0 0.5rem; +} + +.step { + margin-bottom: 2rem; +} + +.step h3 { + color: var(--primary-color); +} + +#contact form .form-control { + border-radius: 0.5rem; + padding: 1rem; +} + +footer { + background-color: var(--text-color); + color: var(--background-color); +} + +footer a { + color: var(--secondary-color); + text-decoration: none; +} + +footer a:hover { + text-decoration: underline; +} + +.img-fluid { + border-radius: 0.5rem; +} \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..c40a0c2 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,17 @@ +document.addEventListener('DOMContentLoaded', function() { + // 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' + }); + } + }); + }); +}); \ No newline at end of file diff --git a/index.php b/index.php index 7205f3d..acde56f 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,150 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + FoodBridge - Connecting NGOs and Restaurants + + + + + + + + + + + + + + + + + + -
-
-

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

-
-
- + + + +
+
+

Turn Surplus into Supper.

+

We connect restaurants with surplus food to NGOs who feed the hungry.

+
+ NGOs: Find Food + Restaurants: Donate Food +
+
+
+ +
+
+
+

How It Works

+
+
+ A graphic illustrating the process: a restaurant lists surplus food, an NGO claims it, and a volunteer delivers it. +
+
+
+

1. Restaurants List Surplus

+

Restaurants with unsold, quality food post a listing on our platform instead of throwing it away.

+
+
+

2. NGOs Claim Donations

+

Verified NGOs in the area receive notifications and can claim the food donations they need.

+
+
+

3. Community Gets Fed

+

A volunteer picks up the food and delivers it, ensuring it reaches those who need it most.

+
+
+
+
+
+ +
+
+
+
+

For NGOs

+

Access a steady stream of quality food donations from local restaurants. Reduce your operational costs, expand your reach, and focus on what you do best: serving the community.

+ Register your NGO +
+
+ A smiling volunteer from an NGO receiving a food donation. +
+
+
+
+ +
+
+
+
+

For Restaurants

+

Reduce food waste, gain tax benefits, and build a positive brand image. Donating your surplus food is simple, efficient, and makes a tangible impact in your local community.

+ Register your Restaurant +
+
+ A chef plating food in a restaurant kitchen, representing food donation. +
+
+
+
+ +
+
+

Get In Touch

+
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+
+ + + + + + + - + \ No newline at end of file diff --git a/privacy.php b/privacy.php new file mode 100644 index 0000000..53c3533 --- /dev/null +++ b/privacy.php @@ -0,0 +1,18 @@ + + + + + + Privacy Policy - FoodBridge + + + + +
+

Privacy Policy

+

This is a placeholder for the Privacy Policy page.

+

Information regarding data collection, usage, and protection will be detailed here.

+ Return to Home +
+ + \ No newline at end of file