bender/b1e64d4a-0f82-4a25-9e95-456fe2eed868
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/shop/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-21 22:33:26 +00:00
parent 102ec71791
commit e8ec252371
1 changed files with 46 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/app/shop/page.tsx
View File

@@ -3,12 +3,12 @@
import { Suspense, useCallback } from "react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
import ProductCart from "@/components/ecommerce/cart/ProductCart";
import { useProductCatalog } from "@/hooks/useProductCatalog";
import { useCart } from "@/hooks/useCart";
import { useCheckout } from "@/hooks/useCheckout";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; // Updated import
function ShopPageContent() {
const {
@@ -46,14 +46,14 @@ function ShopPageContent() {
if (isLoading) {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLarge"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
@@ -78,13 +78,23 @@ function ShopPageContent() {
</main>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Glow Theory"
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
<FooterBaseReveal
columns={[
{
title: "Support", items: [{ label: "Customer Support", href: "/#contact-support" }]
},
{
title: "Company", items: [{ label: "Privacy Policy", href: "/privacy" }]
},
{
title: "Resources", items: [{ label: "Home", href: "/" }]
}
]}
copyrightText={`© ${new Date().getFullYear()} Glow Theory`}
className="bg-[--background] text-[--foreground] py-6 px-4"
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
logoClassName="text-2xl font-bold tracking-tight"
columnTitleClassName="font-bold text-lg mb-2"
columnItemClassName="text-md"
/>
</div>
</ThemeProvider>
@@ -93,14 +103,14 @@ function ShopPageContent() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLarge"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
@@ -146,13 +156,23 @@ function ShopPageContent() {
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Glow Theory"
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
<FooterBaseReveal
columns={[
{
title: "Support", items: [{ label: "Customer Support", href: "/#contact-support" }]
},
{
title: "Company", items: [{ label: "Privacy Policy", href: "/privacy" }]
},
{
title: "Resources", items: [{ label: "Home", href: "/" }]
}
]}
copyrightText={`© ${new Date().getFullYear()} Glow Theory`}
className="bg-[--background] text-[--foreground] py-6 px-4"
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
logoClassName="text-2xl font-bold tracking-tight"
columnTitleClassName="font-bold text-lg mb-2"
columnItemClassName="text-md"
/>
</div>
</ThemeProvider>
@@ -165,4 +185,4 @@ export default function ShopPage() {
<ShopPageContent />
</Suspense>
);
}
}