aboutsummaryrefslogtreecommitdiff
path: root/apps
diff options
context:
space:
mode:
authorKinfe123 <[email protected]>2024-06-24 11:21:46 +0300
committerKinfe123 <[email protected]>2024-06-24 11:21:46 +0300
commit3214f0f98fa7c28c23bf6f84cd3ae0dab0487765 (patch)
treedbc00897bb94ce0b6d74579622e27191062dac34 /apps
parentfix: making type safe (diff)
downloadsupermemory-3214f0f98fa7c28c23bf6f84cd3ae0dab0487765.tar.xz
supermemory-3214f0f98fa7c28c23bf6f84cd3ae0dab0487765.zip
fix: wiping out the components
Diffstat (limited to 'apps')
-rw-r--r--apps/web/app/(landing)/Features/features.tsx55
-rw-r--r--apps/web/app/(landing)/Pricing.tsx122
-rw-r--r--apps/web/app/(landing)/page.tsx2
3 files changed, 0 insertions, 179 deletions
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";