bender/e9e0f2e1-8501-4fd5-b9eb-5ad5f91f68f3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/shop/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-23 01:34:17 +00:00
parent b57074c99d
commit 589922bf64
1 changed files with 19 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -30,47 +30,6 @@ function ShopPageContent() {
filters,
} = useProductCatalog({ basePath: "/shop" });
if (isLoading) {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmall"
background="grid"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Carter Brothers"
bottomLeftText="Your Trusted Roofing Partner"
bottomRightText="(859) 350-6500"
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
<div id="loading-section" data-section="loading-section">
<p className="text-foreground">Loading products...</p>
</div>
</main>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={footerColumns}
copyrightText="© 2024 Carter Brothers Roof Repair. All rights reserved."
ariaLabel="Footer section"
className="py-8"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
@@ -93,17 +52,25 @@ function ShopPageContent() {
bottomRightText="(859) 350-6500"
/>
</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>
<main className="min-h-screen flex items-center justify-center pt-20">
{isLoading ? (
<div id="loading-section" data-section="loading-section">
<p className="text-foreground">Loading products...</p>
</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>
)}
</main>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={footerColumns}