Initial commit

2026-02-09 18:13:22 +02:00
commit 09e956a6c0
656 changed files with 77330 additions and 0 deletions
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,117 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+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="bounce-effect"
+                defaultTextAnimation="entrance-slide"
+                borderRadius="rounded"
+                contentWidth="mediumLarge"
+                sizing="largeSmall"
+                background="floatingGradient"
+                cardStyle="subtle-shadow"
+                primaryButtonStyle="shadow"
+                secondaryButtonStyle="glass"
+                headingFontWeight="light"
+            >
+                <ReactLenis root>
+                    <div id="navbar" data-section="navbar">
+                        <NavbarLayoutFloatingInline
+                            brandName="SaasPro"
+                            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">
+                        <FooterSimple
+                            columns={[
+                                {"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"#"},{"label":"API","href":"#"}]},
+                                {"title":"Company","items":[{"label":"About","href":"#"},{"label":"Blog","href":"#"},{"label":"Careers","href":"#"},{"label":"Contact","href":"#contact"}]},
+                                {"title":"Resources","items":[{"label":"Documentation","href":"#"},{"label":"Help Center","href":"#"},{"label":"Community","href":"#"},{"label":"Templates","href":"#"}]},
+                                {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Cookie Policy","href":"#"}]}
+                            ]}
+                            bottomLeftText="© 2025 SaasPro. All rights reserved."
+                            bottomRightText="Made with modern design principles"
+                        />
+                    </div>
+                </ReactLenis>
+            </ThemeProvider>
+        );
+    }
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="bounce-effect"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="mediumLarge"
+            sizing="largeSmall"
+            background="floatingGradient"
+            cardStyle="subtle-shadow"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="glass"
+            headingFontWeight="light"
+        >
+            <ReactLenis root>
+                <div id="navbar" data-section="navbar">
+                    <NavbarLayoutFloatingInline
+                        brandName="SaasPro"
+                        navItems={[
+                            {"name":"Home","id":"/"},
+                            {"name":"Shop","id":"/shop"}
+                        ]}
+                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                    />
+                </div>
+                <div id="product-catalog" data-section="product-catalog">
+                    <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">
+                    <FooterSimple
+                        columns={[
+                            {"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"#"},{"label":"API","href":"#"}]},
+                            {"title":"Company","items":[{"label":"About","href":"#"},{"label":"Blog","href":"#"},{"label":"Careers","href":"#"},{"label":"Contact","href":"#contact"}]},
+                            {"title":"Resources","items":[{"label":"Documentation","href":"#"},{"label":"Help Center","href":"#"},{"label":"Community","href":"#"},{"label":"Templates","href":"#"}]},
+                            {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Cookie Policy","href":"#"}]}
+                        ]}
+                        bottomLeftText="© 2025 SaasPro. All rights reserved."
+                        bottomRightText="Made with modern design principles"
+                    />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}