app/(storefront)/(main)/layout.tsx

import { NavBar } from "@/components/navbar";
import "../../../styles/globals.css";
import { Footer } from "@/components/footer";
import React from "react";
import { FloatingStar } from "@/components/floating-star";

export const metadata = {
  title: "ShopSmart - Multi-store shopping",
  description: "Shop smart, live better with ShopSmart.",
};

export default async function StorefrontLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="min-h-screen w-full flex flex-col">
      <FloatingStar />
      <NavBar showSecondAnnouncementBar={true} />
      <div className="h-full flex-1 mb-8">{children}</div>
      <Footer />
    </div>
  );
}