import React from 'react'
import ResponsiveNav from "@/components/Navbar/ResponsiveNav";
import { fetchCourses, fetchSettings, fetchAboutus } from "@/utils";
import {AboutusProps } from "@/types";
import Home from '@/components/Aboutus/Home';

async function getCourses() {
    const courses = await fetchCourses();
    return courses;
}

async function getAboutus() {
    const aboutus: AboutusProps[] = await fetchAboutus();
    return aboutus;
}

async function getSettings() {
    const settings = await fetchSettings();
    return settings;
}

export const metadata = {
    title: "One And All Music",
    description: "發掘你的音樂之路 - 專業音樂課程、樂器教學、音樂活動",
    icons: {
      icon: '/favicon.ico',
    },
  }
  

export default async function Page() {
    const courses = await getCourses();
    const settings = await getSettings();
    const aboutus = await getAboutus();
    //const course = await getCourse(params.slug);

    return (
        <div className='bg-[#F6E8E9]'>

            <ResponsiveNav courses={courses} settings={settings} />
            <Home settings={settings} aboutus={aboutus} />

        </div>
    )
}