Update src/app/shop/page.tsx

Merge version_2 into main

src/app/blog/page.tsx

@@ -24,19 +24,21 @@ export default function BlogPage() {
             headingFontWeight="extrabold"
         >
             <ReactLenis root>
-                <NavbarStyleFullscreen
+                <div id="nav" data-section="nav">
-                    navItems={[
+                    <NavbarStyleFullscreen
-                        { name: "Home", id: "/" },
+                        navItems={[
-                        { name: "Menu", id: "#products" },
+                            { name: "Home", id: "/" },
-                        { name: "About", id: "#about" },
+                            { name: "Menu", id: "/#products" },
-                        { name: "Testimonials", id: "#testimonials" },
+                            { name: "About", id: "/#about" },
-                        { name: "FAQ", id: "#faq" },
+                            { name: "Testimonials", id: "/#testimonials" },
-                        { name: "Contact", id: "#contact" },
+                            { name: "FAQ", id: "/#faq" },
-                    ]}
+                            { name: "Contact", id: "/#contact" },
-                    brandName="ChimiC&quot;h&quot;angaCo"
+                        ]}
-                    bottomLeftText="Taste the Tradition"
+                        brandName="ChimiC&quot;h&quot;angaCo"
-                    bottomRightText="Order Now!"
+                        bottomLeftText="Taste the Tradition"
-                />
+                        bottomRightText="Order Now!"
+                    />
+                </div>
 
                 {isLoading ? (
                     <div className="w-content-width mx-auto py-20 text-center">
@@ -53,32 +55,34 @@ export default function BlogPage() {
                         carouselMode="buttons"
                     />
                 )}
-
+                
-                <FooterBaseCard
+                <div id="footer" data-section="footer">
-                    logoText="ChimiC&quot;h&quot;angaCo"
+                    <FooterBaseCard
-                    columns={[
+                        logoText="ChimiC&quot;h&quot;angaCo"
-                        {
+                        columns={[
-                            title: "Menu",                            items: [
+                            {
-                                { label: "Beef Chimichanga", href: "#products" },
+                                title: "Menu",                                items: [
-                                { label: "Chicken Chimichanga", href: "#products" },
+                                    { label: "Beef Chimichanga", href: "/#products" },
-                                { label: "Vegetarian Chimichanga", href: "#products" },
+                                    { label: "Chicken Chimichanga", href: "/#products" },
-                            ],
+                                    { label: "Vegetarian Chimichanga", href: "/#products" },
-                        },
+                                ],
-                        {
+                            },
-                            title: "Company",                            items: [
+                            {
-                                { label: "About Us", href: "#about" },
+                                title: "Company",                                items: [
-                                { label: "Contact", href: "#contact" },
+                                    { label: "About Us", href: "/#about" },
-                            ],
+                                    { label: "Contact", href: "/#contact" },
-                        },
+                                ],
-                        {
+                            },
-                            title: "Support",                            items: [
+                            {
-                                { label: "FAQ", href: "#faq" },
+                                title: "Support",                                items: [
-                                { label: "Privacy Policy", href: "/privacy" },
+                                    { label: "FAQ", href: "/#faq" },
-                            ],
+                                    { label: "Privacy Policy", href: "/privacy" },
-                        },
+                                ],
-                    ]}
+                            },
-                    copyrightText="© 2024 ChimiC&quot;h&quot;angaCo. All rights reserved."
+                        ]}
-                />
+                        copyrightText="© 2024 ChimiC&quot;h&quot;angaCo. All rights reserved."
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );

src/app/page.tsx

@@ -60,7 +60,7 @@ export default function LandingPage() {
 
       <div id="products" data-section="products">
         <ProductCardTwo 
-          products={[{id:"1",brand:"ChimiC"h"angaCo",name:"Classic Beef Chimichanga",price:"$12.99",rating:5,reviewCount:"1.2k",imageSrc:"https://img.b2bpic.net/free-photo/lavash-stuffed-with-mixed-ingredients-finely-roasted_114579-1768.jpg?_wi=1",imageAlt:"Classic Beef Chimichanga"},{id:"2",brand:"ChimiC"h"angaCo",name:"Spicy Chicken Chimichanga",price:"$11.99",rating:4,reviewCount:"870",imageSrc:"https://img.b2bpic.net/free-photo/mexican-tacos-with-chicken-bell-peppers-black-beans-fresh-vegetables_2829-20051.jpg",imageAlt:"Spicy Chicken Chimichanga"},{id:"3",brand:"ChimiC"h"angaCo",name:"Vegetarian Bean & Cheese",price:"$10.99",rating:4,reviewCount:"550",imageSrc:"https://img.b2bpic.net/free-photo/lavash-stuffed-with-mixed-ingredients-finely-roasted_114579-1768.jpg?_wi=2",imageAlt:"Vegetarian Bean & Cheese Chimichanga"},{id:"4",brand:"ChimiC"h"angaCo",name:"Smoky Pork Carnitas",price:"$13.49",rating:5,reviewCount:"980",imageSrc:"https://img.b2bpic.net/free-photo/lavash-stuffed-with-mixed-ingredients-finely-roasted_114579-1768.jpg?_wi=3",imageAlt:"Smoky Pork Carnitas Chimichanga"}]}
+          products={[{id:"1",brand:"ChimiC\"h\"angaCo",name:"Classic Beef Chimichanga",price:"$12.99",rating:5,reviewCount:"1.2k",imageSrc:"https://img.b2bpic.net/free-photo/lavash-stuffed-with-mixed-ingredients-finely-roasted_114579-1768.jpg?_wi=1",imageAlt:"Classic Beef Chimichanga"},{id:"2",brand:"ChimiC\"h\"angaCo",name:"Spicy Chicken Chimichanga",price:"$11.99",rating:4,reviewCount:"870",imageSrc:"https://img.b2bpic.net/free-photo/mexican-tacos-with-chicken-bell-peppers-black-beans-fresh-vegetables_2829-20051.jpg",imageAlt:"Spicy Chicken Chimichanga"},{id:"3",brand:"ChimiC\"h\"angaCo",name:"Vegetarian Bean & Cheese",price:"$10.99",rating:4,reviewCount:"550",imageSrc:"https://img.b2bpic.net/free-photo/lavash-stuffed-with-mixed-ingredients-finely-roasted_114579-1768.jpg?_wi=2",imageAlt:"Vegetarian Bean & Cheese Chimichanga"},{id:"4",brand:"ChimiC\"h\"angaCo",name:"Smoky Pork Carnitas",price:"$13.49",rating:5,reviewCount:"980",imageSrc:"https://img.b2bpic.net/free-photo/lavash-stuffed-with-mixed-ingredients-finely-roasted_114579-1768.jpg?_wi=3",imageAlt:"Smoky Pork Carnitas Chimichanga"}]}
           title="Our Delicious Chimichangas"
           description="Explore our mouth-watering selection of handcrafted chimichangas, made with fresh ingredients and authentic recipes."
           textboxLayout="default"

src/app/shop/[id]/page.tsx

@@ -18,9 +18,22 @@ interface ProductPageProps {
 
 export default function ProductPage({ params }: ProductPageProps) {
     return (
-        <Suspense fallback={null}>
+        <ThemeProvider
-            <ProductPageContent params={params} />
+            defaultButtonVariant="icon-arrow"
-        </Suspense>
+            defaultTextAnimation="entrance-slide"
+            borderRadius="soft"
+            contentWidth="compact"
+            sizing="medium"
+            background="fluid"
+            cardStyle="soft-shadow"
+            primaryButtonStyle="primary-glow"
+            secondaryButtonStyle="glass"
+            headingFontWeight="extrabold"
+        >
+            <Suspense fallback={null}>
+                <ProductPageContent params={params} />
+            </Suspense>
+        </ThemeProvider>
     );
 }
 
@@ -75,142 +88,107 @@ function ProductPageContent({ params }: ProductPageProps) {
     }, [cartItems, checkout, getCheckoutItems]);
 
     const navbarProps = {
-        navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }],
+        navItems: [{
-        brandName: "ChimiC"h"angaCo",        bottomLeftText: "Taste the Tradition",        bottomRightText: "Order Now!",        button: { text: "Cart", onClick: () => setCartOpen(true) }
+            name: "Home",            id: "/"
+        }, {
+            name: "Shop",            id: "/shop"
+        }],
+        brandName: "ChimiC\"h\"angaCo",        bottomLeftText: "Taste the Tradition",        bottomRightText: "Order Now!",        button: { text: "Cart", onClick: () => setCartOpen(true) }
     };
 
     const footerProps = {
-        logoText: "ChimiC"h"angaCo",        columns: [
+        logoText: "ChimiC\"h\"angaCo",        columns: [
-            { title: "Menu", items: [{ label: "Beef Chimichanga", href: "#products" }, { label: "Chicken Chimichanga", href: "#products" }, { label: "Vegetarian Chimichanga", href: "#products" }] },
+            { title: "Menu", items: [{ label: "Beef Chimichanga", href: "/#products" }, { label: "Chicken Chimichanga", href: "/#products" }, { label: "Vegetarian Chimichanga", href: "/#products" }] },
-            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+            { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Contact", href: "/#contact" }] },
-            { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "/privacy" }] }
+            { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Privacy Policy", href: "/privacy" }] }
         ],
-        copyrightText: "© 2024 ChimiC"h"angaCo. All rights reserved."
+        copyrightText: "© 2024 ChimiC\"h\"angaCo. All rights reserved."
     };
 
     if (isLoading) {
         return (
-            <ThemeProvider
+            <ReactLenis root>
-                defaultButtonVariant="icon-arrow"
+                <div id="nav" data-section="nav">
-                defaultTextAnimation="entrance-slide"
+                    <NavbarStyleFullscreen {...navbarProps} />
-                borderRadius="soft"
+                </div>
-                contentWidth="compact"
+                <main className="min-h-screen flex items-center justify-center pt-20">
-                sizing="medium"
+                    <p className="text-foreground">Loading product...</p>
-                background="fluid"
+                </main>
-                cardStyle="soft-shadow"
+                <div id="footer" data-section="footer">
-                primaryButtonStyle="primary-glow"
+                    <FooterBaseCard {...footerProps} />
-                secondaryButtonStyle="glass"
+                </div>
-                headingFontWeight="extrabold"
+            </ReactLenis>
-            >
-                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
-                        <NavbarStyleFullscreen {...navbarProps} />
-                    </div>
-                    <main className="min-h-screen flex items-center justify-center pt-20">
-                        <p className="text-foreground">Loading product...</p>
-                    </main>
-                    <div id="footer" data-section="footer">
-                        <FooterBaseCard {...footerProps} />
-                    </div>
-                </ReactLenis>
-            </ThemeProvider>
         );
     }
 
     if (!product) {
         return (
-            <ThemeProvider
-                defaultButtonVariant="icon-arrow"
-                defaultTextAnimation="entrance-slide"
-                borderRadius="soft"
-                contentWidth="compact"
-                sizing="medium"
-                background="fluid"
-                cardStyle="soft-shadow"
-                primaryButtonStyle="primary-glow"
-                secondaryButtonStyle="glass"
-                headingFontWeight="extrabold"
-            >
-                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
-                        <NavbarStyleFullscreen {...navbarProps} />
-                    </div>
-                    <main className="min-h-screen flex items-center justify-center pt-20">
-                        <div className="text-center">
-                            <p className="text-foreground mb-4">Product not found</p>
-                            <button
-                                onClick={() => router.push("/shop")}
-                                className="primary-button px-6 py-2 rounded-theme"
-                            >
-                                Back to Shop
-                            </button>
-                        </div>
-                    </main>
-                    <div id="footer" data-section="footer">
-                        <FooterBaseCard {...footerProps} />
-                    </div>
-                </ReactLenis>
-            </ThemeProvider>
-        );
-    }
-
-    return (
-        <ThemeProvider
-            defaultButtonVariant="icon-arrow"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="soft"
-            contentWidth="compact"
-            sizing="medium"
-            background="fluid"
-            cardStyle="soft-shadow"
-            primaryButtonStyle="primary-glow"
-            secondaryButtonStyle="glass"
-            headingFontWeight="extrabold"
-        >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen {...navbarProps} />
                 </div>
-                <div id="product-detail-card" data-section="product-detail-card">
+                <main className="min-h-screen flex items-center justify-center pt-20">
-                    <ProductDetailCard
+                    <div className="text-center">
-                        layout="page"
+                        <p className="text-foreground mb-4">Product not found</p>
-                        name={product.name}
+                        <button
-                        price={product.price}
+                            onClick={() => router.push("/shop")}
-                        salePrice={meta.salePrice}
+                            className="primary-button px-6 py-2 rounded-theme"
-                        rating={product.rating || 0}
+                        >
-                        description={product.description}
+                            Back to Shop
-                        images={images}
+                        </button>
-                        variants={variants.length > 0 ? variants : undefined}
+                    </div>
-                        quantity={quantityVariant}
+                </main>
-                        ribbon={meta.ribbon}
-                        inventoryStatus={meta.inventoryStatus}
-                        inventoryQuantity={meta.inventoryQuantity}
-                        sku={meta.sku}
-                        buttons={[
-                            { text: "Add To Cart", onClick: handleAddToCart },
-                            { text: "Buy Now", onClick: handleBuyNow },
-                        ]}
-                    />
-                </div>
-                <div id="product-cart" data-section="product-cart">
-                    <ProductCart
-                        isOpen={cartOpen}
-                        onClose={() => setCartOpen(false)}
-                        items={cartItems}
-                        onQuantityChange={updateQuantity}
-                        onRemove={removeItem}
-                        total={`$${cartTotal}`}
-                        buttons={[
-                            {
-                                text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
-                            },
-                        ]}
-                    />
-                </div>
                 <div id="footer" data-section="footer">
                     <FooterBaseCard {...footerProps} />
                 </div>
             </ReactLenis>
-        </ThemeProvider>
+        );
+    }
+
+    return (
+        <ReactLenis root>
+            <div id="nav" data-section="nav">
+                <NavbarStyleFullscreen {...navbarProps} />
+            </div>
+            <div id="product-detail-card" data-section="product-detail-card">
+                <ProductDetailCard
+                    layout="page"
+                    name={product.name}
+                    price={product.price}
+                    salePrice={meta.salePrice}
+                    rating={product.rating || 0}
+                    description={product.description}
+                    images={images}
+                    variants={variants.length > 0 ? variants : undefined}
+                    quantity={quantityVariant}
+                    ribbon={meta.ribbon}
+                    inventoryStatus={meta.inventoryStatus}
+                    inventoryQuantity={meta.inventoryQuantity}
+                    sku={meta.sku}
+                    buttons={[
+                        { text: "Add To Cart", onClick: handleAddToCart },
+                        { text: "Buy Now", onClick: handleBuyNow },
+                    ]}
+                />
+            </div>
+            <div id="product-cart" data-section="product-cart">
+                <ProductCart
+                    isOpen={cartOpen}
+                    onClose={() => setCartOpen(false)}
+                    items={cartItems}
+                    onQuantityChange={updateQuantity}
+                    onRemove={removeItem}
+                    total={`$${cartTotal}`}
+                    buttons={[
+                        {
+                            text: isCheckoutLoading ? "Processing..." : "Check Out",                            onClick: handleCheckout,
+                        },
+                    ]}
+                />
+            </div>
+            <div id="footer" data-section="footer">
+                <FooterBaseCard {...footerProps} />
+            </div>
+        </ReactLenis>
     );
 }

