import Head from 'next/head';
import React, { useEffect, useCallback } from 'react';
import CoursesCarousel from '@/components/content/carousels/CoursesCarousel';
import WorkshopsCarousel from '@/components/content/carousels/WorkshopsCarousel';
import HeroBanner from '@/components/banner/HeroBanner';
import ResourcesCarousel from '@/components/content/carousels/ResourcesCarousel';
import { useLocalStorageWithEffect } from '@/hooks/useLocalStorage';
import axios from 'axios';
export default function Home() {
const [contentIds, setContentIds] = useLocalStorageWithEffect('contentIds', []);
const fetchContentIds = useCallback(async () => {
try {
const response = await axios.get('/api/content/all');
const ids = response.data;
setContentIds(ids);
} catch (error) {
console.error('Failed to fetch content IDs:', error);
}
}, []);
useEffect(() => {
fetchContentIds();
}, [fetchContentIds]);
return (
<>
Create Next App
);
}