import React from 'react'
import Header from '../../../components/Header/Header'
import Footer from '../../../components/Footer/Footer'
import Download from '../../../components/Download/Download'
import AppFeatures from '../../../components/AppFeatures/AppFeatures'
import AboutUs from '../../../components/AboutUs/AboutUs'
import HeroBanner from '../../../components/HeroBanner/HeroBanner'
import { Metadata } from 'next'
import NotificationBar from '../../../components/NotificationBar'

export const metadata: Metadata = {
    title: 'Noble - Buy | Auction | Sell - Authenticity With Every Step',
    description: 'The Noble app is revolutionizing the South African sneaker and fashion shopping experience, setting a new standard for convenience, style, and innovation.',
    openGraph: {
        images: `${process.env.NEXT_PUBLIC_BASE_IMAGE_PATH}/images/noble-home.png`
    }
}

const page = (): React.ReactNode => {
    return (
        <>
            {/* <NotificationBar/> */}
            <Header />
            <HeroBanner />
            <AboutUs />
            <AppFeatures />
            <Download />
            <Footer />
        </>
    )
}

export default page