apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-05-19 18:35:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

update app homepage

Browse source
This commit is contained in:
ramnique 2025-02-04 18:26:29 +05:30
parent 54c4d40851
commit 816f5768c8
1 changed files with 35 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

78
apps/rowboat/app/app.tsx
View file

@ -5,6 +5,7 @@ import logo from "@/public/rowboat-logo.png";
import { useUser } from "@auth0/nextjs-auth0/client"; import { useUser } from "@auth0/nextjs-auth0/client";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { Spinner } from "@nextui-org/react"; import { Spinner } from "@nextui-org/react";
import { LogInIcon } from "lucide-react";
export function App() { export function App() {
const router = useRouter(); const router = useRouter();
@ -14,51 +15,42 @@ export function App() {
router.push("/projects"); router.push("/projects");
} }
return <div className="flex h-full justify-center lg:justify-between"> return (
<div className="hidden h-full grow md:justify-start bg-gray-50 bg-[url('/landing-bg.jpg')] bg-cover bg-center p-10 md:flex md:flex-col md:gap-20"> <div className="min-h-screen w-full bg-[url('/landing-bg.jpg')] bg-cover bg-center flex flex-col items-center justify-between py-10">
<div className="flex flex-col items-start gap-48"> {/* Main content box */}
<Image <div className="flex-1 flex items-center justify-center">
src={logo} <div className="bg-white/70 backdrop-blur-sm rounded-xl p-10 flex flex-col items-center gap-8 shadow-lg">
alt="RowBoat Logo" <Image
height={30} src={logo}
/> alt="RowBoat Logo"
<div className="flex flex-col items-start gap-3"> height={40}
<h1 className="text-2xl md:text-3xl lg:text-4xl font-bold inline-block bg-white bg-opacity-75 rounded-lg px-4 py-4"> />
AI agents for human-like customer assistance {isLoading && <Spinner size="sm" />}
</h1> {error && <div className="text-red-500">{error.message}</div>}
<h2 className="text-md md:text-lg lg:text-xl text-gray-600 inline-block bg-white bg-opacity-75 rounded-lg px-4 py-3"> {!isLoading && !error && !user && (
Set up a personalized agent for your app or website in minutes. <a
</h2> className="bg-white/80 hover:bg-white/90 transition-colors text-black px-6 py-3 rounded-md flex items-center gap-2"
href="/api/auth/login"
>
<LogInIcon className="w-4 h-4" />
Sign in to get started
</a>
)}
{user && <div className="flex items-center gap-2">
<Spinner size="sm" />
<div className="text-sm text-gray-400">Welcome, {user.name}</div>
</div>}
</div> </div>
</div> </div>
<TypewriterEffect />
</div> {/* Footer */}
<div className="flex flex-col items-center gap-20 px-28 py-2 justify-center"> <div className="flex flex-col items-center gap-2 text-xs text-white/70">
<Image <div>&copy; 2025 RowBoat Labs</div>
className="md:hidden" <div className="flex gap-4">
src={logo} <a className="hover:text-white transition-colors" href="https://www.rowboatlabs.com/terms-of-service" target="_blank" rel="noopener noreferrer">Terms of Service</a>
alt="RowBoat Logo" <a className="hover:text-white transition-colors" href="https://www.rowboatlabs.com/privacy-policy" target="_blank" rel="noopener noreferrer">Privacy Policy</a>
height={30} </div>
/>
{isLoading && <Spinner size="sm" />}
{error && <div className="text-red-500">{error.message}</div>}
{!isLoading && !error && !user && (
<a
className="bg-blue-500 text-white px-4 py-2 rounded-md"
href="/api/auth/login"
>
Sign in to get started
</a>
)}
{user && <div className="flex items-center gap-2">
<Spinner size="sm" />
<div className="text-sm text-gray-400">Welcome, {user.name}</div>
</div>}
<div className="flex flex-col justify-center items-center px-4 py-2 gap-2">
<div className="text-sm text-gray-400">&copy; 2024 RowBoat Labs</div>
<a className="text-sm text-gray-400 hover:underline" href="https://www.rowboatlabs.com/terms-and-conditions" target="_blank" rel="noopener noreferrer">Terms and Conditions</a>
<a className="text-sm text-gray-400 hover:underline" href="https://www.rowboatlabs.com/privacy-policy" target="_blank" rel="noopener noreferrer">Privacy Policy</a>
</div> </div>
</div> </div>
</div>; );
} }