The error shows that FeaturedProducts is not imported in the page.tsx file. Let me read the file and fix the missing import:

I see the issue - the FeaturedProducts import is missing. Let me add it:

Fixed the missing import for FeaturedProducts component. The error occurred because when I edited the file earlier to add the chatbot, the import statement for FeaturedProducts was not included in the original file. The page should now render correctly with all the home sections displayed.

The import is correct and the file exists. Let me check the featured-products component itself to ensure it has the correct export:

The component looks correct and has a proper export. The errors you're seeing appear to be cached from before I added the import. The page.tsx file now correctly has:

And the component file exists with a proper export function FeaturedProducts().

The fix has been applied - the import statement is now present in the page.tsx file. The browser may need to refresh to pick up the latest changes. If the error persists after a refresh, please let me know and I'll investigate further.

The error is that the product detail page has both "use client" and generateStaticParams() which is not allowed in Next.js. Let me fix this by refactoring the page to separate the client and server parts:

I see the issue - the page has both "use client" and generateStaticParams() which is not allowed. I need to remove the generateStaticParams since this is a client component, and the params handling using use() is already correct for client components:

I also need to remove the unused products import since we removed the generateStaticParams:

Fixed the error by removing generateStaticParams() from the client component page. In Next.js, you cannot use both "use client" and generateStaticParams() in the same file - the former makes it a client component while the latter is a server-side function. The home page should now load correctly.