bender/2136f146-eb0f-4fc2-8a1f-db0e865ee493
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-05-09 12:35:02 +00:00
parent 5a38866ff3
commit 41e2482f27
1 changed files with 46 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,37 +8,53 @@ import ReactLenis from "lenis/react";
export default function ShopPage() {
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "work" },
{ name: "Shop", id: "/shop" },
{ name: "Services", id: "services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "contact" },
]}
/>
<ProductCardThree
title="Our Products"
description="Browse our curated selection of high-quality digital assets and templates."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{ id: "1", name: "Agency Template", price: "$49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp" },
{ id: "2", name: "UI Kit", price: "$29", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp" },
{ id: "3", name: "Webild Icons", price: "$19", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp" },
]}
/>
<FooterBase
logoText="Webild"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Shop", href: "/shop" }, { label: "Contact", href: "#contact" }] }
]}
/>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
title="Our Products"
description="Browse our curated selection of high-quality digital assets and templates."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{ id: "1", name: "Agency Template", price: "$49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp" },
{ id: "2", name: "UI Kit", price: "$29", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp" },
{ id: "3", name: "Webild Icons", price: "$19", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Webild"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Shop", href: "/shop" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);