diff --git a/src/app/cooking-tips/page.tsx b/src/app/cooking-tips/page.tsx index f33a60b..ef65c25 100644 --- a/src/app/cooking-tips/page.tsx +++ b/src/app/cooking-tips/page.tsx @@ -11,7 +11,7 @@ import { Sparkles, Lightbulb, BookOpen, Search, Filter, Heart } from 'lucide-rea export default function CookingTipsPage() { const navItems = [ { name: "Home", id: "/" }, - { name: "Recipes", id: "/video-tutorials" }, + { name: "Recipes", id: "/recipes" }, { name: "Tutorials", id: "/cooking-tips" }, { name: "Tips", id: "/tips" } ]; @@ -79,7 +79,7 @@ export default function CookingTipsPage() { title: "Flavor Balancing", description: "Create perfectly balanced dishes", bentoComponent: "reveal-icon", icon: Lightbulb }, { - title: "Kitchen Efficiency", description: "Pro tips for faster meal preparation", bentoComponent: "3d-task-list", title: "Kitchen Setup", items: [ + title: "Kitchen Efficiency", description: "Pro tips for faster meal preparation", bentoComponent: "3d-task-list", heading: "Kitchen Setup", items: [ { icon: BookOpen, label: "Mise en Place", time: "5 min prep" @@ -95,6 +95,7 @@ export default function CookingTipsPage() { ] } ]} + ariaLabel="Cooking tips features section" /> @@ -106,8 +107,9 @@ export default function CookingTipsPage() { { text: "Get Started", href: "/signup" }, { text: "Browse Recipes", href: "/recipes" } ]} - background={{ variant: "radial-gradient" }} + background={{ variant: "plain" }} useInvertedBackground={false} + ariaLabel="Cooking tips CTA section" /> @@ -116,6 +118,7 @@ export default function CookingTipsPage() { logoText="Learn Cooking" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Terms of Service", href: "/terms" }} + ariaLabel="Site footer" /> diff --git a/src/app/page.tsx b/src/app/page.tsx index 19c5706..091ebb3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,8 +34,8 @@ export default function HomePage() { const navItems = [ { name: "Home", id: "/" }, { name: "Recipes", id: "/recipes" }, - { name: "Tutorials", id: "tutorials" }, - { name: "Tips", id: "tips" }, + { name: "Tutorials", id: "/cooking-tips" }, + { name: "Tips", id: "/tips" }, ]; return ( @@ -56,7 +56,8 @@ export default function HomePage() { brandName="Learn Cooking Online" navItems={navItems} button={{ - text: "Get Started", href: "/recipes"}} + text: "Get Started", href: "/recipes" + }} animateOnLoad={true} /> @@ -70,32 +71,43 @@ export default function HomePage() { tagAnimation="slide-up" buttons={[ { - text: "Browse Recipes", href: "/recipes"}, + text: "Browse Recipes", href: "/recipes" + }, { - text: "Watch Tutorials", href: "tutorials"}, + text: "Watch Tutorials", href: "/cooking-tips" + }, ]} buttonAnimation="slide-up" background={{ - variant: "circleGradient"}} + variant: "plain" + }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-lunch-with-measuring-tape_1150-252.jpg", imageAlt: "Vibrant cooking dish with fresh ingredients"}, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-lunch-with-measuring-tape_1150-252.jpg", imageAlt: "Vibrant cooking dish with fresh ingredients" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/summer-roll-stuffed-with-fresh-vegetables_53876-41247.jpg", imageAlt: "Chef preparing fresh vegetables"}, + imageSrc: "http://img.b2bpic.net/free-photo/summer-roll-stuffed-with-fresh-vegetables_53876-41247.jpg", imageAlt: "Chef preparing fresh vegetables" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-salad-bowl_23-2147953662.jpg", imageAlt: "Colorful salad with organic produce"}, + imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-salad-bowl_23-2147953662.jpg", imageAlt: "Colorful salad with organic produce" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/delicious-meat-bruschetta-front-view_23-2148516954.jpg", imageAlt: "Beautiful plated gourmet meal"}, + imageSrc: "http://img.b2bpic.net/free-photo/delicious-meat-bruschetta-front-view_23-2148516954.jpg", imageAlt: "Beautiful plated gourmet meal" + }, ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/assortment-italian-pasta-ingredients_23-2147853454.jpg", imageAlt: "Fresh pasta ingredients preparation"}, + imageSrc: "http://img.b2bpic.net/free-photo/assortment-italian-pasta-ingredients_23-2147853454.jpg", imageAlt: "Fresh pasta ingredients preparation" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/freshly-made-bun-assortment-front-view_23-2148229101.jpg", imageAlt: "Baking fresh homemade bread"}, + imageSrc: "http://img.b2bpic.net/free-photo/freshly-made-bun-assortment-front-view_23-2148229101.jpg", imageAlt: "Baking fresh homemade bread" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151431646.jpg", imageAlt: "Sizzling pan with cooking food"}, + imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151431646.jpg", imageAlt: "Sizzling pan with cooking food" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-137784.jpg", imageAlt: "Dessert plating with artistic presentation"}, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-137784.jpg", imageAlt: "Dessert plating with artistic presentation" + }, ]} carouselPosition="right" ariaLabel="Hero section" @@ -116,13 +128,17 @@ export default function HomePage() { { title: "Step-by-Step Tutorials", description: "Learn with detailed instructions and ingredient lists", bentoComponent: "timeline", heading: "Recipe Process", subheading: "Follow each step carefully", items: [ { - label: "Prep Ingredients", detail: "Gather and prepare all components"}, + label: "Prep Ingredients", detail: "Gather and prepare all components" + }, { - label: "Cook", detail: "Follow cooking instructions with timing"}, + label: "Cook", detail: "Follow cooking instructions with timing" + }, { - label: "Serve & Enjoy", detail: "Present your beautiful creation"}, + label: "Serve & Enjoy", detail: "Present your beautiful creation" + }, ], - completedLabel: "Cooking Complete"}, + completedLabel: "Cooking Complete" + }, { title: "Video Integration", description: "Watch expert demonstrations in action", bentoComponent: "phone", statusIcon: Wifi, alertIcon: Play, @@ -141,10 +157,12 @@ export default function HomePage() { title: "Smart Search", description: "Find recipes by ingredients, cuisine, or difficulty", bentoComponent: "icon-info-cards", items: [ { icon: Search, - label: "Quick Search", value: "10,000+ Recipes"}, + label: "Quick Search", value: "10,000+ Recipes" + }, { icon: Filter, - label: "Advanced Filters", value: "By Cuisine, Time, Level"}, + label: "Advanced Filters", value: "By Cuisine, Time, Level" + }, ], }, { @@ -169,16 +187,20 @@ export default function HomePage() { products={[ { id: "1", brand: "Cuisine Type", name: "Desserts & Sweets", price: "156+ Recipes", rating: 5, - reviewCount: "12.5k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake-stand-with-copy-space_23-2148834046.jpg", imageAlt: "Colorful desserts and pastries"}, + reviewCount: "12.5k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake-stand-with-copy-space_23-2148834046.jpg", imageAlt: "Colorful desserts and pastries" + }, { id: "2", brand: "Cuisine Type", name: "Healthy Food", price: "234+ Recipes", rating: 5, - reviewCount: "18.3k", imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-vegetables-rice-photography_53876-108182.jpg", imageAlt: "Nutritious and healthy meals"}, + reviewCount: "18.3k", imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-vegetables-rice-photography_53876-108182.jpg", imageAlt: "Nutritious and healthy meals" + }, { id: "3", brand: "Cuisine Type", name: "Quick Meals", price: "189+ Recipes", rating: 5, - reviewCount: "14.9k", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-mature-man-cooking-salad-using-tablet_171337-5924.jpg", imageAlt: "Fast and easy meal preparation"}, + reviewCount: "14.9k", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-mature-man-cooking-salad-using-tablet_171337-5924.jpg", imageAlt: "Fast and easy meal preparation" + }, { id: "4", brand: "Cuisine Type", name: "Traditional Food", price: "267+ Recipes", rating: 5, - reviewCount: "21.7k", imageSrc: "http://img.b2bpic.net/free-photo/pottery-pan-with-lamb-pieces-cooked-with-onion-quince_140725-8661.jpg", imageAlt: "Classic and traditional dishes"}, + reviewCount: "21.7k", imageSrc: "http://img.b2bpic.net/free-photo/pottery-pan-with-lamb-pieces-cooked-with-onion-quince_140725-8661.jpg", imageAlt: "Classic and traditional dishes" + }, ]} ariaLabel="Recipe categories section" /> @@ -197,13 +219,17 @@ export default function HomePage() { uniformGridCustomHeightClasses="min-h-[550px]" blogs={[ { - id: "1", category: "Italian", title: "Authentic Pasta Carbonara", excerpt: "Master the classic Roman pasta with creamy sauce and crispy guanciale", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-food-arrangement_23-2148584853.jpg", imageAlt: "Delicious pasta carbonara", authorName: "Chef Marco", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-woman-with-guitar_23-2151169639.jpg", date: "Jan 20, 2025"}, + id: "1", category: "Italian", title: "Authentic Pasta Carbonara", excerpt: "Master the classic Roman pasta with creamy sauce and crispy guanciale", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-food-arrangement_23-2148584853.jpg", imageAlt: "Delicious pasta carbonara", authorName: "Chef Marco", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-woman-with-guitar_23-2151169639.jpg", date: "Jan 20, 2025" + }, { - id: "2", category: "Asian", title: "Pad Thai Perfection", excerpt: "Learn to make restaurant-quality Thai stir-fried noodles at home", imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-noodles_74190-923.jpg", imageAlt: "Vibrant pad thai noodles", authorName: "Chef Aiko", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg", date: "Jan 19, 2025"}, + id: "2", category: "Asian", title: "Pad Thai Perfection", excerpt: "Learn to make restaurant-quality Thai stir-fried noodles at home", imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-noodles_74190-923.jpg", imageAlt: "Vibrant pad thai noodles", authorName: "Chef Aiko", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg", date: "Jan 19, 2025" + }, { - id: "3", category: "Baking", title: "Sourdough Starter Guide", excerpt: "Create and maintain your own sourdough starter for amazing bread", imageSrc: "http://img.b2bpic.net/free-photo/fresh-round-dark-bread-wooden-plate_169016-2109.jpg", imageAlt: "Fresh homemade sourdough bread", authorName: "Chef Sarah", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-cooking_23-2149631698.jpg", date: "Jan 18, 2025"}, + id: "3", category: "Baking", title: "Sourdough Starter Guide", excerpt: "Create and maintain your own sourdough starter for amazing bread", imageSrc: "http://img.b2bpic.net/free-photo/fresh-round-dark-bread-wooden-plate_169016-2109.jpg", imageAlt: "Fresh homemade sourdough bread", authorName: "Chef Sarah", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-cooking_23-2149631698.jpg", date: "Jan 18, 2025" + }, { - id: "4", category: "Healthy", title: "Buddha Bowls for Wellness", excerpt: "Nutritious and colorful bowls packed with superfoods and proteins", imageSrc: "http://img.b2bpic.net/free-photo/pokea-bowl-with-fresh-salmon-rice-chuka-salad-edamame-beans-carrots-red-cabbage-healthy-food-bowl-pink-background-vertical_127032-2525.jpg", imageAlt: "Colorful and healthy buddha bowl", authorName: "Chef Priya", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232159.jpg", date: "Jan 17, 2025"}, + id: "4", category: "Healthy", title: "Buddha Bowls for Wellness", excerpt: "Nutritious and colorful bowls packed with superfoods and proteins", imageSrc: "http://img.b2bpic.net/free-photo/pokea-bowl-with-fresh-salmon-rice-chuka-salad-edamame-beans-carrots-red-cabbage-healthy-food-bowl-pink-background-vertical_127032-2525.jpg", imageAlt: "Colorful and healthy buddha bowl", authorName: "Chef Priya", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232159.jpg", date: "Jan 17, 2025" + }, ]} ariaLabel="Popular recipes section" /> @@ -222,24 +248,31 @@ export default function HomePage() { testimonials={[ { id: "1", name: "Jennifer Martinez", role: "Home Cook", company: "San Francisco, CA", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2911.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2911.jpg" + }, { id: "2", name: "David Chen", role: "Food Enthusiast", company: "New York, NY", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-studio_1303-11583.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-studio_1303-11583.jpg" + }, { id: "3", name: "Emily Richardson", role: "Professional Chef", company: "Austin, TX", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/cook-woman-making-sushi-rolls_1398-1682.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/cook-woman-making-sushi-rolls_1398-1682.jpg" + }, { id: "4", name: "Michael Thompson", role: "Cooking Beginner", company: "Seattle, WA", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg" + }, ]} kpiItems={[ { - value: "50,000+", label: "Active Learners"}, + value: "50,000+", label: "Active Learners" + }, { - value: "95%", label: "Satisfaction Rate"}, + value: "95%", label: "Satisfaction Rate" + }, { - value: "5 Years", label: "Trusted Since"}, + value: "5 Years", label: "Trusted Since" + }, ]} ariaLabel="Testimonials section" /> @@ -251,12 +284,15 @@ export default function HomePage() { animationType="background-highlight" buttons={[ { - text: "Create Free Account", href: "/recipes"}, + text: "Create Free Account", href: "/recipes" + }, { - text: "Browse Recipes", href: "/recipes"}, + text: "Browse Recipes", href: "/recipes" + }, ]} background={{ - variant: "radial-gradient"}} + variant: "plain" + }} useInvertedBackground={false} ariaLabel="Call to action section" /> @@ -266,9 +302,11 @@ export default function HomePage() {