import React, { Fragment } from 'react';
import Navbar from '../components/Navbar/Navbar'
import Hero from '../components/hero/hero';
import Features from '../components/Features/Features';
import About from '../components/about/about';
import ServiceSection from '../components/ServiceSection/ServiceSection';
import ServiceSectionS2 from '../components/ServiceSectionS2/ServiceSectionS2';
import CampaignSection from '../components/CampaignSection/CampaignSection';
import Testimonial from '../components/Testimonial/Testimonial';
import FunFact from '../components/FunFact/FunFact';
import TeamSection from '../components/TeamSection/TeamSection';
import BlogSection from '../components/BlogSection/BlogSection';
import InstagramSection from '../components/InstagramSection/InstagramSection';
import Donors from '../components/Donors/Donors';
import PartnerSection from '../components/PartnerSection/PartnerSection';
import abimg from '/public/images/about.jpg'
import FunFactVideo from '../components/FunFactVideo/FunFactVideo';
import Footer from '../components/footer/Footer';
import Scrollbar from '../components/scrollbar/scrollbar';

const HomePage = () => {
    return (
        <Fragment>
            <Navbar hclass={'wpo-site-header-s1'} topbarNone={'topbar-none'} Logo={'/images/logo.svg'} />
            <Hero />
            <Features sClass={'wpo-service-section-s2'} />
            <About abimg={abimg} abClass={'wpo-about-section-s2'}/>
            <ServiceSection />
            <FunFact fnTpClass={'funfact-wrap-sec'} fnClass={'wpo-fun-fact-section-s3'} />
            <ServiceSectionS2 />
            <Testimonial />
            <FunFactVideo />
            {/* <CampaignSection/> */}
            <TeamSection />
            <Donors />
            <BlogSection />
            {/* <InstagramSection/> */}
            {/* <PartnerSection/> */}
            <Footer />
            <Scrollbar />
        </Fragment>
    )
};
export default HomePage;