[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" "use client" import Image from "next/image" import Link from "next/link" import { Menu, Twitter, Linkedin, Youtube } from "lucide-react" import { Button } from "@/components/ui/button" export default function Portfolio() { return (

{/* Header */}

TONY B.

PRODUCT DESIGNER

{/* Main Content */}

{/* Left Side - Bio */}

I specialize in crafting visually striking and user-friendly digital experiences. With a passion for blending aesthetics and functionality, I bring ideas to life, creating innovative solutions in the dynamic world of web design.

{/* Social Links */}

{/* Right Side - Grid Sections */}

{/* My Projects Section */}

My Projects

{[1, 2, 3].map((i) => (

))}

{/* My Stack Section */}

My Stack

{[1, 2, 3, 4, 5].map((i) => (

))}

{/* Contact Section */}

Contact

{/* Happy Clients Section */}

{[...Array(5)].map((_, i) => ( ))}

100%

Happy Clients

{[1, 2, 3].map((i) => (

))}

{/* Youtube Section */}

Youtube

{/* Footer */}

) } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; /* Hide scrollbar for Chrome, Safari and Opera */ ::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ * { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } body { background-color: black; }

About

Tags

Share

More from anshumanbehera10

More Templates Like This

About

Tags

Share

About

Tags

Share

More from anshumanbehera10

More Templates Like This