You're right - the form isn't appearing. This is likely because the HubSpot script needs to be loaded differently in the Next.js environment. Let me fix this by using Next.js's proper script loading approach and useEffect hook.

I've updated the form integration to use proper React patterns:

Key Changes:

1. useEffect Hook: Properly loads the HubSpot script after component mounts
2. Dynamic Script Loading: Creates and appends the script element programmatically
3. Error Handling: Includes cleanup and proper script management
4. Loading State: Shows "Loading form..." while the form initializes
5. TypeScript Support: Added proper type declarations for window.hbspt

The form should now appear properly. If it still doesn't show up, it could be due to:

• Network restrictions in the preview environment
• Form settings in your HubSpot account (make sure the form is published and active)
• Domain restrictions on the form

Let me know if you see the form now, or if you get any console errors!

I don't have the ability to directly connect to Figma or access Figma files through their API. However, I can help you work with Figma designs in several ways:

What I Can Do:

1. Work with Figma Screenshots/Images

• You can take screenshots of your Figma designs and share them with me
• I can recreate the components based on the visual design
• I'll match colors, spacing, typography, and layout as closely as possible

2. Use Figma Export Assets

• If you export images, icons, or assets from Figma, I can integrate them into the components
• I can use exported SVGs, PNGs, or other assets in the code

3. Work with Design Specs

• Share design specifications (colors, fonts, spacing values) from Figma
• I can implement components using exact measurements and styling

4. Recreate Design Systems

• Build component libraries based on Figma design systems
• Create reusable components that match your Figma components

How to Work Together:

1. Share Screenshots: Take screenshots of the Figma designs you want built
2. Export Assets: Export any images, icons, or graphics I'll need
3. Provide Specs: Share color codes, font names, spacing values if available
4. Describe Interactions: Tell me about any hover states, animations, or interactive behaviors

Example Workflow:

Would you like to share some Figma designs for me to recreate? Just upload screenshots or exported assets and I'll build the components to match your designs perfectly!