diff --git a/src/app/home/new-event/page.tsx b/src/app/home/new-event/page.tsx
new file mode 100644
index 0000000..8299798
--- /dev/null
+++ b/src/app/home/new-event/page.tsx
@@ -0,0 +1,18 @@
+import { ThemePicker } from '@/components/user/theme-picker';
+import { Card, CardContent, CardHeader } from '@/components/ui/card';
+import EventForm from '@/components/user/event-form';
+
+export default function NewEvent() {
+ return (
+
+ );
+}
diff --git a/src/components/buttons/event-form.tsx b/src/components/buttons/event-form.tsx
new file mode 100644
index 0000000..cc808bf
--- /dev/null
+++ b/src/components/buttons/event-form.tsx
@@ -0,0 +1,78 @@
+import LabeledInput from '@/components/labeled-input';
+import { Button } from '@/components/custom-ui/button';
+import Logo from '../logo';
+export default function EventForm() {
+ return (
+
+ );
+}
diff --git a/src/components/custom-ui/labeled-input.tsx b/src/components/custom-ui/labeled-input.tsx
index ea26e51..dc5cf13 100644
--- a/src/components/custom-ui/labeled-input.tsx
+++ b/src/components/custom-ui/labeled-input.tsx
@@ -1,4 +1,4 @@
-import { Input } from '@/components/ui/input';
+import { Input, Textarea } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
export default function LabeledInput({
@@ -7,6 +7,7 @@ export default function LabeledInput({
placeholder,
value,
name,
+ big = false, // Add a prop for the bigger variant, default is false
autocomplete,
error,
...rest
@@ -16,22 +17,32 @@ export default function LabeledInput({
placeholder?: string;
value?: string;
name?: string;
+ big?: boolean; // Optional prop for bigger input
autocomplete?: string;
error?: string;
} & React.InputHTMLAttributes) {
return (
-
-
+ {big ? (
+
+ ) : (
+
+ )}
{error &&
{error}
}
);
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index 5bced36..b31862f 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -41,4 +41,45 @@ function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
);
}
-export { Input };
+function Textarea({
+ className,
+ rows,
+ ...props
+}: React.ComponentProps<'textarea'>) {
+ return (
+
+ );
+}
+
+export { Input, Textarea };