flyingava.july/aboutUs.html at main · ayushkas3ra/flyingava.july · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About Us | FlyingAVA</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="output.css">
    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
    <style>
      @media (min-width: 1024px) {
        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-thumb { background: rgb(99 102 241); border-radius: 9999px; }
        ::-webkit-scrollbar-track { background: transparent; }
      }
    </style>
  </head>
  <body class="bg-white text-gray-800 font-sans">
    <header class="sticky top-0 z-30 bg-white shadow-sm">
      <nav class="container mx-auto flex items-center justify-between px-4 py-4">
        <div class="flex items-center space-x-3">
          <a href="/">
            <img src="logo.png" alt="FlyingAVA Logo" class="w-12 sm:w-16" />
          </a>
          <span class="text-xl font-extrabold text-indigo-600">FlyingAVA</span>
        </div>
        <ul class="hidden md:flex space-x-6 font-medium">
          <li><a href="https://flyingava.com/" class="hover:text-indigo-600">Home</a></li>
          <li><a href="/" class="text-indigo-600 font-semibold">About Us</a></li>
          <li><a href="/#services" class="hover:text-indigo-600">Services</a></li>
          <li><a href="#contact" class="hover:text-indigo-600">Contact</a></li>
        </ul>
        <div class="md:flex hidden">
          <a href="FLYINGAVA TECH work for IIT kanpur.pdf" class="bg-black text-white px-4 py-2 rounded-full hover:bg-white hover:text-black border-2 border-black">Download Brochure</a>
        </div>
        <button id="menuBtn" class="md:hidden">
          <svg class="w-6 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>
        </button>
        </button>
      </nav>
      <div id="mobileMenu" class="hidden flex flex-col justify-between items-center font-bold md:hidden px-6 pb-4 space-y-2">
        <a href="https://flyingava.com/" class="hover:text-indigo-600">Home</a>
        <a href="/" class="text-indigo-600 font-semibold">About Us</a>
        <a href="/#services" class="hover:text-indigo-600">Services</a>
        <a href="#contact" class="hover:text-indigo-600">Contact</a>
      </div>
    </header>

    <section
      id="home"
      class="bg-zinc-800 text-white py-24"
    >
      <div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <h1 class="text-4xl sm:text-5xl font-extrabold mb-4">
          Dream Higher, Fly Higher
        </h1>
        <p class="max-w-2xl mx-auto text-lg sm:text-xl mb-8">
          100&nbsp;kg‑payload autonomous drones bringing reliable logistics to the
          world's most challenging terrains.
        </p>
      </div>
    </section>

    <section class="max-w-4xl mx-auto px-6 py-12">
      <h1 class="text-4xl font-bold text-center mb-10">Introduction</h1>
      <dl class="space-y-6 text-base">
        <div class="flex flex-col sm:flex-row justify-between"><dt class="font-semibold">Startup Name</dt><dd>Flying AVA</dd></div>
        <div class="flex flex-col sm:flex-row justify-between"><dt class="font-semibold">Headquarters</dt><dd>Kanpur, Uttar Pradesh</dd></div>
        <div class="flex flex-col sm:flex-row justify-between"><dt class="font-semibold">Founded</dt><dd>15 April 2022</dd></div>
        <div class="flex flex-col sm:flex-row justify-between"><dt class="font-semibold">Target Audience</dt><dd class="sm:text-right">Farmers, border areas, logistics (DTDC, Amazon, FedEx, UPS, etc.)</dd></div>
        <div class="flex flex-col sm:flex-row justify-between"><dt class="font-semibold">Team Size</dt><dd>10 members (Professors, Engineers, Staff)</dd></div>
        <div class="flex flex-col sm:flex-row justify-between"><dt class="font-semibold">Website</dt><dd><a href="https://flyingava.com/" class="text-blue-600 underline">flyingava.com</a></dd></div>
        <div class="flex flex-col sm:flex-row justify-between"><dt class="font-semibold">Demo Video</dt><dd><a href="#" class="text-blue-600 underline">Watch the demo</a></dd></div>
      </dl>
    </section>

    <main class="max-w-4xl mx-auto px-6 py-8 space-y-16">
      <section>
        <h2 class="text-3xl font-bold mb-4 text-center">About FlyingAVA</h2>
        <p class="text-lg leading-relaxed">FLYINGAVA TECH PVT. LTD plans to develop UAV and AI-driven solutions for heavy transport industries.</p>
      </section>

      <section>
        <h2 class="text-3xl font-bold mb-4 text-center">Our Vision</h2>
        <p class="text-lg leading-relaxed">We envision smart, safe, and mass-scale drone logistics that reduce delivery time, carbon emissions, and effort through artificial intelligence.</p>
      </section>

      <section>
        <h2 class="text-3xl font-bold mb-4 text-center">Our Mission</h2>
        <p class="text-lg leading-relaxed">Our mission begins with a defense-grade prototype for border supply logistics and expands to use cases in postal, medical, ecommerce, and disaster relief.</p>
      </section>

      <section>
        <h2 class="text-3xl font-bold mb-4 text-center">The Problem</h2>
        <p class="text-lg leading-relaxed">Growing transport issues, especially in rural and border zones, pose delivery, pollution, and safety challenges. FlyingAVA aims to solve these using AI and UAV integration.</p>
      </section>

      <section>
        <h2 class="text-3xl font-bold mb-4 text-center">Our Solution</h2>
        <p class="text-lg leading-relaxed">We offer autonomous drones equipped with GPS and smart cargo systems to deliver goods rapidly, safely, and sustainably across tough terrains.</p>
      </section>
    </main>
    <div class="text-center mt-8">
          <a href="FLYINGAVA TECH work for IIT kanpur.pdf" class="inline-block px-8 py-3 bg-black text-white border border-black rounded-full font-semibold hover:bg-white hover:text-black transition">See&nbsp;More&nbsp;&rarr;</a>
        </div>

    <section class="bg-gray-50 px-6 py-16">
      <h2 class="text-3xl font-bold text-center mb-10">Our Team</h2>
      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 text-center">
        <div class="flex flex-col items-center">
          <img src="kamalPoddar.jpg" alt="Dr. Kamal Poddar" class="w-32 h-32 object-cover rounded-full mb-4 border-4 border-gray-200 shadow-md" />
          <h3 class="text-xl font-semibold">Dr. Kamal Poddar</h3>
          <p class="text-sm text-gray-600">Mentor, flyingAVA</p>
        </div>
        <div class="flex flex-col items-center">
          <img src="varunSingh.png" alt="Varun Singh" class="w-32 h-32 object-cover rounded-full mb-4 border-4 border-gray-200 shadow-md" />
          <h3 class="text-xl font-semibold">Varun Singh</h3>
          <p class="text-sm text-gray-600">Founder & Director</p>
        </div>
        <div class="flex flex-col items-center">
          <img src="apurvaKumari.jpg" alt="Dr. Apurva Kumari" class="w-32 h-32 object-cover rounded-full mb-4 border-4 border-gray-200 shadow-md" />
          <h3 class="text-xl font-semibold">Dr. Apurva Kumari</h3>
          <p class="text-sm text-gray-600">Co-Founder</p>
        </div>
        <div class="flex flex-col items-center">
          <img src="ashwaniAnand.png" alt="Ashwani Anand" class="w-32 h-32 object-cover rounded-full mb-4 border-4 border-gray-200 shadow-md" />
          <h3 class="text-xl font-semibold">Ashwani Anand</h3>
          <p class="text-sm text-gray-600">Co-Founder</p>
        </div>
      </div>
    </section>

    <section id="contact" class="bg-zinc-800 text-white py-16">
      <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10">
        <div>
          <h3 class="text-2xl font-semibold mb-4">Our Office</h3>
          <p class="mb-2">3A/172, Azad Nagar, Kanpur, UP<br />IIT Kanpur Aerospace Engineering, 208002</p>
          <p>Email: <a href="mailto:flying.avatech@gmail.com" class="underline">flying.avatech@gmail.com</a></p>
          <p>Phone: <a href="tel:+919936054688" class="underline">+91 99360 54688</a></p>
        </div>
        <form action="https://formspree.io/f/mjkrpgob" method="POST" class="space-y-4">
          <input type="text" name="name" placeholder="Full Name" required class="w-full rounded px-4 py-3 border border-white bg-transparent" />
          <input type="email" name="email" placeholder="Email Address" required class="w-full rounded px-4 py-3 border border-white bg-transparent" />
          <input type="text" name="subject" placeholder="Subject" class="w-full rounded px-4 py-3 border border-white bg-transparent" />
          <textarea name="message" rows="4" placeholder="Message" required class="w-full rounded px-4 py-3 border border-white bg-transparent"></textarea>
          <button type="submit" class="w-full bg-black text-white py-3 rounded border-2 border-black hover:border-white hover:bg-transparent hover:text-white transition">Send Message</button>
        </form>
      </div>
    </section>

    <footer class="bg-black text-gray-400 text-sm py-6">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0">
        <p>© 2025 FlyingAVA Tech Pvt Ltd. All rights reserved.</p>
        <div class="flex space-x-4">
          <a href="https://www.facebook.com/p/Flyingava-tech-pvt-ltd-61566438266854/" target="_blank" aria-label="Facebook" class="hover:text-blue-600">
            <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg></a>
          <a href="https://in.linkedin.com/company/flyingava-tech-private-limited" target="_blank" aria-label="LinkedIn" class="hover:text-blue-800">
          <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
          </a>
          <a href="https://www.youtube.com/@flyingAVAvideos" target="_blank" aria-label="YouTube" class="hover:text-red-800">
            <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg>
          </a>
          <a href="https://wa.me/+919936054688" target="_blank" aria-label="YouTube" class="hover:text-green-600">
            <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
          </a>
        </div>
      </div>
    </footer>

    <script>
      document.getElementById('menuBtn')?.addEventListener('click', () => {
        document.getElementById('mobileMenu')?.classList.toggle('hidden');
      });
    </script>
  </body>
</html>