From 58142d676f08aff3ca6fdfe6a4b8d570d56ed914 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 11:50:28 +0000 Subject: [PATCH] Update src/app/categories/page.tsx --- src/app/categories/page.tsx | 151 +++++++++--------------------------- 1 file changed, 38 insertions(+), 113 deletions(-) diff --git a/src/app/categories/page.tsx b/src/app/categories/page.tsx index 2fb3515..fdeb508 100644 --- a/src/app/categories/page.tsx +++ b/src/app/categories/page.tsx @@ -7,7 +7,7 @@ import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwent import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterMedia from "@/components/sections/footer/FooterMedia"; import Link from "next/link"; -import { BookOpen, Mail, ArrowRight } from "lucide-react"; +import { BookOpen, Mail, ArrowRight, Sparkles } from "lucide-react"; export default function CategoriesPage() { const navItems = [ @@ -45,9 +45,7 @@ export default function CategoriesPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Start Cooking", - href: "recipes", - }} + text: "Start Cooking", href: "recipes"}} brandName="CookBook Pro" /> @@ -61,45 +59,22 @@ export default function CategoriesPage() { tagAnimation="slide-up" products={[ { - id: "1", - brand: "Italian Classics", - name: "Pasta Recipes", - price: "25+ Recipes", - rating: 5, - reviewCount: "2.5k", - imageSrc: "http://img.b2bpic.net/free-photo/spoons-with-assorted-pasta_23-2147853422.jpg?_wi=3", - imageAlt: "Collection of Italian pasta types and recipes", - }, + id: "1", brand: "Italian Classics", name: "Pasta Recipes", price: "25+ Recipes", rating: 5, + reviewCount: "2.5k", imageSrc: "http://img.b2bpic.net/free-photo/spoons-with-assorted-pasta_23-2147853422.jpg", imageAlt: "Collection of Italian pasta types and recipes"}, { - id: "2", - brand: "Italian Classics", - name: "Spaghetti Collection", - price: "12+ Recipes", - rating: 5, - reviewCount: "1.8k", - imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomatoes-with-olive-oil-mushrooms-raw-pastas-marble_114579-66618.jpg?_wi=3", - imageAlt: "Various spaghetti dishes and preparation methods", - }, + id: "2", brand: "Italian Classics", name: "Spaghetti Collection", price: "12+ Recipes", rating: 5, + reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomatoes-with-olive-oil-mushrooms-raw-pastas-marble_114579-66618.jpg", imageAlt: "Various spaghetti dishes and preparation methods"}, { - id: "3", - brand: "Italian Traditions", - name: "Pizza Techniques", - price: "18+ Recipes", - rating: 5, - reviewCount: "3.2k", - imageSrc: "http://img.b2bpic.net/free-photo/two-pizzas-table_140725-5583.jpg?_wi=2", - imageAlt: "Pizza varieties and wood fired oven techniques", - }, + id: "3", brand: "Italian Traditions", name: "Pizza Techniques", price: "18+ Recipes", rating: 5, + reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-photo/two-pizzas-table_140725-5583.jpg", imageAlt: "Pizza varieties and wood fired oven techniques"}, ]} - gridVariant="three-columns-all-equal-width" + gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} buttons={[ { - text: "Explore Categories", - href: "#", - }, + text: "Explore Categories", href: "#"}, ]} buttonAnimation="slide-up" /> @@ -110,50 +85,28 @@ export default function CategoriesPage() { title="Featured Recipes" description="Start your culinary journey with our most popular recipes. Each recipe is tested and refined for both home cooks and culinary students." tag="Popular" - tagIcon="Sparkles" + tagIcon={Sparkles} tagAnimation="slide-up" features={[ { - title: "Homemade Fresh Pasta", - description: "Learn the authentic Italian technique for making fresh pasta from scratch. Perfect for beginners and advanced cooks.", - imageSrc: "http://img.b2bpic.net/free-photo/grated-cheese-farfalle-pasta-plate_23-2147925968.jpg?_wi=3", - imageAlt: "Fresh homemade pasta with traditional italian sauce", - buttonIcon: ArrowRight, - buttonHref: "#", - }, + title: "Homemade Fresh Pasta", description: "Learn the authentic Italian technique for making fresh pasta from scratch. Perfect for beginners and advanced cooks.", imageSrc: "http://img.b2bpic.net/free-photo/grated-cheese-farfalle-pasta-plate_23-2147925968.jpg", imageAlt: "Fresh homemade pasta with traditional italian sauce", buttonIcon: ArrowRight, + buttonHref: "#"}, { - title: "Artisan Pizza Mastery", - description: "Master the craft of pizza making with proper dough fermentation and topping techniques used by professionals.", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-preparing-pizza_23-2150235804.jpg?_wi=3", - imageAlt: "Authentic italian margherita pizza from wood fired oven", - buttonIcon: ArrowRight, - buttonHref: "#", - }, + title: "Artisan Pizza Mastery", description: "Master the craft of pizza making with proper dough fermentation and topping techniques used by professionals.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-preparing-pizza_23-2150235804.jpg", imageAlt: "Authentic italian margherita pizza from wood fired oven", buttonIcon: ArrowRight, + buttonHref: "#"}, { - title: "Gourmet Spaghetti", - description: "Discover regional Italian spaghetti recipes including carbonara, aglio e olio, and bolognese with expert tips.", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-cut-vegetables-red-cabbage-green-tomato-pumpkin-red-onion-bell-pepper-caulifower-lemon-wooden-bowls-white-wooden-surface-free-space_140725-63310.jpg?_wi=3", - imageAlt: "Professional plated spaghetti dish with fresh ingredients", - buttonIcon: ArrowRight, - buttonHref: "#", - }, + title: "Gourmet Spaghetti", description: "Discover regional Italian spaghetti recipes including carbonara, aglio e olio, and bolognese with expert tips.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cut-vegetables-red-cabbage-green-tomato-pumpkin-red-onion-bell-pepper-caulifower-lemon-wooden-bowls-white-wooden-surface-free-space_140725-63310.jpg", imageAlt: "Professional plated spaghetti dish with fresh ingredients", buttonIcon: ArrowRight, + buttonHref: "#"}, { - title: "Elegant Desserts", - description: "Create restaurant-quality desserts with step-by-step instructions and professional plating techniques.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-jelly-delicious-dessert-plate_23-2148238722.jpg?_wi=3", - imageAlt: "Gourmet chocolate dessert with elegant presentation", - buttonIcon: ArrowRight, - buttonHref: "#", - }, + title: "Elegant Desserts", description: "Create restaurant-quality desserts with step-by-step instructions and professional plating techniques.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-jelly-delicious-dessert-plate_23-2148238722.jpg", imageAlt: "Gourmet chocolate dessert with elegant presentation", buttonIcon: ArrowRight, + buttonHref: "#"}, ]} textboxLayout="default" useInvertedBackground={false} buttonAnimation="slide-up" buttons={[ { - text: "View All Recipes", - href: "#", - }, + text: "View All Recipes", href: "#"}, ]} /> @@ -166,10 +119,9 @@ export default function CategoriesPage() { tagIcon={Mail} tagAnimation="slide-up" background={{ - variant: "plain", - }} + variant: "plain"}} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg" imageAlt="Modern professional culinary kitchen environment" mediaAnimation="slide-up" mediaPosition="right" @@ -181,70 +133,43 @@ export default function CategoriesPage() {