[V0_FILE]typescriptreact:file="components/pulsing-border-shader.tsx" import { PulsingBorder } from "@paper-design/shaders-react" export default function PulsingBorderShader(props) { return ( ) } [V0_FILE]typescriptreact:file="hero-section.tsx" import { Button } from "@/components/ui/button" import PulsingBorderShader from "./components/pulsing-border-shader" import { ArrowRight, Sparkles } from "lucide-react" export default function Component() { return (

{/* Background gradient */}

{/* Hero content */}

{/* Left side - Text content */}

AI-Powered Personal Assistant

Your personal{" "} agent

Experience the future of productivity with an AI agent that understands you, learns from you, and works tirelessly to make your life easier.

Available 24/7

No setup required

Enterprise ready

{/* Right side - Animation */}

{/* Glow effect behind the shader */}

{/* Main shader component */}

{/* Floating elements */}

{/* Bottom gradient fade */}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isQuickEdit="true" import HeroSection from "../hero-section" export default function Page() { return (

) }

About

Tags

Share

About

Tags

Share

More from lenxism

More Templates Like This

About

Tags

Share

About

Tags

Share

More from lenxism

More Templates Like This