import React, { useEffect } from 'react';
import Navbar from "../../components/Navbar";
import PropTypes from "prop-types";
import Hero from "./Hero";
import IniciativasDestaque from "./IniciativasDestaque";
import IniciativasList from "./IniciativasList";
import { iniciativas } from './iniciativasData';
import Footer from "../HomePage/Footer";

const IniciativasPage = () => {

    useEffect(() => {
        window.scrollTo(0, 0);
    }, []);
    
    return (
        <div className="min-h-screen">
            {/* Navegação */}
            <Navbar />

            {/* Hero Section */}
            <Hero />

            {/* Destaque */}
            <IniciativasDestaque iniciativas={iniciativas} />

            {/* Lista de Iniciativas */}
            <IniciativasList iniciativas={iniciativas} />

            <Footer />
        </div>
    );
};

export default IniciativasPage;

IniciativasPage.propTypes = {};