first push

README.md

@@ -1,8 +1,43 @@
-# Welcome to Aerial Robotics IITK
+# Startup - Free Next.js Startup Website Template
 
-This site has been created using the astro framework.
-If you're looking out to edit it, you just have to commit in a new branch, create a PR in `main`, and have it merged. Deployment is automated.
+Startup free, open-source, and premium-quality startup website template for Next.js comes with everything you need to launch a startup, business, or SaaS website, including all essential sections, components, and pages.
 
-### TODO:
+If you're looking for a high-quality and visually appealing, feature-rich Next.js Template for your next startup, SaaS, or business website, this is the perfect choice and starting point for you!
 
-- Follow this to make blogs better: <https://github.com/coding-in-public/astro-blog-tutorial>
+### ✨ Key Features
+- Crafted for Startup and SaaS Business
+- Next.js 13 and Tailwind CSS
+- All Essential Business Sections and Pages
+- High-quality and Clean Design
+- Dark and Light Version
+- TypeScript Support
+and Much More ...
+
+### [🔥 Get Startup Pro](https://nextjstemplates.com/templates/saas-starter-startup)
+
+[![Startup Pro](https://cdn.nextjstemplates.com/Startup-Pro---Next.js-Starter-Template-for-SaaS-Startups-282e26f7-f543-4ae4-a777-ac306c08cce8.png)](https://nextjstemplates.com/templates/saas-starter-startup)
+
+### [🚀 View Free Demo](https://startup.nextjstemplates.com/)
+
+### [🚀 View Pro Demo](https://startup-pro.nextjstemplates.com/)
+
+### [📦 Download](https://nextjstemplates.com/templates/startup)
+
+### [🔥 Get Pro](https://nextjstemplates.com/templates/saas-starter-startup)
+
+### [🔌 Documentation](https://nextjstemplates.com/docs)
+
+### ⚡ Deploy Now
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FNextJSTemplates%2Fstartup-nextjs)
+
+[![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/NextJSTemplates/startup-nextjs)
+
+
+### 📄 License
+Startup is 100% free and open-source, feel free to use with your personal and commercial projects.
+
+### 💜 Support
+If you like the template, please star this repository to inspire the team to create more stuff like this and reach more users like you!
+
+### ✨ Explore and Download - Free [Next.js Templates](https://nextjstemplates.com)

app/Brands/page.tsx

@@ -0,0 +1,43 @@
+import { Brand } from "@/types/brand";
+import Image from "next/image";
+import brandsData from "@/components/Brands/brandsData";
+
+const Brands = () => {
+  return (
+    <section className="pt-16">
+      <div className="container">
+        <div className="-mx-4 flex flex-wrap">
+          <div className="w-full px-4">
+            <div
+              className="wow fadeInUp flex flex-wrap items-center justify-center rounded-sm bg-gray-light px-8 py-8 dark:bg-gray-dark sm:px-10 md:px-[50px] md:py-[40px] xl:p-[50px] 2xl:px-[70px] 2xl:py-[60px]"
+              data-wow-delay=".1s"
+            >
+              {brandsData.map((brand) => (
+                <SingleBrand key={brand.id} brand={brand} />
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default Brands;
+
+const SingleBrand = ({ brand }: { brand: Brand }) => {
+  const { href, image, name } = brand;
+
+  return (
+    <div className="mx-3 flex w-full max-w-[160px] items-center justify-center py-[15px] sm:mx-4 lg:max-w-[130px] xl:mx-6 xl:max-w-[150px] 2xl:mx-8 2xl:max-w-[160px]">
+      <a
+        href={href}
+        target="_blank"
+        rel="nofollow noreferrer"
+        className="relative h-10 w-full opacity-70 grayscale transition hover:opacity-100 hover:grayscale-0 dark:opacity-60 dark:hover:opacity-100"
+      >
+        <Image src={image} alt={name} fill />
+      </a>
+    </div>
+  );
+};

app/about/page.tsx

@@ -0,0 +1,21 @@
+import AboutSectionOne from "@/components/About/AboutSectionOne";
+import AboutSectionTwo from "@/components/About/AboutSectionTwo";
+import Breadcrumb from "@/components/Common/Breadcrumb";
+
+import { Metadata } from "next";
+
+const AboutPage = () => {
+  return (
+    <>
+      <Breadcrumb
+        pageName="A little bit, about us"
+        description=""
+        //about shruti bhej 
+      />
+      <AboutSectionOne />
+      <AboutSectionTwo />
+    </>
+  );
+};
+
+export default AboutPage;

app/blog/page.tsx

@@ -0,0 +1,99 @@
+import SingleBlog from "@/components/Blog/SingleBlog";
+import blogData from "@/components/Blog/blogData";
+import Breadcrumb from "@/components/Common/Breadcrumb";
+
+import { Metadata } from "next";
+
+// export const metadata: Metadata = {
+//   title: "Anecdotes",
+//   description: "Anecdotal records for team AR-IITK",
+//   // other metadata
+// };
+
+const Blog = () => {
+  return (
+    <>
+      <Breadcrumb pageName="Anecdote" description="" />
+
+      <section className="pb-[120px] pt-[120px]">
+        <div className="container">
+          <div className="-mx-4 flex flex-wrap justify-center">
+            {blogData.map((blog) => (
+              <div
+                key={blog.id}
+                className="w-full px-4 md:w-2/3 lg:w-1/2 xl:w-1/3"
+              >
+                <SingleBlog blog={blog} />
+              </div>
+            ))}
+          </div>
+
+          <div
+            className="wow fadeInUp -mx-4 flex flex-wrap"
+            data-wow-delay=".15s"
+          >
+            <div className="w-full px-4">
+              {/* <ul className="flex items-center justify-center pt-8">
+                <li className="mx-1">
+                  <a
+                    href="#0"
+                    className="flex h-9 min-w-[36px] items-center justify-center rounded-md bg-body-color bg-opacity-[15%] px-4 text-sm text-body-color transition hover:bg-primary hover:bg-opacity-100 hover:text-white"
+                  >
+                    Prev
+                  </a>
+                </li> */}
+                {/* <li className="mx-1">
+                  <a
+                    href="#0"
+                    className="flex h-9 min-w-[36px] items-center justify-center rounded-md bg-body-color bg-opacity-[15%] px-4 text-sm text-body-color transition hover:bg-primary hover:bg-opacity-100 hover:text-white"
+                  >
+                    1
+                  </a>
+                </li> */}
+                {/* <li className="mx-1">
+                  <a
+                    href="#0"
+                    className="flex h-9 min-w-[36px] items-center justify-center rounded-md bg-body-color bg-opacity-[15%] px-4 text-sm text-body-color transition hover:bg-primary hover:bg-opacity-100 hover:text-white"
+                  >
+                    2
+                  </a>
+                </li>
+                <li className="mx-1">
+                  <a
+                    href="#0"
+                    className="flex h-9 min-w-[36px] items-center justify-center rounded-md bg-body-color bg-opacity-[15%] px-4 text-sm text-body-color transition hover:bg-primary hover:bg-opacity-100 hover:text-white"
+                  >
+                    3
+                  </a>
+                </li>
+                <li className="mx-1">
+                  <span className="flex h-9 min-w-[36px] cursor-not-allowed items-center justify-center rounded-md bg-body-color bg-opacity-[15%] px-4 text-sm text-body-color">
+                    ...
+                  </span>
+                </li>
+                <li className="mx-1">
+                  <a
+                    href="#0"
+                    className="flex h-9 min-w-[36px] items-center justify-center rounded-md bg-body-color bg-opacity-[15%] px-4 text-sm text-body-color transition hover:bg-primary hover:bg-opacity-100 hover:text-white"
+                  >
+                    12
+                  </a>
+                </li>
+                <li className="mx-1">
+                  <a
+                    href="#0"
+                    className="flex h-9 min-w-[36px] items-center justify-center rounded-md bg-body-color bg-opacity-[15%] px-4 text-sm text-body-color transition hover:bg-primary hover:bg-opacity-100 hover:text-white"
+                  >
+                    Next
+                  </a>
+                </li>
+              </ul> */}
+            </div>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+};
+
+export default Blog;

app/contact/page.tsx

@@ -0,0 +1,26 @@
+import Breadcrumb from "@/components/Common/Breadcrumb";
+import Contact from "@/components/Contact";
+
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Contact",
+  description: "Contact page for team AR-IITK.",
+  // other metadata
+  //V!g8n35h was here and if you found this, you deserve a chocolate
+};
+
+const ContactPage = () => {
+  return (
+    <>
+      <Breadcrumb
+        pageName="Contact Us"
+        description="Have any question or suggestions? Feel free to contact the team."
+      />
+
+      <Contact />
+    </>
+  );
+};
+
+export default ContactPage;

app/contactcopy/page.tsx

@@ -0,0 +1,26 @@
+import Breadcrumb from "@/components/Common/Breadcrumb";
+import ContactCopy from "@/components/Contactcopy";
+
+import { Metadata } from "next";
+
+// export const metadata: Metadata = {
+//   title: "Contact",
+//   description: "Contact page for team AR-IITK.",
+//   // other metadata
+//   //V!g8n35h was here and if you found this, you deserve a chocolate
+// };
+
+const ContactPageCopy = () => {
+  return (
+    <>
+      <Breadcrumb
+        pageName="Meet the Team"
+        description="Get in touch with us. We are always here to help you."
+      />
+
+      <ContactCopy />
+    </>
+  );
+};
+
+export default ContactPageCopy;