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

48
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 { useRouter } from "next/navigation";
import { Spinner } from "@nextui-org/react";
import { LogInIcon } from "lucide-react";
export function App() {
const router = useRouter();
@ -14,39 +15,24 @@ export function App() {
router.push("/projects");
}
return <div className="flex h-full justify-center lg:justify-between">
<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="flex flex-col items-start gap-48">
return (
<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">
{/* Main content box */}
<div className="flex-1 flex items-center justify-center">
<div className="bg-white/70 backdrop-blur-sm rounded-xl p-10 flex flex-col items-center gap-8 shadow-lg">
<Image
src={logo}
alt="RowBoat Logo"
height={30}
/>
<div className="flex flex-col items-start gap-3">
<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
</h1>
<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">
Set up a personalized agent for your app or website in minutes.
</h2>
</div>
</div>
<TypewriterEffect />
</div>
<div className="flex flex-col items-center gap-20 px-28 py-2 justify-center">
<Image
className="md:hidden"
src={logo}
alt="RowBoat Logo"
height={30}
height={40}
/>
{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"
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>
)}
@ -54,11 +40,17 @@ export function App() {
<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>;
{/* Footer */}
<div className="flex flex-col items-center gap-2 text-xs text-white/70">
<div>&copy; 2025 RowBoat Labs</div>
<div className="flex gap-4">
<a className="hover:text-white transition-colors" href="https://www.rowboatlabs.com/terms-of-service" target="_blank" rel="noopener noreferrer">Terms of Service</a>
<a className="hover:text-white transition-colors" href="https://www.rowboatlabs.com/privacy-policy" target="_blank" rel="noopener noreferrer">Privacy Policy</a>
</div>
</div>
</div>
);
}