From 3214f0f98fa7c28c23bf6f84cd3ae0dab0487765 Mon Sep 17 00:00:00 2001
From: Kinfe123 <kinfishtech@gmail.com>
Date: Mon, 24 Jun 2024 11:21:46 +0300
Subject: [PATCH] fix: wiping out the components

---
 apps/web/app/(landing)/Features/features.tsx |  55 ---------
 apps/web/app/(landing)/Pricing.tsx           | 122 -------------------
 apps/web/app/(landing)/page.tsx              |   2 -
 3 files changed, 179 deletions(-)
 delete mode 100644 apps/web/app/(landing)/Pricing.tsx

diff --git a/apps/web/app/(landing)/Features/features.tsx b/apps/web/app/(landing)/Features/features.tsx
index 6b8cf1ab..41c68ccc 100644
--- a/apps/web/app/(landing)/Features/features.tsx
+++ b/apps/web/app/(landing)/Features/features.tsx
@@ -15,62 +15,7 @@ export const Gradient = ({ opacity = 50 }: { opacity?: number }) => {
         style={{ transform: "rotate(-30deg)" }}
       />
 
-      {/* <img
-        className="absolute top-1/2 left-1/2 w-[79.5625rem] max-w-[79.5625rem] h-[88.5625rem] -translate-x-1/2 -translate-y-1/2"
-        // src="https://farmui.vercel.app/bg-back.png"
-        src={
-          "/images/gradient.png"
-        }
-        width={1417}
-        height={1417}
-        alt="Gradient"
-      /> */}
     </div>
   );
 };
 
