Merge version_1 into main #2
144
src/app/page.tsx
144
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Recipes",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Recipes", id: "#catalog"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="KitchenCraft"
|
||||
/>
|
||||
@@ -48,31 +42,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Craft Your Next Masterpiece"
|
||||
description="Discover 1000+ hand-curated recipes from expert chefs worldwide. Simple, healthy, and delicious."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-chicken-meal-with-potatoes-vegetables-saucepan-red-stripped-towel-tomatoes-salt-gray-background_140725-159403.jpg",
|
||||
imageAlt: "Chef preparing delicious food",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-chicken-meal-with-potatoes-vegetables-saucepan-red-stripped-towel-tomatoes-salt-gray-background_140725-159403.jpg", imageAlt: "Chef preparing delicious food"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-roasted-meat-served-with-breaded-squid-ring_651396-1441.jpg?_wi=1",
|
||||
imageAlt: "Gourmet meal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-roasted-meat-served-with-breaded-squid-ring_651396-1441.jpg", imageAlt: "Gourmet meal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutrition-food-meal-planning_23-2149074242.jpg?_wi=1",
|
||||
imageAlt: "Fresh healthy bowl",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutrition-food-meal-planning_23-2149074242.jpg", imageAlt: "Fresh healthy bowl"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_1203-9378.jpg?_wi=1",
|
||||
imageAlt: "Savory dinner dish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_1203-9378.jpg", imageAlt: "Savory dinner dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5032.jpg?_wi=1",
|
||||
imageAlt: "Refreshing salad",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5032.jpg", imageAlt: "Refreshing salad"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -86,53 +69,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Easy",
|
||||
name: "Classic Pasta",
|
||||
price: "15m",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-roasted-meat-served-with-breaded-squid-ring_651396-1441.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "Easy", name: "Classic Pasta", price: "15m", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/piece-roasted-meat-served-with-breaded-squid-ring_651396-1441.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Medium",
|
||||
name: "Fresh Salad",
|
||||
price: "10m",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutrition-food-meal-planning_23-2149074242.jpg?_wi=2",
|
||||
},
|
||||
id: "2", brand: "Medium", name: "Fresh Salad", price: "10m", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutrition-food-meal-planning_23-2149074242.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Hard",
|
||||
name: "Beef Wellington",
|
||||
price: "90m",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_1203-9378.jpg?_wi=2",
|
||||
},
|
||||
id: "3", brand: "Hard", name: "Beef Wellington", price: "90m", rating: 5,
|
||||
reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_1203-9378.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Easy",
|
||||
name: "Berry Smoothie",
|
||||
price: "5m",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5032.jpg?_wi=2",
|
||||
},
|
||||
id: "4", brand: "Easy", name: "Berry Smoothie", price: "5m", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5032.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Medium",
|
||||
name: "Roasted Chicken",
|
||||
price: "45m",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cookie-pastries-inside-plate-light-table-cake-biscuit-sugar-sweet-pastry-bake_140725-24490.jpg",
|
||||
},
|
||||
id: "5", brand: "Medium", name: "Roasted Chicken", price: "45m", rating: 5,
|
||||
reviewCount: "202", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cookie-pastries-inside-plate-light-table-cake-biscuit-sugar-sweet-pastry-bake_140725-24490.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Easy",
|
||||
name: "Vegetable Soup",
|
||||
price: "25m",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-california-sushi-rolls-with-red-caviar_114579-2128.jpg",
|
||||
},
|
||||
id: "6", brand: "Easy", name: "Vegetable Soup", price: "25m", rating: 5,
|
||||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/hot-california-sushi-rolls-with-red-caviar_114579-2128.jpg"},
|
||||
]}
|
||||
title="Fresh Recipes"
|
||||
description="Browse our latest culinary inspirations."
|
||||
@@ -145,20 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I save recipes?",
|
||||
content: "Just click the heart icon on any recipe card to save to your favorites.",
|
||||
},
|
||||
id: "1", title: "How do I save recipes?", content: "Just click the heart icon on any recipe card to save to your favorites."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I search by ingredient?",
|
||||
content: "Yes, use the search bar to find recipes containing specific ingredients.",
|
||||
},
|
||||
id: "2", title: "Can I search by ingredient?", content: "Yes, use the search bar to find recipes containing specific ingredients."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is dark mode supported?",
|
||||
content: "Absolutely! Toggle the dark mode switch in the navigation menu.",
|
||||
},
|
||||
id: "3", title: "Is dark mode supported?", content: "Absolutely! Toggle the dark mode switch in the navigation menu."},
|
||||
]}
|
||||
title="Kitchen Help"
|
||||
description="Common cooking questions answered."
|
||||
@@ -173,25 +117,13 @@ export default function LandingPage() {
|
||||
tag="Trusted By Thousands"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1.2K+",
|
||||
description: "Gourmet Recipes",
|
||||
},
|
||||
id: "1", value: "1.2K+", description: "Gourmet Recipes"},
|
||||
{
|
||||
id: "2",
|
||||
value: "50K+",
|
||||
description: "Happy Home Chefs",
|
||||
},
|
||||
id: "2", value: "50K+", description: "Happy Home Chefs"},
|
||||
{
|
||||
id: "3",
|
||||
value: "4.9/5",
|
||||
description: "Average Rating",
|
||||
},
|
||||
id: "3", value: "4.9/5", description: "Average Rating"},
|
||||
{
|
||||
id: "4",
|
||||
value: "100+",
|
||||
description: "Global Experts",
|
||||
},
|
||||
id: "4", value: "100+", description: "Global Experts"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -206,25 +138,9 @@ export default function LandingPage() {
|
||||
description="Expert tips and tricks for your kitchen adventures."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Technique",
|
||||
title: "Mastering The Sear",
|
||||
excerpt: "Learn how to get the perfect crust on your protein every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-roasted-meat-served-with-breaded-squid-ring_651396-1441.jpg?_wi=3",
|
||||
authorName: "Chef Maria",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/top-view-nutrition-food-meal-planning_23-2149074242.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "1", category: "Technique", title: "Mastering The Sear", excerpt: "Learn how to get the perfect crust on your protein every time.", imageSrc: "http://img.b2bpic.net/free-photo/piece-roasted-meat-served-with-breaded-squid-ring_651396-1441.jpg", authorName: "Chef Maria", authorAvatar: "http://img.b2bpic.net/free-photo/top-view-nutrition-food-meal-planning_23-2149074242.jpg", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Nutrition",
|
||||
title: "Healthy Meal Prep",
|
||||
excerpt: "Planning your week has never been easier or more delicious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_1203-9378.jpg?_wi=3",
|
||||
authorName: "Chef John",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5032.jpg",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
id: "2", category: "Nutrition", title: "Healthy Meal Prep", excerpt: "Planning your week has never been easier or more delicious.", imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_1203-9378.jpg", authorName: "Chef John", authorAvatar: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5032.jpg", date: "Oct 15, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user