bender/f0ef9fa0-1400-458e-b961-1024edc3752a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

16 Commits
version_1 ... main

Author SHA1 Message Date
bender
1d1c0e4f86 Merge version_2 into main 
Merge version_2 into main
 2026-02-24 07:19:43 +00:00
bender
761d885161 Update src/app/shop/page.tsx 2026-02-24 07:19:38 +00:00
bender
f9b7e7eb85 Update src/app/shop/[id]/page.tsx 2026-02-24 07:19:37 +00:00
bender
1dd2331684 Update src/app/products/page.tsx 2026-02-24 07:19:37 +00:00
bender
ff983005bf Update src/app/page.tsx 2026-02-24 07:19:36 +00:00
bender
1bc9524178 Update src/app/layout.tsx 2026-02-24 07:19:35 +00:00
bender
b8f4074f8e Update src/app/blog/page.tsx 2026-02-24 07:19:34 +00:00
bender
5d88787c40 Merge version_2 into main 
Merge version_2 into main
 2026-02-24 07:16:00 +00:00
bender
c3b93758d2 Update src/app/shop/page.tsx 2026-02-24 07:15:56 +00:00
bender
376e2ddf80 Update src/app/shop/[id]/page.tsx 2026-02-24 07:15:55 +00:00
bender
721064f8fe Add src/app/products/page.tsx 2026-02-24 07:15:54 +00:00
bender
ef83da0963 Update src/app/page.tsx 2026-02-24 07:15:54 +00:00
bender
843c5999ea Update src/app/layout.tsx 2026-02-24 07:15:53 +00:00
bender
b299f414c7 Update src/app/blog/page.tsx 2026-02-24 07:15:51 +00:00
bender
ac9647e727 Merge version_1 into main 
Merge version_1 into main
 2026-02-23 15:10:40 +00:00
bender
ea71909241 Merge version_1 into main 
Merge version_1 into main
 2026-02-23 11:38:01 +00:00
6 changed files with 220 additions and 1406 deletions
Expand all files Collapse all files

24
src/app/blog/page.tsx
View File

