development/7a537e81-85dd-49cf-b3c1-66f0e7e482e5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
DK
2026-02-08 19:38:03 +00:00
commit e648dbd48e
656 changed files with 77428 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

155
src/app/shop/page.tsx Normal file
View File

@@ -0,0 +1,155 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
import { useProductCatalog } from "@/hooks/useProductCatalog";
import { useState } from "react";
export default function ShopPage() {
const {
products,
isLoading,
search,
setSearch,
filters,
} = useProductCatalog({ basePath: "/shop" });
const [cartOpen, setCartOpen] = useState(false);
if (isLoading) {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
brandName="Mind Mush"
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" }
]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading products...</p>
</main>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Changelog", href: "https://mindmush.app/changelog" },
{ label: "Roadmap", href: "https://mindmush.app/roadmap" }
]
},
{
title: "Company", items: [
{ label: "About", href: "https://mindmush.app/about" },
{ label: "Blog", href: "https://mindmush.app/blog" },
{ label: "Careers", href: "https://mindmush.app/careers" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Resources", items: [
{ label: "Documentation", href: "https://docs.mindmush.app" },
{ label: "Community", href: "https://community.mindmush.app" },
{ label: "Tutorials", href: "https://mindmush.app/tutorials" },
{ label: "Status", href: "https://status.mindmush.app" }
]
}
]}
copyrightText="© 2025 Mind Mush. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
brandName="Mind Mush"
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" }
]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<div id="productCatalog" data-section="productCatalog">
<ProductCatalog
layout="page"
products={products}
searchValue={search}
onSearchChange={setSearch}
searchPlaceholder="Search products..."
filters={filters}
emptyMessage="No products found"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Changelog", href: "https://mindmush.app/changelog" },
{ label: "Roadmap", href: "https://mindmush.app/roadmap" }
]
},
{
title: "Company", items: [
{ label: "About", href: "https://mindmush.app/about" },
{ label: "Blog", href: "https://mindmush.app/blog" },
{ label: "Careers", href: "https://mindmush.app/careers" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Resources", items: [
{ label: "Documentation", href: "https://docs.mindmush.app" },
{ label: "Community", href: "https://community.mindmush.app" },
{ label: "Tutorials", href: "https://mindmush.app/tutorials" },
{ label: "Status", href: "https://status.mindmush.app" }
]
}
]}
copyrightText="© 2025 Mind Mush. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}