first push

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;