From adeb1c42e3b0d4aae44919268be61d52a176f64c Mon Sep 17 00:00:00 2001 From: Balaganesh K Date: Sun, 10 Sep 2023 20:20:22 +0530 Subject: [PATCH 1/2] =?UTF-8?q?added=20the=20Community=20Partners=20?= =?UTF-8?q?=E2=80=A2=20Marquee=20Effect=20#6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/CommunityPartners.tsx | 60 ++++++++++++++++++++- components/ui/aspect-ratio.tsx | 5 ++ package.json | 1 + pages/index.tsx | 2 + tailwind.config.ts | 92 +++++++++++++++++++------------- yarn.lock | 8 +++ 6 files changed, 130 insertions(+), 38 deletions(-) create mode 100644 components/ui/aspect-ratio.tsx diff --git a/components/CommunityPartners.tsx b/components/CommunityPartners.tsx index 99c153d..bc6cc79 100644 --- a/components/CommunityPartners.tsx +++ b/components/CommunityPartners.tsx @@ -1,5 +1,61 @@ -const CommunityPartners = () => { - return
CommunityPartners
; +import { Card } from './ui/card'; +import Image, { StaticImageData } from 'next/image'; +import fileCoinLogo from '@/public/assets/images/bronzeSponsors/filecoin.png'; +import polygonLogo from '@/public/assets/images/bronzeSponsors/polygon.png'; +import replitLogo from '@/public/assets/images/bronzeSponsors/replit.png'; + +const data = [ + fileCoinLogo, + polygonLogo, + replitLogo, + fileCoinLogo, + polygonLogo, + replitLogo, + fileCoinLogo, + polygonLogo, + replitLogo, +]; + +interface CommunityPartnersProps {} + +const CommunityPartners: React.FC = () => { + return ( +
+

+ Community Partners +

+ +
+ {data.map((item, index) => ( + + ))} +
+
+ {data.map((item, index) => ( + + ))} +
+ +
+ ); }; export default CommunityPartners; + +interface ImageCardProps { + imgUrl: StaticImageData; +} + +const ImageCard: React.FC = ({ imgUrl }) => { + return ( + + Image + + ); +}; diff --git a/components/ui/aspect-ratio.tsx b/components/ui/aspect-ratio.tsx new file mode 100644 index 0000000..c4abbf3 --- /dev/null +++ b/components/ui/aspect-ratio.tsx @@ -0,0 +1,5 @@ +import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio" + +const AspectRatio = AspectRatioPrimitive.Root + +export { AspectRatio } diff --git a/package.json b/package.json index 92a552a..102e61a 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ }, "dependencies": { "@radix-ui/react-accordion": "^1.1.2", + "@radix-ui/react-aspect-ratio": "^1.0.3", "@radix-ui/react-dialog": "^1.0.4", "@radix-ui/react-icons": "^1.3.0", "@radix-ui/react-slot": "^1.0.2", diff --git a/pages/index.tsx b/pages/index.tsx index ecef970..3bec174 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -11,6 +11,7 @@ import FAQs from '@/components/FAQs'; import PrizeSection from '@/components/PrizeSection'; import Schedule from '@/components/Schedule'; import Footer from '@/components/Footer'; +import CommunityPartners from '@/components/CommunityPartners'; export default function Home() { const particlesInit = useCallback(async (engine: Engine) => { @@ -109,6 +110,7 @@ export default function Home() { +