-export const PhotoChatMessage = () => {
-  return (
-    <div className="absolute top-8 right-8 max-w-[17.5rem] py-6 px-8 bg-black rounded-t-xl rounded-bl-xl font-code text-base lg:top-16 lg:right-[8.75rem] lg:max-w-[17.5rem]">
-      Hey Brainwave, enhance this photo
-      <ChatBubbleWing className="absolute left-full bottom-0" />
-    </div>
-  );
-};
-
-export const VideoChatMessage = () => {
-  return (
-    <div className="absolute top-8 left-[3.125rem] w-full max-w-[14rem] pt-2.5 pr-2.5 pb-7 pl-5 bg-n-6 rounded-t-xl rounded-br-xl font-code text-base md:max-w-[17.5rem]">
-      Video generated!
-      <div className="absolute left-5 -bottom-[1.125rem] flex items-center justify-center w-[2.25rem] h-[2.25rem] bg-color-1 rounded-[0.75rem]">
-        <img
-          src={
-            "https://github.com/adrianhajdin/brainwave/blob/main/src/assets/brainwave-symbol-white.svg"
-          }
-          width={26}
-          height={26}
-          alt="Brainwave"
-        />
-      </div>
-      <p className="tagline absolute right-2.5 bottom-1 text-[0.625rem] text-n-3 uppercase">
-        just now
-      </p>
-      <ChatBubbleWing
-        className="absolute right-full bottom-0 -scale-x-100"
-        pathClassName="fill-n-6"
-      />
-    </div>
-  );
-};
-
-export const VideoBar = () => {
-  return (
-    <div className="absolute left-0 bottom-0 w-full flex items-center p-6">
-      <PlayIcon className="w-10 h-20 m-3" />
-
-      <div className="flex-1 bg-[#D9D9D9]">
-        <div className="w-1/2 h-0.5 bg-color-1"></div>
-      </div>
-    </div>
-  );
-};
diff --git a/apps/web/app/(landing)/Pricing.tsx b/apps/web/app/(landing)/Pricing.tsx
deleted file mode 100644
index 9b953ab2..00000000
--- a/apps/web/app/(landing)/Pricing.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-import React from "react";
-import { cn } from "@repo/ui/lib/utils";
-
-export default function FUIPricingSectionWithBadge() {
-  const plans = [
-    {
-      name: "Basic plan",
-      desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-      price: 12,
-      isMostPop: false,
-      features: [
-        "Curabitur faucibus",
-        "massa ut pretium maximus",
-        "Sed posuere nisi",
-        "Pellentesque eu nibh et neque",
-        "Suspendisse a leo",
-        "Praesent quis venenatis ipsum",
-        "Duis non diam vel tortor",
-      ],
-    },
-    {
-      name: "Startup",
-      desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-      price: 35,
-      isMostPop: true,
-      features: [
-        "Curabitur faucibus",
-        "massa ut pretium maximus",
-        "Sed posuere nisi",
-        "Pellentesque eu nibh et neque",
-        "Suspendisse a leo",
-        "Praesent quis venenatis ipsum",
-        "Duis non diam vel tortor",
-      ],
-    },
-    {
-      name: "Enterprise",
-      desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-      price: 60,
-      isMostPop: false,
-      features: [
-        "Curabitur faucibus",
-        "massa ut pretium maximus",
-        "Sed posuere nisi",
-        "Pellentesque eu nibh et neque",
-        "Suspendisse a leo",
-        "Praesent quis venenatis ipsum",
-        "Duis non diam vel tortor",
-      ],
-    },
-  ];
-
-  return (
-    <section className="py-14 relative w-full">
-      <div className="absolute top-0 z-[0] h-screen w-screen bg-page-gradient  bg-[radial-gradient(ellipse_20%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"></div>
-      <div className="relative max-w-screen-xl mx-auto px-4 text-gray-300 md:px-8 min-h-screen">
-        <div className="relative max-w-xl mx-auto sm:text-center">
-          <h3 className="text-gray-300 font-geist tracking-tighter text-3xl font-semibold sm:text-5xl">
-            Pricing for all sizes
-          </h3>
-          <div className="mt-3 max-w-xl text-white/40 font-geist font-normal">
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
-              efficitur consequat nunc.
-            </p>
-          </div>
-        </div>
-        <div className="mt-16 justify-center gap-8 sm:grid sm:grid-cols-2 sm:space-y-0 lg:grid-cols-3">
-          {plans.map((item, idx) => (
-            <div
-              key={idx}
-              className={`relative flex-1 flex items-stretch flex-col rounded-xl border-2 mt-6 sm:mt-0 transform-gpu dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset]  ${
-                item.isMostPop ? "mt-10" : ""
-              }`}
-            >
-              {item.isMostPop ? (
-                <span className="w-32 absolute -top-5 left-0 right-0 mx-auto px-3 py-2 rounded-full border shadow-md bg-slate-950/50 text-white/90  bg-[radial-gradient(ellipse_20%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))] animate-background-shine text-center text-gray-700 text-sm font-semibold">
-                  Most popular
-                </span>
-              ) : (
-                ""
-              )}
-              <div className={cn("animate-background-shine p-8 space-y-4 border-b border-b-white/20" ,  item.name === 'Enterprise' ? "dark:bg-[linear-gradient(110deg,transparent,45%,#475569,55%,transparent)] bg-[length:200%_100%] transition-colors rounded-t-2xl" : "")}>
-                <span className="text-slate-200 font-normal font-geist tracking-tight">{item.name}</span>
-                <div className="text-gray-200 text-3xl font-semibold">
-                  ${item.price}{" "}
-                  <span className="text-xl text-gray-300 font-normal">/mo</span>
-                </div>
-                <p>{item.desc}</p>
-                <button className="w-full font-geist tracking-tighter text-center rounded-md text-md bg-gradient-to-br from-slate-400 to-slate-700 px-4 py-2 text-lg text-zinc-50 ring-2 ring-slate-500/50 ring-offset-2 ring-offset-zinc-950 transition-all hover:scale-[1.02] hover:ring-transparent active:scale-[0.98] active:ring-slate-500/70 flex items-center justify-center gap-2">
-                  Get Started
-                </button>
-              </div>
-              <ul className="p-8 space-y-3">
-                <li className="pb-2 text-gray-200 font-medium">
-                  <p>Features</p>
-                </li>
-                {item.features.map((featureItem, idx) => (
-                  <li key={idx} className="flex items-center gap-5">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      className="h-5 w-5 text-slate-600"
-                      viewBox="0 0 20 20"
-                      fill="currentColor"
-                    >
-                      <path
-                        fill-rule="evenodd"
-                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-                        clip-rule="evenodd"
-                      ></path>
-                    </svg>
-                    {featureItem}
-                  </li>
-                ))}
-              </ul>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-  );
-}
\ No newline at end of file
diff --git a/apps/web/app/(landing)/page.tsx b/apps/web/app/(landing)/page.tsx
index 726d9830..54796aa1 100644
--- a/apps/web/app/(landing)/page.tsx
+++ b/apps/web/app/(landing)/page.tsx
@@ -7,10 +7,8 @@ import Features from "./Features";
 import Footer from "./footer";
 import { auth } from "../helpers/server/auth";
 import { redirect } from "next/navigation";
-import FUIPricingSectionWithBadge from "./Pricing";
 import Services from "./Features/index";
 import { Showcases } from "./Showcase";
-import { cn } from "@repo/ui/lib/utils";
 import BackgroundPlus from "./GridPatterns/PlusGrid";
 
 export const runtime = "edge";