mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-03 04:42:39 +02:00
init
This commit is contained in:
DESKTOP-RTLN3BA\$punk
parent
24f641347d
commit
63146aa9b7
86 changed files with 18766 additions and 0 deletions
10
web/components/homepage/Footer.tsx
Normal file
10
web/components/homepage/Footer.tsx
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
export const Footer = () => {
|
||||
return (
|
||||
<footer className="mt-2 w-full md:flex overflow-y-hidden items-center justify-between gap-4 px-8 py-8 text-sm text-zinc-500 overflow-hidden text-center">
|
||||
<p>© 2024 SurfSense.net</p>
|
||||
<div className="flex gap-5 justify-around my-2">
|
||||
<a className="group/mail flex items-center" target="_blank" href="mailto:hi@dhravya.dev">Contact<svg className="group-hover/mail:opacity-100 opacity-0 transition hidden md:block" width="24px" height="24px" viewBox="-2.4 -2.4 28.80 28.80" fill="none" xmlns="http://www.w3.org/2000/svg" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M7 17L17 7M17 7H8M17 7V16" stroke="currentColor" stroke-width="0.792" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg></a><a className="group/twit flex items-center" target="_blank" href="https://twitter.com/supermemoryai">Twitter<svg className="group-hover/twit:opacity-100 opacity-0 transition hidden md:block" width="24px" height="24px" viewBox="-2.4 -2.4 28.80 28.80" fill="none" xmlns="http://www.w3.org/2000/svg" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M7 17L17 7M17 7H8M17 7V16" stroke="currentColor" stroke-width="0.792" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg></a><a className="group/git flex items-center" target="_blank" href="https://github.com/dhravya/supermemory">Github<svg className="group-hover/git:opacity-100 opacity-0 transition hidden md:block" width="24px" height="24px" viewBox="-2.4 -2.4 28.80 28.80" fill="none" xmlns="http://www.w3.org/2000/svg" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M7 17L17 7M17 7H8M17 7V16" stroke="currentColor" stroke-width="0.792" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg></a>
|
||||
</div>
|
||||
</footer>
|
||||
)
|
||||
}
|
||||
43
web/components/homepage/HomePage.tsx
Normal file
43
web/components/homepage/HomePage.tsx
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
"use client";
|
||||
|
||||
import { motion } from "framer-motion";
|
||||
import React from "react";
|
||||
import { AuroraBackground } from "../ui/aurora-background";
|
||||
|
||||
import icon from "../../public/SurfSense.png"
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
|
||||
export function HomePage() {
|
||||
return (
|
||||
<AuroraBackground>
|
||||
<motion.div
|
||||
initial={{ opacity: 0.0, y: 40 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{
|
||||
delay: 0.3,
|
||||
duration: 0.8,
|
||||
ease: "easeInOut",
|
||||
}}
|
||||
className="relative flex flex-col gap-4 items-center justify-center px-4"
|
||||
>
|
||||
<div className="flex items-center mb-4 text-5xl font-semibold text-gray-900 dark:text-white">
|
||||
<Image className="w-64 h-64 rounded-full" src={icon} alt="logo" />
|
||||
</div>
|
||||
<div className="text-3xl md:text-7xl font-bold dark:text-white text-center">
|
||||
SurfSense
|
||||
</div>
|
||||
{/* <div className="text-lg font-semibold dark:text-neutral-200">Beta v0.0.1</div> */}
|
||||
<div className="font-extralight text-base md:text-4xl dark:text-neutral-200 py-4">
|
||||
A Knowledge Graph 🧠 Brain 🧠 for World Wide Web Surfers.
|
||||
</div>
|
||||
<button className="relative inline-flex h-12 overflow-hidden rounded-full p-[1px] focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50">
|
||||
<span className="absolute inset-[-1000%] animate-[spin_2s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#E2CBFF_0%,#393BB2_50%,#E2CBFF_100%)]" />
|
||||
<Link href={'/signup'} className="inline-flex h-full w-full cursor-pointer items-center justify-center rounded-full bg-slate-950 px-8 py-4 text-2xl font-medium text-white backdrop-blur-3xl">
|
||||
Sign Up
|
||||
</Link>
|
||||
</button>
|
||||
</motion.div>
|
||||
</AuroraBackground>
|
||||
);
|
||||
}
|
||||
63
web/components/homepage/NavBar.tsx
Normal file
63
web/components/homepage/NavBar.tsx
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
"use client";
|
||||
import React, { useState } from "react";
|
||||
import { HoveredLink, Menu, MenuItem, ProductItem } from "../ui/navbar-menu";
|
||||
import { cn } from "@/lib/utils";
|
||||
import { ThemeToggle } from "./theme-toggle";
|
||||
import Image from "next/image";
|
||||
import logo from "../../public/SurfSense.png"
|
||||
import Link from "next/link";
|
||||
|
||||
export function MainNavbar() {
|
||||
return (
|
||||
<div className="relative w-full flex items-center justify-around">
|
||||
<Navbar className="top-2 px-2" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function Navbar({ className }: { className?: string }) {
|
||||
const [active, setActive] = useState<string | null>(null);
|
||||
return (
|
||||
<div
|
||||
className={cn("fixed top-10 inset-x-0 max-w-7xl mx-auto z-50", className)}
|
||||
>
|
||||
<Menu setActive={setActive}>
|
||||
<Link href={"/"} className="flex items-center text-2xl font-semibold text-gray-900 dark:text-white">
|
||||
<Image className="hidden sm:block w-8 h-8 mr-2" src={logo} alt="logo" />
|
||||
<span className="hidden md:block">SurfSense</span>
|
||||
</Link>
|
||||
|
||||
<div className="flex gap-2">
|
||||
<Link href={"/login"}>
|
||||
<button className="px-4 py-2 rounded-md border border-black bg-white text-black text-sm hover:shadow-[4px_4px_0px_0px_rgba(0,0,0)] transition duration-200">
|
||||
Log In
|
||||
</button>
|
||||
</Link>
|
||||
|
||||
<Link href={"/signup"}>
|
||||
<button className="px-4 py-2 rounded-md border border-black bg-white text-black text-sm hover:shadow-[4px_4px_0px_0px_rgba(0,0,0)] transition duration-200">
|
||||
Sign Up
|
||||
</button>
|
||||
</Link>
|
||||
|
||||
<Link href={"/settings"}>
|
||||
<button className="px-4 py-2 rounded-md border border-black bg-white text-black text-sm hover:shadow-[4px_4px_0px_0px_rgba(0,0,0)] transition duration-200">
|
||||
Settings
|
||||
</button>
|
||||
</Link>
|
||||
|
||||
<Link href={"/chat"} className="grow">
|
||||
<button className="px-4 py-2 rounded-md border border-black bg-white text-black text-sm hover:shadow-[4px_4px_0px_0px_rgba(0,0,0)] transition duration-200">
|
||||
🧠
|
||||
</button>
|
||||
</Link>
|
||||
|
||||
|
||||
|
||||
<ThemeToggle />
|
||||
</div>
|
||||
|
||||
</Menu>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
40
web/components/homepage/theme-toggle.tsx
Normal file
40
web/components/homepage/theme-toggle.tsx
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import { Moon, Sun } from "lucide-react"
|
||||
import { useTheme } from "next-themes"
|
||||
|
||||
import { Button } from "@/components/ui/button"
|
||||
import {
|
||||
DropdownMenu,
|
||||
DropdownMenuContent,
|
||||
DropdownMenuItem,
|
||||
DropdownMenuTrigger,
|
||||
} from "@/components/ui/dropdown-menu"
|
||||
|
||||
export function ThemeToggle() {
|
||||
const { setTheme } = useTheme()
|
||||
|
||||
return (
|
||||
<DropdownMenu>
|
||||
<DropdownMenuTrigger asChild>
|
||||
<Button className="bg-transparent" variant="ghost" size="sm">
|
||||
<Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
|
||||
<Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
|
||||
<span className="sr-only">Toggle theme</span>
|
||||
</Button>
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent align="end">
|
||||
<DropdownMenuItem onClick={() => setTheme("light")}>
|
||||
Light
|
||||
</DropdownMenuItem>
|
||||
<DropdownMenuItem onClick={() => setTheme("dark")}>
|
||||
Dark
|
||||
</DropdownMenuItem>
|
||||
<DropdownMenuItem onClick={() => setTheme("system")}>
|
||||
System
|
||||
</DropdownMenuItem>
|
||||
</DropdownMenuContent>
|
||||
</DropdownMenu>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue