HEX

File: /var/www/html/orbi-individual/sections/Home.js
import dynamic from 'next/dynamic';
import Head from 'next/head';

const Banner = dynamic(() => import('@/components/UI/banner'));
const About = dynamic(() => import('@/components/UI/about'));
const AvailableVehicle = dynamic(() => import('@/components/UI/availableVehicle'));
const Services = dynamic(() => import('@/components/UI/services'));
const Showcase = dynamic(() => import('@/components/UI/showcase'));
const BookingForm = dynamic(() => import('@/components/UI/bookingForm'));
const Experiences = dynamic(() => import('@/components/UI/experiences'));
const Testimonial = dynamic(() => import('@/components/UI/testimonial'));


export default function Home({data}) {
 
  return (
    <>
      <Head>
        <title> {data?.website_name}</title>
        <meta name="description" content={`Welcome to the home page of ${data?.website_name}`}  />
      </Head>
      <main>
        <Banner title="Welcome to Our Service" BannerData={data} />
        <About description="We are dedicated to providing the best service." AboutData={data}/>
        <AvailableVehicle AvailableVehicleData={data}/>
        <Services ServicesData={data}/>
        <Showcase ShowcaseData={data}/>
        <BookingForm BookingFormData={data}/>
        <Experiences ExperiencesData={data}/>
        <Testimonial TestimonialData={data}/>
      </main>
    </>
  );
}