diff --git a/apps/web/app/(auth)/signin/page.tsx b/apps/web/app/(auth)/signin/page.tsx index 73cc25ba..b117716e 100644 --- a/apps/web/app/(auth)/signin/page.tsx +++ b/apps/web/app/(auth)/signin/page.tsx @@ -1,9 +1,9 @@ import Image from "next/image"; import Link from "next/link"; import Logo from "@/public/logo.svg"; -import { signIn } from "@/app/helpers/server/auth"; +import { signIn } from "@/server/auth"; import { Google } from "@repo/ui/components/icons"; -import gradientStyle from "./_components/TextGradient/gradient.module.css" +import gradientStyle from "./_components/TextGradient/gradient.module.css"; import { cn } from "@repo/ui/lib/utils"; export const runtime = "edge"; @@ -18,14 +18,12 @@ async function Signin() { alt="SuperMemory logo" className="hover:brightness-125 duration-200" /> - SuperMemory.ai + supermemory.ai
back bg

- Hello, human{" "} + Hello,{" "} + + human + {" "}

Write, ideate, and learn with all the wisdom of your bookmarks. @@ -55,9 +61,7 @@ async function Signin() { className={`relative text-white transition-width flex gap-3 justify-center w-full items-center rounded-2xl bg-page-gradient hover:opacity-70 duration-500 px-6 py-4 outline-none duration- focus:outline-none `} > - - Continue with Google - + Continue with Google @@ -77,11 +81,9 @@ async function Signin() {

- back bg
@@ -20,7 +20,7 @@ function Cta() { />
-

+

Launching July 1st, 2024 diff --git a/apps/web/app/(landing)/Features.tsx b/apps/web/app/(landing)/Features.tsx index 35217bad..55634d0c 100644 --- a/apps/web/app/(landing)/Features.tsx +++ b/apps/web/app/(landing)/Features.tsx @@ -2,6 +2,7 @@ import { useState, useRef, useEffect } from "react"; import FUIFeatureSectionWithCards from "./FeatureCardContent"; import { ArrowUpRight } from "lucide-react"; +import Link from "next/link"; export default function Features() { const [tab, setTab] = useState(0); @@ -22,29 +23,36 @@ export default function Features() { }, []); return ( -

+

- A Supermemory has all the memory saved for you + A "Second brain" made for you... or your team

Supermemory offers all the vital building blocks you need to - transform your idea into a great-looking startup. + transform your gold mine of content into a powerful knowledgebase + for yourself, your team or even a group of friends!

- +
diff --git a/apps/web/app/(landing)/Features/generating.tsx b/apps/web/app/(landing)/Features/generating.tsx index 9cc8c2e1..6cd9ad73 100644 --- a/apps/web/app/(landing)/Features/generating.tsx +++ b/apps/web/app/(landing)/Features/generating.tsx @@ -7,10 +7,8 @@ const Generating = ({ className }: { className?: string }) => { className || "" } text-base`} > - - - - AI is generating for you... + + Searching your second brain...
); }; diff --git a/apps/web/app/(landing)/Features/index.tsx b/apps/web/app/(landing)/Features/index.tsx index c642b8a6..7f0ccd46 100644 --- a/apps/web/app/(landing)/Features/index.tsx +++ b/apps/web/app/(landing)/Features/index.tsx @@ -1,6 +1,7 @@ import { CheckIcon, ChevronRight, GithubIcon } from "lucide-react"; import { Gradient } from "./features"; import Generating from "./generating"; +import Image from "next/image"; const Services = () => { return ( @@ -8,21 +9,19 @@ const Services = () => {

- Supermemory is made for all. + Sounds super cool? There's more.

-

- Brainwave unlocks the potential of AI-powered -

+

@@ -36,12 +35,16 @@ const Services = () => {
-

SuperMemoery.

+

+ We paid attention to details. +

- Supermemory unlocks the potential of AI-powered applications + a small team of 4 student developers who have one mission.{" "} +
+ Make the best second brain for everyone.

    - {brainwaveServices.map((item, index) => ( + {supermemoryPoints.map((item, index) => (
  • {
-
-
+
+
- { />
-
+

- Self Hostable + Supermemory works everywhere you are.

- Automatically enhance your photos using our AI app's - photo editing feature. Try it now! + We already have integrations for Telegram and Twitter (X), + with whatsapp and SMS coming soon. So you can add and query + data in a private manner, from anywhere.

{
Scary robot
@@ -130,7 +132,7 @@ const Services = () => { className="flex overflow-hidden relative items-center p-8 mt-5 mb-5 rounded-3xl border lg:p-20 bg-page-gradient z-1 h-[38rem] border-white/20 xl:h-[28rem] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset]" > @@ -144,19 +146,20 @@ const Services = () => { />
-
-

- Proudly
OpenSource +
@@ -170,4 +173,9 @@ const Services = () => { }; export default Services; -const brainwaveServices = ["AI first", "Self host", "Privacy first"]; +const supermemoryPoints = [ + "Privacy focused", + "Works everywhere you are", + "Self hostable", + "Super affordable, with a generous free tier", +]; diff --git a/apps/web/app/(landing)/Headers/Navbar.tsx b/apps/web/app/(landing)/Headers/Navbar.tsx index c698947c..0ba2c35c 100644 --- a/apps/web/app/(landing)/Headers/Navbar.tsx +++ b/apps/web/app/(landing)/Headers/Navbar.tsx @@ -34,20 +34,39 @@ const SlideTabs = () => { - Home + + Home + + + + + Use cases + + + + + Features + + + + + Team + - Pricing - Features - Docs - Blog - + diff --git a/apps/web/app/(landing)/Hero.tsx b/apps/web/app/(landing)/Hero.tsx index 9c25ac5e..1ae78f0c 100644 --- a/apps/web/app/(landing)/Hero.tsx +++ b/apps/web/app/(landing)/Hero.tsx @@ -32,10 +32,11 @@ function Hero() { }} className="text-center mx-auto bg-[linear-gradient(180deg,_#FFF_0%,_rgba(255,_255,_255,_0.00)_202.08%)] bg-clip-text text-4xl tracking-tighter text-transparent md:text-7xl" > - Build your own second brain{" "} + Unlock your{" "} - with supermemory and bring it at scale - + digital brain + {" "} + with supermemory - Bring saved information from all over the internet into one place - where you can connect it, and ask AI about it + Supermemory is your ultimate hub for organizing, searching, and + utilizing saved information with powerful tools like a search engine, + writing assistant, and canvas.

diff --git a/apps/web/app/(landing)/ImageSliders.tsx b/apps/web/app/(landing)/ImageSliders.tsx index c7d851cc..143e7c78 100644 --- a/apps/web/app/(landing)/ImageSliders.tsx +++ b/apps/web/app/(landing)/ImageSliders.tsx @@ -6,19 +6,84 @@ import { Twitter, } from "@repo/ui/components/icons"; import Image from "next/image"; -const Github = ({className}: {className?:string}) => { +const Github = ({ className }: { className?: string }) => { return ( - - ) -} -const NotionText = ({className}: {className?: string}) => { + + + + + + + + + + + + + + + + + + + + ); +}; +const NotionText = ({ className }: { className?: string }) => { return ( - - - - + + - - + + - - - - ) -} -const MediumText = ({className}: {className?:string}) => { + c-6.2,0.3-9.1-0.6-12.3-4.7L100.1,246c-3.5-4.7-5-8.2-5-12.3v-91.3C95.1,137.1,97.5,132.8,104.2,132.2z" + /> + + + ); +}; +const MediumText = ({ className }: { className?: string }) => { return ( - - - + - - - ) -} + l-0.1,0c-4-0.9-5.3-2.7-5.3-7.1v-37.9c0-1.4-0.1-2.8-0.3-4.2c1.1-2.7,3.4-5.9,7.8-5.9c5.4,0,8,3.6,8,10.9v45.3H622z" + /> + + ); +}; const logos = [ { name: "Github", @@ -96,18 +174,14 @@ const AnimatedLogoCloud = () => { return (

- Well Integrated with six companies so far - - + Works perfectly with the apps you love.

{/*
*/}
-
- +
-
{ }; export default AnimatedLogoCloud; - - diff --git a/apps/web/app/(landing)/Showcase.tsx b/apps/web/app/(landing)/Showcase.tsx index a3fc3da2..8e00baf6 100644 --- a/apps/web/app/(landing)/Showcase.tsx +++ b/apps/web/app/(landing)/Showcase.tsx @@ -15,12 +15,14 @@ interface Feature { icon: React.ComponentType; } +// TODO: This features section will be more for "use-cases" const features: Array = [ { - name: "Reporting", - summary: "Stay on top of things with always up-to-date reporting features.", + name: "Ideation", + summary: + "Never lose a great idea again - instead of saving it in your head, save it in supermemory.", description: - "We talked about reporting in the section above but we needed three items here, so mentioning it one more time for posterity.", + "The internet is full of great ideas, but there's a problem. They are ephemeral. They come and go. ", image: "search.svg", icon: function ReportingIcon() { let id = useId(); @@ -51,11 +53,10 @@ const features: Array = [ }, }, { - name: "Inventory", - summary: - "Never lose track of what’s in stock with accurate inventory tracking.", + name: "Bookmarks", + summary: "Simply great bookmarking tool.", description: - "We don’t offer this as part of our software but that statement is inarguably true. Accurate inventory tracking would help you for sure.", + "Good bookmarking tools have ways to import and organise your bookmarks. Great bookmarking tool resurfaces them when you need them.", image: "memory.svg", icon: function InventoryIcon() { return ( @@ -80,10 +81,9 @@ const features: Array = [ }, { name: "Contacts", - summary: - "Organize all of your contacts, service providers, and invoices in one place.", + summary: "Life is all about the people you know.", description: - "This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.", + "Tell supermemory about people you know, and when you forget, you know where to look.", image: "search.svg", icon: function ContactsIcon() { return ( @@ -120,7 +120,7 @@ function Feature({

{feature.name} @@ -197,7 +197,7 @@ function FeaturesDesktop() { key={feature.summary} className={clsx( "px-5 transition duration-500 ease-in-out ui-not-focus-visible:outline-none", - featureIndex !== selectedIndex && "opacity-60" + featureIndex !== selectedIndex && "opacity-60", )} style={{ transform: `translateX(-${selectedIndex * 100}%)` }} aria-hidden={featureIndex !== selectedIndex} @@ -224,8 +224,7 @@ function FeaturesDesktop() { export function Showcases() { return (
@@ -240,7 +239,7 @@ export function Showcases() { {/* Supermemory
{" "} - simplify AI ingestions. + remembers everything.

- Because you’d probably be a little confused if we suggested you - complicate your everyday business tasks instead. + ... so you don't have to. Whether you're a student, a professional, + or just a person on the the internet. we got you covered.

diff --git a/apps/web/public/images/landing-hero-left.webp b/apps/web/public/images/landing-hero-left.webp new file mode 100644 index 00000000..cb38cb4f Binary files /dev/null and b/apps/web/public/images/landing-hero-left.webp differ diff --git a/apps/web/public/images/landing_integrations.png b/apps/web/public/images/landing_integrations.png new file mode 100644 index 00000000..512074f4 Binary files /dev/null and b/apps/web/public/images/landing_integrations.png differ diff --git a/apps/web/public/images/landing_vault.png b/apps/web/public/images/landing_vault.png new file mode 100644 index 00000000..a5ebce73 Binary files /dev/null and b/apps/web/public/images/landing_vault.png differ diff --git a/apps/web/public/images/tailwind-bg-gradient.avif b/apps/web/public/images/tailwind-bg-gradient.avif new file mode 100644 index 00000000..a05ed83e Binary files /dev/null and b/apps/web/public/images/tailwind-bg-gradient.avif differ diff --git a/apps/web/public/logo.svg b/apps/web/public/logo.svg index add59158..6081634d 100644 --- a/apps/web/public/logo.svg +++ b/apps/web/public/logo.svg @@ -1,4 +1,4 @@ + fill="#fff"/> \ No newline at end of file diff --git a/apps/web/wrangler.toml b/apps/web/wrangler.toml index d4312161..56ceaad0 100644 --- a/apps/web/wrangler.toml +++ b/apps/web/wrangler.toml @@ -12,12 +12,12 @@ binding = "STORAGE" bucket_name = "dev-r2-anycontext" -[[env.production.d1_databases]] -binding = "DATABASE" -database_name = "prod-d1-supermemory" -database_id = "f527a727-c472-41d4-8eaf-3d7ba0f2f395" +# [[env.production.d1_databases]] +# binding = "DATABASE" +# database_name = "prod-d1-supermemory" +# database_id = "f527a727-c472-41d4-8eaf-3d7ba0f2f395" -[[env.preview.d1_databases]] +[[d1_databases]] binding = "DATABASE" database_name = "dev-d1-anycontext" database_id = "fc562605-157a-4f60-b439-2a24ffed5b4c" \ No newline at end of file diff --git a/packages/ui/components/QueryInput.tsx b/packages/ui/components/QueryInput.tsx deleted file mode 100644 index ba476dda..00000000 --- a/packages/ui/components/QueryInput.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import React from "react"; -import Divider from "../shadcn/divider"; -import { ArrowRightIcon } from "../icons"; -import Image from "next/image"; - -function QueryInput() { - return ( -
-
- {/* input and action button */} -
-