@@ -31,13 +31,14 @@ export default function BlogPage() {
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Events", id: "events" },
{ name: "Contact", id: "contact" },
{ name: "About", id: "/#about" },
{ name: "Features", id: "/#features" },
{ name: "Events", id: "/#events" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Balero Chess Club"
button={{ text: "Join Now", href: "#contact" }}
button={{ text: "Join Now", href: "/#contact" }}
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
navItemClassName="text-[var(--foreground)] hover:text-[var(--primary-cta)]"
/>
@@ -66,16 +67,17 @@ export default function BlogPage() {
columns={[
{
title: "Quick Links", items: [
{ label: "Home", href: "#" },
{ label: "About", href: "#about" },
{ label: "Features", href: "#features" },
{ label: "Events", href: "#events" },
{ label: "Home", href: "/" },
{ label: "About", href: "/#about" },
{ label: "Features", href: "/#features" },
{ label: "Events", href: "/#events" },
{ label: "Products", href: "/products" }
],
},
{
title: "Resources", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "#contact" },
{ label: "FAQ", href: "/#faq" },
{ label: "Contact", href: "/#contact" },
],
},
{

1375
src/app/layout.tsx
View File

File diff suppressed because it is too large Load Diff

25
src/app/page.tsx
View File

@@ -29,13 +29,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Events", id: "events" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Features", id: "/#features" },
{ name: "Events", id: "/#events" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Balero Chess Club"
button={{ text: "Join Now", href: "#contact" }}
button={{ text: "Join Now", href: "/#contact" }}
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
navItemClassName="text-[var(--foreground)] hover:text-[var(--primary-cta)]"
/>
@@ -210,16 +212,17 @@ export default function LandingPage() {
columns={[
{
title: "Quick Links", items: [
{ label: "Home", href: "#" },
{ label: "About", href: "#about" },
{ label: "Features", href: "#features" },
{ label: "Events", href: "#events" },
{ label: "Home", href: "/" },
{ label: "About", href: "/#about" },
{ label: "Features", href: "/#features" },
{ label: "Events", href: "/#events" },
{ label: "Products", href: "/products" }
],
},
{
title: "Resources", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "#contact" },
{ label: "FAQ", href: "/#faq" },
{ label: "Contact", href: "/#contact" },
],
},
{

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

@@ -0,0 +1,104 @@
"use client";
import React from 'react';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
// Component Imports
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="solid"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Features", id: "/#features" },
{ name: "Events", id: "/#events" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Balero Chess Club"
button={{ text: "Join Now", href: "/#contact" }}
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
navItemClassName="text-[var(--foreground)] hover:text-[var(--primary-cta)]"
/>
</div>
<div id="product-showcase" data-section="product-showcase">
<ProductCardThree
title="Our Products"
description="Explore our range of high-quality chess products and accessories."
tag="Shop Now"
textboxLayout="default"
products={[
{
id: "1", name: "Premium Chess Set (Wood)", price: "$149.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1770650117849-5g9y9h7u.jpg", imageAlt: "Premium wooden chess set"
},
{
id: "2", name: "Electronic Chess Clock", price: "$49.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1770650170139-p2l3m8n7.jpg", imageAlt: "Electronic chess clock"
},
{
id: "3", name: "Beginner's Chess Book", price: "$19.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1770650220267-q0w1e2r3.jpg", imageAlt: "Beginner's chess book"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/#about" },
{ label: "Features", href: "/#features" },
{ label: "Events", href: "/#events" },
{ label: "Products", href: "/products" }
],
},
{
title: "Resources", items: [
{ label: "FAQ", href: "/#faq" },
{ label: "Contact", href: "/#contact" },
],
},
{
title: "Connect", items: [
{ label: "Facebook", href: "https://www.facebook.com/balerochessclub" },
{ label: "Instagram", href: "https://www.instagram.com/balerochessclub" },
],
},
]}
bottomLeftText="© 2024 Balero Chess Club. All rights reserved."
bottomRightText="Built with passion for chess."
className="bg-[var(--background)] text-[var(--foreground)]"
columnTitleClassName="font-semibold text-[var(--foreground)]"
columnItemClassName="text-[var(--foreground)] opacity-80 hover:text-[var(--primary-cta)]"
bottomLeftTextClassName="text-[var(--foreground)] opacity-70"
bottomRightTextClassName="text-[var(--foreground)] opacity-70"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

51
src/app/shop/[id]/page.tsx
View File

@@ -91,7 +91,14 @@ function ProductPageContent({ params }: ProductPageProps) {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Features", id: "/#features" },
{ name: "Events", id: "/#events" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Balero Chess Club"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
@@ -123,7 +130,14 @@ function ProductPageContent({ params }: ProductPageProps) {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Features", id: "/#features" },
{ name: "Events", id: "/#events" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Balero Chess Club"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
@@ -162,7 +176,14 @@ function ProductPageContent({ params }: ProductPageProps) {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Features", id: "/#features" },
{ name: "Events", id: "/#events" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Balero Chess Club"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
@@ -208,9 +229,27 @@ function ProductPageContent({ params }: ProductPageProps) {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }, { label: "Features", href: "#features" }, { label: "Events", href: "#events" }] },
{ title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
{ title: "Connect", items: [{ label: "Facebook", href: "https://www.facebook.com/balerochessclub" }, { label: "Instagram", href: "https://www.instagram.com/balerochessclub" }] }
{
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/#about" },
{ label: "Features", href: "/#features" },
{ label: "Events", href: "/#events" },
{ label: "Products", href: "/products" }
],
},
{
title: "Resources", items: [
{ label: "FAQ", href: "/#faq" },
{ label: "Contact", href: "/#contact" },
],
},
{
title: "Connect", items: [
{ label: "Facebook", href: "https://www.facebook.com/balerochessclub" },
{ label: "Instagram", href: "https://www.instagram.com/balerochessclub" },
],
},
]}
bottomLeftText="© 2024 Balero Chess Club. All rights reserved."
bottomRightText="Built with passion for chess."

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

@@ -31,7 +31,10 @@ function ShopPageContent() {
getCheckoutItems,
} = useCart();
const { checkout, isLoading: isCheckoutLoading } = useCheckout();
const {
checkout,
isLoading: isCheckoutLoading
} = useCheckout();
const handleCheckout = useCallback(async () => {
if (cartItems.length === 0) return;
@@ -59,7 +62,14 @@ function ShopPageContent() {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Features", id: "/#features" },
{ name: "Events", id: "/#events" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Balero Chess Club"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
@@ -90,7 +100,14 @@ function ShopPageContent() {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Features", id: "/#features" },
{ name: "Events", id: "/#events" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Balero Chess Club"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--primary-cta)]"
@@ -126,9 +143,27 @@ function ShopPageContent() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }, { label: "Features", href: "#features" }, { label: "Events", href: "#events" }] },
{ title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
{ title: "Connect", items: [{ label: "Facebook", href: "https://www.facebook.com/balerochessclub" }, { label: "Instagram", href: "https://www.instagram.com/balerochessclub" }] }
{
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/#about" },
{ label: "Features", href: "/#features" },
{ label: "Events", href: "/#events" },
{ label: "Products", href: "/products" }
],
},
{
title: "Resources", items: [
{ label: "FAQ", href: "/#faq" },
{ label: "Contact", href: "/#contact" },
],
},
{
title: "Connect", items: [
{ label: "Facebook", href: "https://www.facebook.com/balerochessclub" },
{ label: "Instagram", href: "https://www.instagram.com/balerochessclub" },
],
},
]}
bottomLeftText="© 2024 Balero Chess Club. All rights reserved."
bottomRightText="Built with passion for chess."