Hugging Face's logo

Spaces:
Infinity-1995
/
Nourish
Running

App Files Community
Infinity-1995 commited on
Commit
6cfa825
·
verified ·
1 Parent(s): 9ec9788

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +36 -20
index.html CHANGED
@@ -30,37 +30,50 @@ body {
30
  <body>
31
 
32
  <!-- NAVBAR -->
33
- <nav class="flex justify-between items-center px-10 py-5 bg-emerald-600 text-white">
34
- <a href="index.html" class="text-2xl font-extrabold">NourishNet</a>
 
 
 
35
 
36
  <div class="hidden md:flex gap-10 font-medium">
37
- <a href="index.html">Home</a>
38
  <a href="#how">How it works</a>
39
  <a href="about.html">About</a>
40
  </div>
41
 
42
- <button class="bg-white text-emerald-600 px-5 py-2 rounded-full font-semibold">
 
43
  Join as a Restaurant
44
  </button>
 
45
  </nav>
46
 
47
  <!-- HERO -->
48
- <section class="text-center py-24 px-6">
49
 
50
  <h1 class="text-5xl font-extrabold">
51
  Turn food surplus into <span class="text-emerald-600">real impact</span>
52
  </h1>
53
 
54
- <p class="mt-6 text-gray-600 max-w-2xl mx-auto">
55
- AI-powered redistribution across UAE.
56
- </p>
57
 
 
 
 
58
  </section>
59
 
60
- <!-- SIMPLE FORM (MODAL STYLE SIMPLIFIED HERE) -->
61
- <section class="px-10 pb-20">
 
 
 
 
 
62
 
63
- <div class="max-w-md mx-auto bg-white p-8 rounded-xl shadow">
 
 
64
 
65
  <h2 class="font-bold text-xl mb-4">Join as a Restaurant</h2>
66
 
@@ -74,25 +87,28 @@ body {
74
 
75
  </div>
76
 
77
- </section>
78
-
79
- <!-- FOOTER -->
80
- <footer class="bg-emerald-600 text-white text-center py-8">
81
- <p class="font-semibold">NourishNet</p>
82
- </footer>
83
 
84
  <script>
85
- function handleSubmit() {
 
 
 
 
 
 
 
 
86
  const name = document.getElementById("name").value;
87
  const location = document.getElementById("location").value;
88
  const contact = document.getElementById("contact").value;
89
 
90
- if (!name || !location || !contact) {
91
  alert("Please fill all fields");
92
  return;
93
  }
94
 
95
- // redirect to dashboard
96
  window.location.href = "dashboard.html";
97
  }
98
  </script>
 
30
  <body>
31
 
32
  <!-- NAVBAR -->
33
+ <nav class="flex justify-between items-center px-10 py-5 bg-emerald-600 text-white sticky top-0 z-50">
34
+
35
+ <a href="index.html" class="text-2xl font-extrabold">
36
+ NourishNet
37
+ </a>
38
 
39
  <div class="hidden md:flex gap-10 font-medium">
40
+ <a href="#home">Home</a>
41
  <a href="#how">How it works</a>
42
  <a href="about.html">About</a>
43
  </div>
44
 
45
+ <!-- OPEN MODAL -->
46
+ <button onclick="openModal()" class="bg-white text-emerald-600 px-5 py-2 rounded-full font-semibold">
47
  Join as a Restaurant
48
  </button>
49
+
50
  </nav>
51
 
52
  <!-- HERO -->
53
+ <section id="home" class="text-center py-24 px-6">
54
 
55
  <h1 class="text-5xl font-extrabold">
56
  Turn food surplus into <span class="text-emerald-600">real impact</span>
57
  </h1>
58
 
59
+ </section>
 
 
60
 
61
+ <!-- HOW IT WORKS -->
62
+ <section id="how" class="py-20 text-center px-6">
63
+ <h2 class="text-3xl font-bold mb-10">How it works</h2>
64
  </section>
65
 
66
+ <!-- FOOTER -->
67
+ <footer class="bg-emerald-600 text-white text-center py-8">
68
+ <p class="font-semibold">NourishNet</p>
69
+ </footer>
70
+
71
+ <!-- 🔥 MODAL -->
72
+ <div id="modal" class="hidden fixed inset-0 bg-black/50 flex items-center justify-center">
73
 
74
+ <div class="bg-white p-8 rounded-xl w-full max-w-md relative">
75
+
76
+ <button onclick="closeModal()" class="absolute top-3 right-3">✕</button>
77
 
78
  <h2 class="font-bold text-xl mb-4">Join as a Restaurant</h2>
79
 
 
87
 
88
  </div>
89
 
90
+ </div>
 
 
 
 
 
91
 
92
  <script>
93
+ function openModal(){
94
+ document.getElementById("modal").classList.remove("hidden");
95
+ }
96
+
97
+ function closeModal(){
98
+ document.getElementById("modal").classList.add("hidden");
99
+ }
100
+
101
+ function handleSubmit(){
102
  const name = document.getElementById("name").value;
103
  const location = document.getElementById("location").value;
104
  const contact = document.getElementById("contact").value;
105
 
106
+ if(!name || !location || !contact){
107
  alert("Please fill all fields");
108
  return;
109
  }
110
 
111
+ // go to dashboard
112
  window.location.href = "dashboard.html";
113
  }
114
  </script>