Merge version_1 into main #4
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
118
src/app/page.tsx
118
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}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
<FooterLogoReveal
|
||||
logoText="Learn Cooking"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
text: "Privacy Policy", href: "/privacy"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
text: "Terms of Service", href: "/terms"
|
||||
}}
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user