Initial commit

2026-02-09 19:38:58 +02:00
commit 3412c86863
656 changed files with 77350 additions and 0 deletions
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,123 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+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="elastic-effect"
+                defaultTextAnimation="entrance-slide"
+                borderRadius="pill"
+                contentWidth="mediumLarge"
+                sizing="largeSmall"
+                background="aurora"
+                cardStyle="inset"
+                primaryButtonStyle="flat"
+                secondaryButtonStyle="glass"
+                headingFontWeight="medium"
+            >
+                <ReactLenis root>
+                    <div id="navbar" data-section="navbar">
+                        <NavbarStyleApple
+                            brandName="Bee"
+                            navItems={[
+                                {"name":"Home","id":"/"},
+                                {"name":"About","id":"about"},
+                                {"name":"Services","id":"services"},
+                                {"name":"Gallery","id":"gallery"},
+                                {"name":"Testimonials","id":"testimonials"},
+                                {"name":"Contact","id":"contact"},
+                                {"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":"Explore","items":[{"label":"Gallery","href":"gallery"},{"label":"Services","href":"services"},{"label":"About","href":"about"},{"label":"Testimonials","href":"testimonials"}]},
+                                {"title":"Connect","items":[{"label":"Contact Us","href":"contact"},{"label":"Email","href":"mailto:hello@beeflowers.com"},{"label":"Instagram","href":"https://instagram.com"},{"label":"Newsletter","href":"contact"}]},
+                                {"title":"Support","items":[{"label":"FAQ","href":"#"},{"label":"Delivery Info","href":"#"},{"label":"Care Guide","href":"#"},{"label":"Policies","href":"#"}]}
+                            ]}
+                            copyrightText="© 2025 Bee Flowers Studio. All rights reserved. Crafted with love and petals."
+                        />
+                    </div>
+                </ReactLenis>
+            </ThemeProvider>
+        );
+    }
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="elastic-effect"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="pill"
+            contentWidth="mediumLarge"
+            sizing="largeSmall"
+            background="aurora"
+            cardStyle="inset"
+            primaryButtonStyle="flat"
+            secondaryButtonStyle="glass"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <div id="navbar" data-section="navbar">
+                    <NavbarStyleApple
+                        brandName="Bee"
+                        navItems={[
+                            {"name":"Home","id":"/"},
+                            {"name":"About","id":"about"},
+                            {"name":"Services","id":"services"},
+                            {"name":"Gallery","id":"gallery"},
+                            {"name":"Testimonials","id":"testimonials"},
+                            {"name":"Contact","id":"contact"},
+                            {"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":"Explore","items":[{"label":"Gallery","href":"gallery"},{"label":"Services","href":"services"},{"label":"About","href":"about"},{"label":"Testimonials","href":"testimonials"}]},
+                            {"title":"Connect","items":[{"label":"Contact Us","href":"contact"},{"label":"Email","href":"mailto:hello@beeflowers.com"},{"label":"Instagram","href":"https://instagram.com"},{"label":"Newsletter","href":"contact"}]},
+                            {"title":"Support","items":[{"label":"FAQ","href":"#"},{"label":"Delivery Info","href":"#"},{"label":"Care Guide","href":"#"},{"label":"Policies","href":"#"}]}
+                        ]}
+                        copyrightText="© 2025 Bee Flowers Studio. All rights reserved. Crafted with love and petals."
+                    />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}