mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-09-07 08:26:15 +00:00
fix: wiping out the components
This commit is contained in:
Kinfe123
parent
875694ee2d
commit
3214f0f98f
3 changed files with 0 additions and 179 deletions
|
|
@ -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>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
@ -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";
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue