diff options
| author | Kinfe123 <[email protected]> | 2024-06-24 11:21:46 +0300 |
|---|---|---|
| committer | Kinfe123 <[email protected]> | 2024-06-24 11:21:46 +0300 |
| commit | 3214f0f98fa7c28c23bf6f84cd3ae0dab0487765 (patch) | |
| tree | dbc00897bb94ce0b6d74579622e27191062dac34 /apps | |
| parent | fix: making type safe (diff) | |
| download | supermemory-3214f0f98fa7c28c23bf6f84cd3ae0dab0487765.tar.xz supermemory-3214f0f98fa7c28c23bf6f84cd3ae0dab0487765.zip | |
fix: wiping out the components
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/app/(landing)/Features/features.tsx | 55 | ||||
| -rw-r--r-- | apps/web/app/(landing)/Pricing.tsx | 122 | ||||
| -rw-r--r-- | apps/web/app/(landing)/page.tsx | 2 |
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"; |