feat: 📝 smart contract

packages/hardhat/deployments/etherlinkTestnet/.chainId

@@ -0,0 +1 @@
+128123

packages/nextjs/app/communityDash/page.tsx

@@ -0,0 +1,140 @@
+"use client";
+
+import { CardSpotlight } from "../../components/ui/card-spotlight";
+import { Button } from "../../components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../components/ui/dialog";
+import { Label } from "../../components/ui/label";
+import { ReactNode } from "react";
+import { GlareCard } from "../../components/ui/glare-card";
+
+interface CommunityCardProps {
+  communityName: string;
+  description: string;
+}
+
+interface CommunityDetailsDialogProps {
+  communityName: string;
+  description: string;
+}
+
+interface EventCardProps {
+  eventName: string;
+  description: string;
+}
+
+export default function CommunityDashboard(): ReactNode {
+  return (
+    <div className="container mx-auto py-8">
+      <h1 className="text-3xl font-bold mb-6">Community Dashboard</h1>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <CommunityCard
+          communityName="Blockchain Enthusiasts"
+          description="A community for blockchain technology enthusiasts and developers."
+        />
+        {/* Add more CommunityCard components as needed */}
+      </div>
+    </div>
+  );
+}
+
+function CommunityCard({ communityName, description }: CommunityCardProps): ReactNode {
+  return (
+    <CardSpotlight className="h-96 w-full rounded-3xl">
+      <div className="relative z-20 h-full flex flex-col justify-between">
+        <div>
+          <h2 className="text-2xl font-bold text-white mb-2">{communityName}</h2>
+          <p className="text-neutral-200 mb-4">{description}</p>
+        </div>
+        <div className="flex space-x-10 justify-center">
+          <CommunityDetailsDialog communityName={communityName} description={description} />
+          <EventsDialog communityName={communityName} />
+        </div>
+      </div>
+    </CardSpotlight>
+  );
+}
+
+function CommunityDetailsDialog({ communityName, description }: CommunityDetailsDialogProps): ReactNode {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline">Community Details</Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>{communityName}</DialogTitle>
+          <DialogDescription>{description}</DialogDescription>
+        </DialogHeader>
+        <div className="max-h-[60vh] overflow-y-auto">
+          <div className="grid gap-4 py-4">
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="instagram" className="text-right">Instagram</Label>
+              <p id="instagram" className="col-span-3">@{communityName.toLowerCase().replace(/\s/g, '')}</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="linkedin" className="text-right">LinkedIn</Label>
+              <p id="linkedin" className="col-span-3">linkedin.com/company/{communityName.toLowerCase().replace(/\s/g, '-')}</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="twitter" className="text-right">Twitter</Label>
+              <p id="twitter" className="col-span-3">@{communityName.toLowerCase().replace(/\s/g, '_')}</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="creator" className="text-right">Creator</Label>
+              <p id="creator" className="col-span-3">0x1234...5678</p>
+            </div>
+          </div>
+        </div>
+        <DialogFooter>
+          <Button type="submit">Follow</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+function EventsDialog({ communityName }: { communityName: string }): ReactNode {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline">Community Events</Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>Events by {communityName}</DialogTitle>
+          <DialogDescription>Upcoming and past events</DialogDescription>
+        </DialogHeader>
+        <div className="max-h-[60vh] overflow-y-auto p-4">
+          <div className="grid gap-4">
+            <EventCard
+              eventName="Web3 Hackathon 2024"
+              description="Join us for an exciting 48-hour hackathon focused on Web3 technologies."
+            />
+            <EventCard
+              eventName="Blockchain Workshop"
+              description="Learn the basics of blockchain technology in this hands-on workshop."
+            />
+            {/* Add more EventCard components as needed */}
+          </div>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+function EventCard({ eventName, description }: EventCardProps): ReactNode {
+  return (
+    <GlareCard className="flex flex-col items-center justify-center p-4">
+      <h3 className="text-white font-bold text-xl mb-2">{eventName}</h3>
+      <p className="text-neutral-200 text-center">{description}</p>
+    </GlareCard>
+  );
+}

packages/nextjs/app/communityReg/page.tsx

@@ -0,0 +1,54 @@
+"use client"
+
+import { Card, CardContent, CardHeader, CardTitle } from "../../components/ui/card"
+import { Button } from "../../components/ui/button"
+import { Input } from "../../components/ui/input"
+import { Textarea } from "../../components/ui/textarea"
+import { Label } from "../../components/ui/label"
+
+export default function CreateCommunityForm() {
+
+  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault()
+    // Handle form submission logic here
+  }
+
+  return (
+    <Card className="w-full max-w-2xl mx-auto my-8">
+      <CardHeader>
+        <CardTitle className="text-2xl font-bold">Create New Community</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <form onSubmit={handleSubmit} className="space-y-6">
+          <div className="space-y-2">
+            <Label htmlFor="name">Community Name</Label>
+            <Input id="name" placeholder="Enter community name" required />
+          </div>
+
+          <div className="space-y-2">
+            <Label htmlFor="description">Description</Label>
+            <Textarea id="description" placeholder="Enter community description" required />
+          </div>
+
+          <div className="space-y-2">
+            <Label htmlFor="instaHandle">Instagram Handle</Label>
+            <Input id="instaHandle" placeholder="Enter Instagram handle" required />
+          </div>
+
+          <div className="space-y-2">
+            <Label htmlFor="linkedinHandle">LinkedIn Handle</Label>
+            <Input id="linkedinHandle" placeholder="Enter LinkedIn handle" required />
+          </div>
+
+          <div className="space-y-2">
+            <Label htmlFor="twitterHandle">Twitter Handle</Label>
+            <Input id="twitterHandle" placeholder="Enter Twitter handle" required />
+          </div>
+
+          <Button type="submit" className="w-full">Create Community</Button>
+        </form>
+      </CardContent>
+    </Card>
+  )
+}
+

packages/nextjs/app/eventDash/page.tsx

@@ -0,0 +1,158 @@
+"use client";
+
+import { CardSpotlight } from "../../components/ui/card-spotlight";
+import { Button } from "../../components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../components/ui/dialog";
+import { Input } from "../../components/ui/input";
+import { Label } from "../../components/ui/label";
+import { ReactNode } from "react";
+
+interface EventCardProps {
+  eventName: string;
+  description: string;
+  communityName: string;
+}
+
+interface EventDetailsDialogProps {
+  eventName: string;
+  communityName: string;
+}
+
+interface BountyDetailsDialogProps {
+  eventName: string;
+}
+
+export default function EventDashboard(): ReactNode {
+  return (
+    <div className="container mx-auto py-8">
+      <h1 className="text-3xl font-bold mb-6">Event Dashboard</h1>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <EventCard
+          eventName="Web3 Conference 2024"
+          description="Join us for the biggest Web3 event of the year!"
+          communityName="Blockchain Enthusiasts"
+        />
+        {/* Add more EventCard components as needed */}
+      </div>
+    </div>
+  );
+}
+
+function EventCard({ eventName, description, communityName }: EventCardProps): ReactNode {
+  return (
+    <CardSpotlight className="h-96 w-full rounded-3xl">
+      <div className="relative z-20 h-full flex flex-col justify-between">
+        <div>
+          <h2 className="text-2xl font-bold text-white mb-2">{eventName}</h2>
+          <p className="text-neutral-200 mb-4">{description}</p>
+          <p className="text-sm text-neutral-300">by {communityName}</p>
+        </div>
+        <div className="flex space-x-16 justify-center">
+          <EventDetailsDialog eventName={eventName} communityName={communityName} />
+          <BountyDetailsDialog eventName={eventName} />
+        </div>
+      </div>
+    </CardSpotlight>
+  );
+}
+
+function EventDetailsDialog({ eventName, communityName }: EventDetailsDialogProps): ReactNode {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline">Event Details</Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>{eventName}</DialogTitle>
+          <DialogDescription>by {communityName}</DialogDescription>
+        </DialogHeader>
+        <div className="max-h-[60vh] overflow-y-auto">
+          <div className="grid gap-4 py-4">
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="description" className="text-right">Description</Label>
+              <p id="description" className="col-span-3">Detailed event description goes here.</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="time" className="text-right">Time</Label>
+              <p id="time" className="col-span-3">Start: 2024-06-01 10:00 AM<br />End: 2024-06-03 5:00 PM</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="location" className="text-right">Location</Label>
+              <p id="location" className="col-span-3">San Francisco Convention Center</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="creator" className="text-right">Creator</Label>
+              <p id="creator" className="col-span-3">0x1234...5678</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="ticket" className="text-right">Ticket Price</Label>
+              <p id="ticket" className="col-span-3">0.5 ETH</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="capacity" className="text-right">Capacity</Label>
+              <p id="capacity" className="col-span-3">1000 attendees</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="sponsors" className="text-right">Sponsors</Label>
+              <p id="sponsors" className="col-span-3">
+                0xabcd...efgh (10 ETH)<br />
+                0x9876...5432 (5 ETH)
+              </p>
+            </div>
+          </div>
+        </div>
+        <DialogFooter>
+          <Button type="submit">Buy Ticket</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+function BountyDetailsDialog({ eventName }: BountyDetailsDialogProps): ReactNode {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline">Bounty Details</Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px] p-4">
+        <DialogHeader>
+          <DialogTitle>Bounty for {eventName}</DialogTitle>
+          <DialogDescription>View and contribute to event bounties</DialogDescription>
+        </DialogHeader>
+        <div className="max-h-[60vh] overflow-y-auto p-4">
+          <div className="grid gap-4">
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="bountyTitle" className="text-right">Bounty Title</Label>
+              <p id="bountyTitle" className="col-span-3">Best DeFi Project</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="bountyDescription" className="text-right">Description</Label>
+              <p id="bountyDescription" className="col-span-3">Create an innovative DeFi project during the hackathon.</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="totalAmount" className="text-right">Total Amount</Label>
+              <p id="totalAmount" className="col-span-3">5 ETH</p>
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="contribution" className="text-right">Contribute</Label>
+              <Input id="contribution" placeholder="Amount in ETH" className="col-span-3" />
+            </div>
+          </div>
+        </div>
+        <DialogFooter className="p-4">
+          <Button type="submit">Fund Bounty</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}