Instructions
Notes for editing and extending the Bizflow website.
Where do global styles live?
Update the Tailwind config or assets/css/main.css for site-wide type, color, and spacing changes.
How do I add a reusable component?
Create a .vue file inside components/. Nuxt auto-imports components for use in pages and templates.
How do I add an animation?
Add data-fade, data-char-anim, or data-zoom to an element. The useAnimations composable starts the GSAP ScrollTrigger animation when the page mounts.
How do I make an image responsive?
Use srcset and sizes on the <img> tag. Store local images in public/images/ and reference them with /images/.
How do I add a form?
Use standard HTML fields and handle submission with Vue's @submit.prevent. The contact page shows reactive state, validation, and a success state.
Where do I change GSAP settings?
The shared animations live in composables/useAnimations.ts. Change duration, easing, or distance there. The plugin is registered in plugins/gsap.client.ts.