Page-level Integration

Use <DynamicButton> inside specific page components.

/* app/product/[id]/page.tsx */
export default function ProductPage() {
  return (
    <>
      <DynamicButton pageType="product" />
      <ProductDetails />
    </>
  );
}

This ensures the "Share" button only appears when the user is actually viewing a product.

Next Steps

• Understand Layout-level Integration
• Explore App-level Providers
• Learn about Native App Integration