--- // Import section components import MainLayout from "@/layouts/MainLayout.astro"; import ProductTabBtn from "@/components/ui/buttons/ProductTabBtn.astro"; import PrimaryCTA from "@/components/ui/buttons/PrimaryCTA.astro"; import { Image } from "astro:assets"; import { getCollection } from "astro:content"; import { SITE } from "@/data_files/constants"; // Global declaration for gsap animation library declare global { interface Window { gsap: any; } } // This gets the static paths for all the unique products export async function getStaticPaths() { const productEntries = await getCollection("products"); return productEntries.map((product) => ({ params: { slug: product.slug }, props: { product }, })); } const { product } = Astro.props; const pageTitle: string = `${product.data.title} | ${SITE.title}`; ---

{product.data.main.content}

{product.data.title}

{product.data.description}

{product.data.main.imgAlt}

{product.data.longDescription.title}

{product.data.longDescription.subTitle}

{ product.data.descriptionList.map((list) => (

{list.title}

{list.subTitle}

)) }