Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 114a8a6453 | |||
| 72ef1db39b |
277
src/app/page.tsx
277
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Tips",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Tips", id: "features" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="KitchenCraft"
|
||||
/>
|
||||
@@ -54,95 +42,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master Your Kitchen Skills"
|
||||
description="Unlock professional chef techniques and elevate your home cooking with our easy-to-follow culinary guides."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Cooking",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Cooking", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/focused-male-cook-garnishing-dish-with-freshly-cut-vegetables-stove_482257-127704.jpg"
|
||||
imageAlt="Chef preparing gourmet ingredients"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-separating-eggs-bowl_23-2149720734.jpg",
|
||||
alt: "Female chef in the kitchen separating eggs in bowl",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934675.jpg",
|
||||
alt: "Male chef in kitchen cooking",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-separating-eggs-bowl_23-2149720738.jpg",
|
||||
alt: "Female chef in the kitchen separating eggs in bowl",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-chef-cooking-meat_23-2149631735.jpg",
|
||||
alt: "Side view chef cooking meat",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-daughter-standing-with-her-mother-holding-digital-tablet-cutting-bell-pepper-with-knife_23-2148041513.jpg",
|
||||
alt: "Close-up of daughter standing with her mother",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ home chefs"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Beginner Friendly",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pro Techniques",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Healthy Recipes",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Cuisines",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Preparation",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Learn With Us?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Recipes Shared",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Cooks",
|
||||
value: "10K+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15",
|
||||
},
|
||||
{ icon: Flame, label: "Recipes Shared", value: "500+" },
|
||||
{ icon: Users, label: "Happy Cooks", value: "10K+" },
|
||||
{ icon: Award, label: "Years Experience", value: "15" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -153,38 +73,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Advanced Knife Skills",
|
||||
author: "Chef Marco",
|
||||
description: "Learn precision cutting and safety.",
|
||||
tags: [
|
||||
"Basic",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-father-son-cooking_23-2148351718.jpg",
|
||||
},
|
||||
id: "1", title: "Advanced Knife Skills", author: "Chef Marco", description: "Learn precision cutting and safety.", tags: ["Basic", "Safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-father-son-cooking_23-2148351718.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Mastering Heat Control",
|
||||
author: "Chef Sarah",
|
||||
description: "Searing, roasting, and sautéing tips.",
|
||||
tags: [
|
||||
"Pro",
|
||||
"Heat",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-cooking-beautiful-home-food_1303-822.jpg",
|
||||
},
|
||||
id: "2", title: "Mastering Heat Control", author: "Chef Sarah", description: "Searing, roasting, and sautéing tips.", tags: ["Pro", "Heat"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-cooking-beautiful-home-food_1303-822.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "The Science of Baking",
|
||||
author: "Chef Leo",
|
||||
description: "Perfect every loaf every time.",
|
||||
tags: [
|
||||
"Baking",
|
||||
"Science",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-dough-prepared-baking_23-2148742169.jpg",
|
||||
},
|
||||
id: "3", title: "The Science of Baking", author: "Chef Leo", description: "Perfect every loaf every time.", tags: ["Baking", "Science"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-dough-prepared-baking_23-2148742169.jpg"},
|
||||
]}
|
||||
title="Essential Cooking Techniques"
|
||||
description="Foundational skills for every home cook."
|
||||
@@ -198,42 +94,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chef Knife",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-half-cut-apple-knife-cutting-board-with-basket-grape-coconut-plaid-cloth-banana-green-background_141793-25554.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ceramic Pan",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-kitchen-utensils-arrangement_23-2149491471.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Digital Scale",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-wooden-chopping-board-surrounded-with-fresh-vegetables-eggs-concrete-background_23-2148062395.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cutting Board",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-stand-with-cheese-bowl-it-bowl-eggs-side-dark-grey-table_140725-80499.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mixing Bowls",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-kitchen-objects_23-2148882497.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Utensil Set",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-wooden-kitchen-utensils-top-view_114579-12681.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Chef Knife", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-half-cut-apple-knife-cutting-board-with-basket-grape-coconut-plaid-cloth-banana-green-background_141793-25554.jpg" },
|
||||
{ id: "p2", name: "Ceramic Pan", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-kitchen-utensils-arrangement_23-2149491471.jpg" },
|
||||
{ id: "p3", name: "Digital Scale", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/circular-wooden-chopping-board-surrounded-with-fresh-vegetables-eggs-concrete-background_23-2148062395.jpg" },
|
||||
]}
|
||||
title="Recommended Tools"
|
||||
description="Equip your kitchen with high-quality essentials."
|
||||
@@ -245,46 +108,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Life Changing!",
|
||||
quote: "I never knew knife skills were this important.",
|
||||
name: "Jane Doe",
|
||||
role: "Home Cook",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-barista-girl_23-2148436110.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Expert Guidance",
|
||||
quote: "Chef Marco makes everything so easy.",
|
||||
name: "John Smith",
|
||||
role: "Aspiring Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-cleaning-plate_23-2148341739.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Tips",
|
||||
quote: "Baking became my new hobby thanks to these guides.",
|
||||
name: "Alice Brown",
|
||||
role: "Mother",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-device_23-2149246363.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "So Much Fun",
|
||||
quote: "I feel confident in the kitchen now.",
|
||||
name: "Bob Green",
|
||||
role: "Beginner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cook-standing-with-big-bowl-salad_23-2148040233.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Must Try",
|
||||
quote: "The best resource for modern cooking techniques.",
|
||||
name: "Emma White",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-gardening-clothes_23-2148396849.jpg",
|
||||
},
|
||||
{ id: "1", title: "Life Changing!", quote: "I never knew knife skills were this important.", name: "Jane Doe", role: "Home Cook" },
|
||||
{ id: "2", title: "Expert Guidance", quote: "Chef Marco makes everything so easy.", name: "John Smith", role: "Aspiring Chef" },
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Real stories from cooks mastering their craft."
|
||||
@@ -296,21 +121,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these tips for beginners?",
|
||||
content: "Yes, we cater to all skill levels.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I request specific recipes?",
|
||||
content: "Absolutely, join our community forums.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do I need fancy equipment?",
|
||||
content: "No, our tips work with standard kitchen tools.",
|
||||
},
|
||||
{ id: "q1", title: "Are these tips for beginners?", content: "Yes, we cater to all skill levels." },
|
||||
{ id: "q2", title: "Can I request specific recipes?", content: "Absolutely, join our community forums." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our guides."
|
||||
@@ -324,22 +136,11 @@ export default function LandingPage() {
|
||||
title="Join Our Newsletter"
|
||||
description="Get weekly cooking tips delivered to your inbox."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
buttonText="Subscribe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41836.jpg"
|
||||
imageAlt="Set of fresh raw vegetables."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -348,32 +149,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-free-space-fresh-healthy-food-set-two-toned-white-blue-background_140725-156971.jpg"
|
||||
logoText="KitchenCraft"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Features", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user