frontend/src/pages/HomePage.js

// pages/HomePage.js
// import React, { useState } from 'react';
import ANavbar from '../molecules/Navbar';
import AboutUsSection from '../molecules/AboutUsSection';
import NewsSection from '../organisms/NewsSection';
import StoreSection from '../organisms/StoreSection';
import MenuSection from '../organisms/MenuSection';
import ContactSection from '../molecules/ContactSection';

function HomePage () {
    // const [isLoggedIn, setIsLoggedIn] = useState(false);
    // const [user, setUser] = useState({ name: 'User' });

    const newsFeeds = [
        { title: 'Feed 1', text: 'This is the first feed', imageSrc: '/placeholder1.jpg', feedHref: '' }, 
        { title: 'Feed 2', text: 'This is the second feed', imageSrc: '/placeholder1.jpg', feedHref: '' }, 
        { title: 'Feed 3', text: 'This is the third feed', imageSrc: '/placeholder1.jpg', feedHref: ''}
    ];
    const stores = [
        { storeName: 'Store 1', address: 'Address 1', imageSrc: '/placeholder2.jpg' }, 
        { storeName: 'Store 2', address: 'Address 2', imageSrc: '/placeholder2.jpg' },
        { storeName: 'Store 3', address: 'Address 3', imageSrc: '/placeholder2.jpg' },
    ];
   

    return (
        <>
            <ANavbar id="home"></ANavbar>
            <AboutUsSection></AboutUsSection>
            <br></br>
            <NewsSection newsFeeds={newsFeeds}></NewsSection>
            <br></br>
            <StoreSection stores={stores}></StoreSection>
            <br></br>
            <MenuSection></MenuSection>
            <br></br>
            <ContactSection></ContactSection>
        </>
    );
};

export default HomePage;