aragrp/components/conditional-layout.tsx

'use client'

import FooterSection from '@/components/footer'
import { HeroHeader } from '@/components/header'
import { PageAtmosphere, PageGrid } from '@/components/page-atmosphere'

export function ConditionalLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <>
      <PageAtmosphere />
      <div className="page-content relative">
        <PageGrid />
        <div className="relative z-[1]">
          <HeroHeader />
          {children}
          <FooterSection />
        </div>
      </div>
    </>
  )
}