src/app/shop/page.tsx

@@ -30,7 +30,10 @@ function ShopPageContent() {
         getCheckoutItems,
     } = useCart();
 
-    const { checkout, isLoading: isCheckoutLoading } = useCheckout();
+    const {
+        checkout,
+        isLoading: isCheckoutLoading
+    } = useCheckout();
 
     const handleCheckout = useCallback(async () => {
         if (cartItems.length === 0) return;
@@ -41,81 +44,16 @@ function ShopPageContent() {
         await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
     }, [cartItems, checkout, getCheckoutItems]);
 
-    const navItems = [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }];
+    const navItems = [{
+        name: "Home",        id: "/"
+    }, {
+        name: "Shop",        id: "/shop"
+    }];
 
     if (isLoading) {
         return (
-            <ThemeProvider
-                defaultButtonVariant="icon-arrow"
-                defaultTextAnimation="entrance-slide"
-                borderRadius="soft"
-                contentWidth="compact"
-                sizing="medium"
-                background="fluid"
-                cardStyle="soft-shadow"
-                primaryButtonStyle="primary-glow"
-                secondaryButtonStyle="glass"
-                headingFontWeight="extrabold"
-            >
-                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
-                        <NavbarStyleFullscreen
-                            navItems={navItems}
-                            brandName="ChimiC&quot;h&quot;angaCo"
-                            bottomLeftText="Taste the Tradition"
-                            bottomRightText="Order Now!"
-                            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="product-cart" data-section="product-cart">
-                        <ProductCart
-                            isOpen={cartOpen}
-                            onClose={() => setCartOpen(false)}
-                            items={cartItems}
-                            onQuantityChange={updateQuantity}
-                            onRemove={removeItem}
-                            total={`$${cartTotal}`}
-                            buttons={[
-                                {
-                                    text: isCheckoutLoading ? "Processing..." : "Check Out",                                    onClick: handleCheckout,
-                                },
-                            ]}
-                        />
-                    </div>
-                    <div id="footer" data-section="footer">
-                        <FooterBaseCard
-                            logoText="ChimiC&quot;h&quot;angaCo"
-                            columns={[
-                                { title: "Menu", items: [{ label: "Beef Chimichanga", href: "#products" }, { label: "Chicken Chimichanga", href: "#products" }, { label: "Vegetarian Chimichanga", href: "#products" }] },
-                                { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
-                                { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "/privacy" }] }
-                            ]}
-                            copyrightText="© 2024 ChimiC&quot;h&quot;angaCo. All rights reserved."
-                        />
-                    </div>
-                </ReactLenis>
-            </ThemeProvider>
-        );
-    }
-
-    return (
-        <ThemeProvider
-            defaultButtonVariant="icon-arrow"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="soft"
-            contentWidth="compact"
-            sizing="medium"
-            background="fluid"
-            cardStyle="soft-shadow"
-            primaryButtonStyle="primary-glow"
-            secondaryButtonStyle="glass"
-            headingFontWeight="extrabold"
-        >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={navItems}
                         brandName="ChimiC&quot;h&quot;angaCo"
@@ -124,17 +62,9 @@ function ShopPageContent() {
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                 </div>
-                <div id="product-catalog" data-section="product-catalog">
+                <main className="min-h-screen flex items-center justify-center pt-20">
-                    <ProductCatalog
+                    <p className="text-foreground">Loading products...</p>
-                        layout="page"
+                </main>
-                        products={products}
-                        searchValue={search}
-                        onSearchChange={setSearch}
-                        searchPlaceholder="Search products..."
-                        filters={filters}
-                        emptyMessage="No products found"
-                    />
-                </div>
                 <div id="product-cart" data-section="product-cart">
                     <ProductCart
                         isOpen={cartOpen}
@@ -154,22 +84,86 @@ function ShopPageContent() {
                     <FooterBaseCard
                         logoText="ChimiC&quot;h&quot;angaCo"
                         columns={[
-                            { title: "Menu", items: [{ label: "Beef Chimichanga", href: "#products" }, { label: "Chicken Chimichanga", href: "#products" }, { label: "Vegetarian Chimichanga", href: "#products" }] },
+                            { title: "Menu", items: [{ label: "Beef Chimichanga", href: "/#products" }, { label: "Chicken Chimichanga", href: "/#products" }, { label: "Vegetarian Chimichanga", href: "/#products" }] },
-                            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+                            { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Contact", href: "/#contact" }] },
-                            { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "/privacy" }] }
+                            { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Privacy Policy", href: "/privacy" }] }
                         ]}
                         copyrightText="© 2024 ChimiC&quot;h&quot;angaCo. All rights reserved."
                     />
                 </div>
             </ReactLenis>
-        </ThemeProvider>
+        );
+    }
+
+    return (
+        <ReactLenis root>
+            <div id="nav" data-section="nav">
+                <NavbarStyleFullscreen
+                    navItems={navItems}
+                    brandName="ChimiC&quot;h&quot;angaCo"
+                    bottomLeftText="Taste the Tradition"
+                    bottomRightText="Order Now!"
+                    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="product-cart" data-section="product-cart">
+                <ProductCart
+                    isOpen={cartOpen}
+                    onClose={() => setCartOpen(false)}
+                    items={cartItems}
+                    onQuantityChange={updateQuantity}
+                    onRemove={removeItem}
+                    total={`$${cartTotal}`}
+                    buttons={[
+                        {
+                            text: isCheckoutLoading ? "Processing..." : "Check Out",                            onClick: handleCheckout,
+                        },
+                    ]}
+                />
+            </div>
+            <div id="footer" data-section="footer">
+                <FooterBaseCard
+                    logoText="ChimiC&quot;h&quot;angaCo"
+                    columns={[
+                        { title: "Menu", items: [{ label: "Beef Chimichanga", href: "/#products" }, { label: "Chicken Chimichanga", href: "/#products" }, { label: "Vegetarian Chimichanga", href: "/#products" }] },
+                        { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Contact", href: "/#contact" }] },
+                        { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Privacy Policy", href: "/privacy" }] }
+                    ]}
+                    copyrightText="© 2024 ChimiC&quot;h&quot;angaCo. All rights reserved."
+                />
+            </div>
+        </ReactLenis>
     );
 }
 
 export default function ShopPage() {
     return (
-        <Suspense>
+        <ThemeProvider
-            <ShopPageContent />
+            defaultButtonVariant="icon-arrow"
-        </Suspense>
+            defaultTextAnimation="entrance-slide"
+            borderRadius="soft"
+            contentWidth="compact"
+            sizing="medium"
+            background="fluid"
+            cardStyle="soft-shadow"
+            primaryButtonStyle="primary-glow"
+            secondaryButtonStyle="glass"
+            headingFontWeight="extrabold"
+        >
+            <Suspense>
+                <ShopPageContent />
+            </Suspense>
+        </ThemeProvider>
     );
 }

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #fafffb;;
+  /* --background: #0a0a0a;;
-  --card: #f7fffa;;
+  --card: #1a1a1a;;
-  --foreground: #001a0a;;
+  --foreground: #ffffffe6;;
-  --primary-cta: #0a7039;;
+  --primary-cta: #e6e6e6;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #a8d9be;;
+  --accent: #737373;;
-  --background-accent: #6bbf8e;; */
+  --background-accent: #737373;; */
 
-  --background: #fafffb;;
+  --background: #0a0a0a;;
-  --card: #f7fffa;;
+  --card: #1a1a1a;;
-  --foreground: #001a0a;;
+  --foreground: #ffffffe6;;
-  --primary-cta: #0a7039;;
+  --primary-cta: #e6e6e6;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #a8d9be;;
+  --accent: #737373;;
-  --background-accent: #6bbf8e;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);