bender/b57f6f51-08e5-4794-98b0-b98c4b33cf2d
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Bob AI: Move productcatalog section to /for page

Browse Source
This commit is contained in:
kudindmitriy
2026-02-23 20:29:21 +00:00
parent 5eadec6f09
commit 84878ee028
2 changed files with 81 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/app/for/page.tsx Normal file
View File

@@ -0,0 +1,81 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
export default function ForPage() {
return (
<ThemeProvider defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLarge"
background="aurora"
cardStyle="gradient-bordered"
primaryButtonStyle="inset-glow"
secondaryButtonStyle="layered"
headingFontWeight="semibold">
<main>
<div id="productcatalog" data-section="productcatalog">
<ProductCatalog
layout="section"
products={[
{
id: "1",
name: "Pro Tennis Racket",
price: 299.99,
imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
imageAlt: "Pro Tennis Racket",
rating: 4.8,
reviewCount: 124,
category: "Rackets",
onProductClick: () => {}
},
{
id: "2",
name: "Custom Tennis Shoes",
price: 189.99,
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg",
imageAlt: "Custom Tennis Shoes",
rating: 4.9,
reviewCount: 89,
category: "Footwear",
onProductClick: () => {}
},
{
id: "3",
name: "Performance Tennis Apparel",
price: 129.99,
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg",
imageAlt: "Performance Tennis Apparel",
rating: 4.7,
reviewCount: 156,
category: "Apparel",
onProductClick: () => {}
},
{
id: "4",
name: "Professional Tennis Bag",
price: 159.99,
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930734.jpg",
imageAlt: "Professional Tennis Bag",
rating: 4.6,
reviewCount: 72,
category: "Accessories",
onProductClick: () => {}
}
]}
searchPlaceholder="Search custom tennis gear..."
emptyMessage="No tennis products available"
className="w-full"
gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"
cardClassName="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow"
imageClassName="w-full h-64 object-cover rounded-t-lg"
searchClassName="mb-8"
toolbarClassName="flex flex-col gap-4 mb-8"
/>
</div>
</main>
</ThemeProvider>
);
}

60
src/app/page.tsx
View File

@@ -10,7 +10,6 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
export default function LandingPage() {
return (
@@ -163,65 +162,6 @@ export default function LandingPage() {
</div>
<div id="productcatalog" data-section="productcatalog">
<ProductCatalog
layout="section"
products={[
{
id: "1",
name: "Pro Tennis Racket",
price: 299.99,
imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
imageAlt: "Pro Tennis Racket",
rating: 4.8,
reviewCount: 124,
category: "Rackets",
onProductClick: () => {}
},
{
id: "2",
name: "Custom Tennis Shoes",
price: 189.99,
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg",
imageAlt: "Custom Tennis Shoes",
rating: 4.9,
reviewCount: 89,
category: "Footwear",
onProductClick: () => {}
},
{
id: "3",
name: "Performance Tennis Apparel",
price: 129.99,
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg",
imageAlt: "Performance Tennis Apparel",
rating: 4.7,
reviewCount: 156,
category: "Apparel",
onProductClick: () => {}
},
{
id: "4",
name: "Professional Tennis Bag",
price: 159.99,
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930734.jpg",
imageAlt: "Professional Tennis Bag",
rating: 4.6,
reviewCount: 72,
category: "Accessories",
onProductClick: () => {}
}
]}
searchPlaceholder="Search custom tennis gear..."
emptyMessage="No tennis products available"
className="w-full"
gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"
cardClassName="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow"
imageClassName="w-full h-64 object-cover rounded-t-lg"
searchClassName="mb-8"
toolbarClassName="flex flex-col gap-4 mb-8"
/>
</div>
<div id="contact-section" data-section="contact-section">
<ContactSplit
tag="Get In Touch"