From cd2d814227b61bb61d725c5aa9d6f83ee2379417 Mon Sep 17 00:00:00 2001
From: Kinfe123 <kinfishtech@gmail.com>
Date: Sat, 1 Jun 2024 13:25:54 +0300
Subject: [PATCH] fix: removing unncessary comps

---
 .../farmui/FUIFaqsWithSearchBox.tsx           | 115 -------------
 apps/www/components/farmui/FUIForm.tsx        | 159 ------------------
 2 files changed, 274 deletions(-)
 delete mode 100644 apps/www/components/farmui/FUIFaqsWithSearchBox.tsx
 delete mode 100644 apps/www/components/farmui/FUIForm.tsx

diff --git a/apps/www/components/farmui/FUIFaqsWithSearchBox.tsx b/apps/www/components/farmui/FUIFaqsWithSearchBox.tsx
deleted file mode 100644
index 2e8d2d1f..00000000
--- a/apps/www/components/farmui/FUIFaqsWithSearchBox.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-
-import React from "react";
-
-export default function FUIFaqsWithSearchBox() {
-  const faqsList = [
-    {
-      q: "What are some random questions to ask?",
-      a: "That's exactly the reason we created this random question generator. There are hundreds of random questions to choose from so you're able to find the perfect random question.",
-      href: "javascript:void(0)",
-    },
-    {
-      q: "Do you include common questions?",
-      a: "This generator doesn't include most common questions. The thought is that you can come up with common questions on your own so most of the questions in this generator.",
-      href: "javascript:void(0)",
-    },
-    {
-      q: "Can I use this for 21 questions?",
-      a: "Yes! there are two ways that you can use this question generator depending on what you're after. You can indicate that you want 21 questions generated.",
-      href: "javascript:void(0)",
-    },
-    {
-      q: "Are these questions for girls or for boys?",
-      a: "The questions in this generator are gender neutral and can be used to ask either male of females (or any other gender the person identifies with).",
-      href: "javascript:void(0)",
-    },
-    {
-      q: "What do you wish you had more talent doing?",
-      a: "If you've been searching for a way to get random questions, you've landed on the correct webpage. We created the Random Question Generator to ask you as many random questions as your heart desires.",
-      href: "javascript:void(0)",
-    },
-  ];
-
-  return (
-    <section className="relative">
-      <img
-        className="absolute inset-x-0 -top-20 opacity-25 "
-        src={
-          "https://pipe.com/_next/image?url=%2Fassets%2Fimg%2Fhero-left.png&w=384&q=75"
-        }
-        width={1000}
-        height={1000}
-        alt="back bg"
-      />
-
-      <div className="absolute -z-1 inset-0  h-[600px] w-full bg-transparent opacity-5 bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:6rem_4rem] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_110%)]"></div>
-
-      <div className="pt-10 max-w-screen-xl mx-auto px-4 md:px-8">
-        <div className="space-y-5 sm:text-left sm:max-w-md sm:mr-auto">
-          <h3 className="text-gray-300 font-geist text-3xl font-extrabold sm:text-4xl">
-            How can we help?
-          </h3>
-          <p className="text-gray-100">
-            Everything you need to know about the product. Can’t find the answer
-            you’re looking for? feel free to{" "}
-            <a
-              className="text-cyan-700 font-semibold whitespace-nowrap"
-              href="javascript:void(0)"
-            >
-              contact us
-            </a>
-            .
-          </p>
-          <form
-            onSubmit={(e) => e.preventDefault()}
-            className="mx-auto sm:mx-auto "
-          >
-            <div className="relative">
-              <Mail className="w-6 h-6 text-gray-500 absolute left-3 inset-y-0 my-auto" />
-              <input
-                type="text"
-                placeholder="Enter your email"
-                className="w-full pl-12 pr-3 py-2 text-gray-200 bg-transparent outline-none border focus:border-cyan-600 shadow-sm rounded-lg"
-              />
-            </div>
-          </form>
-        </div>
-        <Separator className="h-[1px] bg-white/10 mt-4" />
-        <div className="mt-12">
-          <ul className="space-y-8 gap-12 grid-cols-2 sm:grid sm:space-y-0 lg:grid-cols-3">
-            {faqsList.map((item, idx) => (
-              <li key={idx} className="space-y-3">
-                <summary className="flex items-center justify-between font-semibold text-gray-500">
-                  {item.q}
-                </summary>
-                <p
-                  dangerouslySetInnerHTML={{ __html: item.a }}
-                  className="text-gray-200 leading-relaxed"
-                ></p>
-                <a
-                  href={item.href}
-                  className="flex items-center gap-x-1 text-sm text-cyan-600 hover:text-cyan-400 duration-150 font-medium"
-                >
-                  Read more
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    viewBox="0 0 20 20"
-                    fill="currentColor"
-                    className="w-5 h-5"
-                  >
-                    <path
-                      fillRule="evenodd"
-                      d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
-                      clipRule="evenodd"
-                    />
-                  </svg>
-                </a>
-              </li>
-            ))}
-          </ul>
-        </div>
-      </div>
-    </section>
-  );
-}
-
diff --git a/apps/www/components/farmui/FUIForm.tsx b/apps/www/components/farmui/FUIForm.tsx
deleted file mode 100644
index 69c6a62b..00000000
--- a/apps/www/components/farmui/FUIForm.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
- 
-"use client";
-
-import {
-  CardTitle,
-  CardDescription,
-  CardHeader,
-  CardContent,
-  CardFooter,
-  Card,
-} from "@/components/ui/card";
-import { Label } from "@/components/ui/label";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { ChevronRight, Loader2 } from "lucide-react";
-import { useState, useTransition } from "react";
-import { useToast } from "@/components/ui/use-toast";
-// raplace it with your actions.
-import { saySomething } from "actions/emailSubRelated";
-import {Button} from "@/components/ui/button";
-type FormType = {
-  firstName: string;
-  lastName?: string;
-  email: string;
-  message: string;
-};
-export default function FUIForm() {
-  const [pending, startTransition] = useTransition();
-  const { toast } = useToast()
-
-  const [forms, setForms] = useState({
-    firstName: "",
-    lastName: "",
-    email: "",
-    message: "",
-  });
-  
-  const handleChange = (e: any) => {
-    setForms({ ...forms, [e.target.name]: e.target.value });
-  };
-  const onSubmit = (e:any) => {
-    e.preventDefault();
-    startTransition(async () => {
-      saySomething({
-        firstName: forms.firstName,
-        lastName: forms.lastName,
-        email: forms.email,
-        message: forms.message,
-      })
-        .then((res) => {
-          toast({
-            position: "bottom-left",
-            title: "Message submitted",
-            description:
-              "You have successfully submitted your message. we will keep in touch with you with the speed of light :)",
-          });
-          setForms({
-            firstName:"",
-            lastName:"",
-            email: "",
-            message: ""
-          })
-        })
-        .catch((err) => {
-          toast({
-            position: "bottom-left",
-
-            title: "Something went wrong",
-            description:
-              "There is an error while submitting the form, Please try again later :(",
-            variant: "destructive",
-
-          });
-        });
-    });
-  };
-  return (
-    <section className="custom-screen-lg mx-auto z-20">
-      <div className="relative backdrop-blur-3xl z-10 max-w-4xl mx-auto  space-y-4">
-        <Card className="relative mt-20 py-10 z-20 backdrop-blur-3xl">
-          <CardHeader>
-            <CardDescription>
-              Fill out the form below and we'll get back to you as soon as
-              possible.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <div className=""></div>
-            <form className="space-y-4 z-20" onSubmit={onSubmit}>
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-4 z-20">
-                <div className="space-y-2">
-                  <Label htmlFor="first-name">First Name</Label>
-                  <Input
-
-                    value={forms.firstName}
-                    onChange={(e) => handleChange(e)}
-                    name="firstName"
-                    placeholder="Enter your first name"
-                    required
-                  />
-                </div>
-                <div className="space-y-2">
-                  <Label htmlFor="last-name">Last Name</Label>
-                  <Input
-                    value={forms.lastName}
-                    onChange={handleChange}
-                    name="lastName"
-                    placeholder="Enter your last name"
-                  />
-                </div>
-              </div>
-              <div className="space-y-2">
-                <Label htmlFor="email">Email</Label>
-                <Input
-
-                  value={forms.email}
-                  name="email"
-                  onChange={handleChange}
-                  placeholder="Enter your email"
-                  type="email"
-                  required
-                />
-              </div>
-              <div className="space-y-2">
-                <Label htmlFor="message">Message</Label>
-                <Textarea
-                  required
-                  value={forms.message}
-                  
-                   className="bg-transparent"
-                   onChange={handleChange}
-                  name="message"
-                  maxLength={200}
-                  
-                  placeholder="Enter your message"
-                />
-              </div>
-                <Button
-                  disabled={pending}
-                  variant="default"
-                  className="inline-flex rounded-3xl  text-center group items-center w-full justify-center bg-gradient-to-tr from-black/90 via-zinc-800 to-black  border-input border-[1px] hover:bg-transparent/10 transition-colors sm:w-auto py-6 px-10"
-                >
-                  Submit
-                  {pending ? (
-                    <Loader2 className="animate-spin ml-3 w-4 h-4 flex items-center" />
-                  ) : (
-                    <ChevronRight className="w-4 h-4 ml-2 group-hover:translate-x-1 duration-300" />
-                  )}
-                </Button>
-            </form>
-          </CardContent>
-        </Card>
-      </div>
-    </section>
-  );
-}
-
-
-