Merge pull request #69 from tiarasjec/sponsor

Sponsor
tiarasjec · May 9, 2024 · e7030c7 · e7030c7
2 parents b36d6b6 + 911f40b
commit e7030c7
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 0 deletions.
diff --git a/src/app/(content)/page.tsx b/src/app/(content)/page.tsx
@@ -5,6 +5,7 @@ import { HeroParallax } from "@/components/widgets/Hero";
 import { tiaraAssetsPrefix } from "@/lib/utils";
 import RegisterNow from "../../components/ui/registernow";
 import EventsPage from "./events/page";
+import {Sponsers} from "@components/widgets/GoldSponser"
 
 const images = [
   { alt: "Image 0", src: `${tiaraAssetsPrefix}/hero/3(1).avif` },
@@ -30,6 +31,7 @@ export default function Home() {
     <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 py-0 md:gap-8 md:py-0">
       <Lenis>
         <HeroParallax images={images} />
+        <Sponsers/>
         <LabIntro />
         <EventsPage />
         <RegisterNow />

diff --git a/src/components/widgets/GoldSponser.tsx b/src/components/widgets/GoldSponser.tsx
@@ -0,0 +1,61 @@
+"use client";
+import Image from "next/image";
+import { CardBody, CardContainer, CardItem } from "@/components/ui/3d-card";
+import { tiaraFont } from "@/lib/fonts";
+import { cn, tiaraAssetsPrefix } from "@/lib/utils";
+
+const sponsers = [
+  `${tiaraAssetsPrefix}/sponsers/ather.jpeg`,
+  `${tiaraAssetsPrefix}/sponsers/kasharp.jpeg`,
+  `${tiaraAssetsPrefix}/sponsers/marian.jpeg`,
+  `${tiaraAssetsPrefix}/sponsers/nidhi_land.jpeg`,
+  `${tiaraAssetsPrefix}/sponsers/pakruti.jpeg`,
+
+];
+
+
+
+export  function Sponsers() {
+  return (
+    <div className="h-fit">
+      <div className="-ml-5 flex justify-center items-center pt-32 z-50">
+        <div
+          className={cn(
+            "text-4xl xs:text-5xl sm:text-6xl md:text-7xl lg:text-8xl w-fit text-center duration-500",
+            tiaraFont.className
+          )}
+        >
+          <h1 className="text-4xl xs:text-5xl sm:text-6xl md:text-7xl lg:text-8xl">
+            Sponsers
+          </h1>
+        </div>
+      </div>
+      <div className="w-full flex justify-center ">
+        <div className="p-14 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-16">
+          {sponsers.map((card, index) => {
+            return (
+              <CardContainer
+                key={index}
+                containerClassName="relative flex items-center justify-center transition-all duration-200 ease-linear"
+              >
+                <CardBody className="relative">
+                  <CardItem translateZ="100" className="w-full mt-4">
+                    <Image
+                      src={card}
+                      className="rounded-xl "
+                      alt="thumbnail"
+                      width={1200}
+                      height={800}
+                      priority
+                      sizes="(max-width: 640px) 100vw, (max-width: 1023px) 50vw, 33vw"
+                    />
+                  </CardItem>
+                </CardBody>
+              </CardContainer>
+            );
+          })}
+        </div>
+      </div>
+    </div>
+  );
+}