[V0_FILE]typescriptreact:file="app/page.tsx" import Link from "next/link" export default function Home() { return (

Welcome to My Website

Navigation Links:

{/* Static Links */}

About Page Contact Page Services Page {/* External Link */} External Website

{/* Dynamic Links */}

Dynamic Links:

{["product-1", "product-2", "product-3"].map((slug) => ( Product: {slug} ))}

) } [V0_FILE]typescriptreact:file="app/about/page.tsx" import Link from "next/link" export default function About() { return (

About Page

This is the about page of our website.

Back to Home

) } [V0_FILE]typescriptreact:file="app/contact/page.tsx" import Link from "next/link" export default function Contact() { return (

Contact Page

This is the contact page of our website.

Back to Home

) } [V0_FILE]typescriptreact:file="app/services/page.tsx" import Link from "next/link" export default function Services() { return (

Services Page

This is the services page of our website.

Back to Home

) } [V0_FILE]typescriptreact:file="app/products/[slug]/page.tsx" import Link from "next/link" export default function Product({ params }: { params: { slug: string } }) { return (

Product: {params.slug}

This is the product page for {params.slug}.

Back to Home All Products

) } [V0_FILE]typescriptreact:file="app/products/page.tsx" import Link from "next/link" export default function Products() { const products = ["product-1", "product-2", "product-3", "product-4", "product-5"] return (

All Products

{products.map((slug) => ( Product: {slug} ))}

Back to Home

) }

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This