import SocialNetworks from '../components/shared/SocialNetworks';
import Contact from '../components/shared/Contact';
import BlogSection from '../components/BlogSection';
import PageLayout from '../layout/PageLayout';

export default function Blog({forwardedRef}) {
  return (
    <PageLayout>
    <div className="bg-white dark:bg-dg-primary-1700 w-full pt-32">
      <BlogSection bgColor="bg-white dark:bg-dg-primary-1700" padding="py-16" />
      {/* Social Networks Section */}
      <section
        id="posts"
        className="bg-baby-blue dark:bg-dg-primary-1600 flex flex-col items-center justify-center px-4"
      >
        <SocialNetworks bgColor="bg-white" />
      </section>

      {/* Contact Section */}
      <section id="contact" className="h-fit bg-white dark:bg-dg-primary-1700 px-4 " ref={forwardedRef}>
        <Contact defaultIndex={0} />
      </section>
    </div>
    </PageLayout>
  );
}
