bender/a7079e5f-4063-49d5-9339-31d3a4ba5ea8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #5

Merged
bender merged 2 commits from version_3 into main 2026-03-03 20:27:10 +00:00
Conversation 0 Commits 2 Files Changed 2 +128 -4
2 changed files with 128 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/page.tsx
View File

@@ -32,6 +32,7 @@ export default function LandingPage() {
brandName="ItemStore"
navItems={[
{ name: "Shop", id: "products" },
{ name: "Products", id: "/products" },
{ name: "About", id: "about" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
@@ -198,10 +199,10 @@ export default function LandingPage() {
columns={[
{
title: "Shop", items: [
{ label: "All Products", href: "#products" },
{ label: "New Arrivals", href: "#products" },
{ label: "Collections", href: "#products" },
{ label: "Sale Items", href: "#products" },
{ label: "All Products", href: "/products" },
{ label: "New Arrivals", href: "/products" },
{ label: "Collections", href: "/products" },
{ label: "Sale Items", href: "/products" },
],
},
{

123
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,123 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FooterMedia from "@/components/sections/footer/FooterMedia";
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="small"
sizing="large"
background="noiseDiagonalGradient"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="ItemStore"
navItems={[
{ name: "Shop", id: "products" },
{ name: "Products", id: "/products" },
{ name: "About", id: "about" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Shop Now", href: "/products" }}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Browse Our Full Collection"
description="Explore our complete range of premium items selected for quality, style, and value."
tag="All Products"
imageSrc="http://img.b2bpic.net/free-photo/creative-black-friday-composition-black-background_23-2148666964.jpg"
imageAlt="Products collection"
textPosition="bottom-left"
showBlur={true}
showDimOverlay={false}
buttons={[
{ text: "Shop All", href: "#products" },
{ text: "Back Home", href: "/" },
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
products={[
{
id: "product-001", name: "Premium Leather Briefcase", price: "$249.99", variant: "Black | 2 Colors", imageSrc: "http://img.b2bpic.net/free-photo/front-view-christmas-gift-concept_23-2148706280.jpg", imageAlt: "Premium leather briefcase", isFavorited: false,
},
{
id: "product-002", name: "Minimalist Wallet Collection", price: "$89.99", variant: "Red | 5 Colors", imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-kitchen-objects_23-2148835348.jpg", imageAlt: "Minimalist wallet collection", isFavorited: false,
},
{
id: "product-003", name: "Designer Sunglasses", price: "$199.99", variant: "Gold Frame | 3 Options", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646528.jpg", imageAlt: "Designer sunglasses", isFavorited: false,
},
{
id: "product-004", name: "Premium Watch Collection", price: "$349.99", variant: "Silver | 4 Colors", imageSrc: "http://img.b2bpic.net/free-photo/front-view-christmas-gift-concept_23-2148706280.jpg", imageAlt: "Premium watch collection", isFavorited: false,
},
{
id: "product-005", name: "Luxury Headphones", price: "$299.99", variant: "Black | 3 Colors", imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-kitchen-objects_23-2148835348.jpg", imageAlt: "Luxury headphones", isFavorited: false,
},
{
id: "product-006", name: "Executive Pen Set", price: "$129.99", variant: "Gold | 2 Colors", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646528.jpg", imageAlt: "Executive pen set", isFavorited: false,
},
]}
title="Our Complete Collection"
description="Discover all our premium products."
tag="Featured Collection"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/warehouse-workers-with-helmets-reflective-jackets-carrying-boxes-large-distribution-center_342744-1540.jpg"
imageAlt="ItemStore warehouse facility"
columns={[
{
title: "Shop", items: [
{ label: "All Products", href: "/products" },
{ label: "New Arrivals", href: "/products" },
{ label: "Collections", href: "/products" },
{ label: "Sale Items", href: "/products" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Press", href: "#" },
],
},
{
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "#faq" },
{ label: "Shipping Info", href: "#" },
{ label: "Privacy Policy", href: "#" },
],
},
]}
logoText="ItemStore"
copyrightText="© 2025 ItemStore. All rights reserved."
/>
</div>
</ThemeProvider>
);
}