feat: add community page

apps/www/app/(routes)/community/page.tsx

@@ -0,0 +1,48 @@
+
+
+import CommunityCard from '@/components/custom/community-card'
+import { PageHeader, PageHeaderDescription, PageHeaderHeading } from '@/components/custom/text-wrappers'
+import BlurFade from '@/components/ui/blur-fade'
+import React from 'react'
+
+function Community() {
+  return (
+    <section className='flex flex-col justify-center mb-12 min-h-[80vh]'>
+
+        <PageHeader className='md:items-center'>
+            <BlurFade delay={0.2}>
+                <PageHeaderHeading className='flex item-center border-red-600 w-full'>
+                    Community
+                </PageHeaderHeading>
+            </BlurFade>
+            <BlurFade delay={0.2 * 2}>
+                <PageHeaderDescription className='text-center'>
+                Join the community to get help, share ideas, and stay up-to-date.
+                </PageHeaderDescription>
+
+            </BlurFade>
+        </PageHeader>
+        <BlurFade delay={0.2 * 4}>
+
+            <div className='grid grid-cols-2 gap-3 '>
+                <CommunityCard 
+                heading='Discord'
+                subHeading='Chat in real-time, collaborate, and connect with other members.'
+                buttonText='Join our Discord'
+                />
+
+                <CommunityCard 
+                heading='Twitter'
+                subHeading='Get the latest updates on plura.'
+                buttonText='Follow us on Twitter'
+                />
+
+            </div>
+
+        </BlurFade>
+
+    </section>
+  )
+}
+
+export default Community

apps/www/components/custom/community-card.tsx

@@ -0,0 +1,48 @@
+
+import React from 'react'
+import { Icons } from '../icons'
+import Link from 'next/link'
+import { siteConfig } from '@/config/site.config'
+
+interface CommunityCardProps {
+    heading: string,
+    subHeading: string,
+    buttonText: string
+}
+
+function CommunityCard({
+    heading,
+    subHeading,
+    buttonText
+
+}: CommunityCardProps) {
+  return (
+    <div className='flex flex-col border items-center p-9 space-y-2 bg-gradient-to-tr from-zinc-950 to-black/80 px-10'>
+        {
+            heading.toLowerCase() === "discord" ? <Icons.discord className=' h-10 w-10'/>:
+            heading.toLowerCase() === "twitter" ? <Icons.twitter className=' h-10 w-10 fill-current'/> : null
+        }
+
+        <h1 
+        className='text-2xl md:text-4xl font-semibold tracking-tighter drop-shadow-sm max-w-3xl select-none'>
+            {heading}
+        </h1>
+
+        <p 
+        className='text-start text-sm/2 text-muted-foreground max-w-lg font-medium mt-auto z-50 select-none'>
+            {subHeading}
+        </p>
+
+        <Link 
+        href = {
+            heading.toLowerCase() === "discord" ? siteConfig.links.discord:
+            heading.toLowerCase() === "twitter" ? siteConfig.links.x : "/"
+        }
+        className='border font-medium p-2 px-4 hover:cursor-pointer hover:bg-black'>
+            {buttonText}
+        </Link>
+    </div>
+  )
+}
+
+export default CommunityCard