330 lines
18 KiB
TypeScript
330 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import Link from "next/link";
|
|
import { ChefHat, Sparkles, BookOpen, Award, HelpCircle, Mail, ArrowRight, BookMarked, Video, GraduationCap, Star, TrendingUp, Users } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Recipes", id: "recipes" },
|
|
{ name: "Categories", id: "categories" },
|
|
{ name: "For Students", id: "resources" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Start Cooking", href: "/recipes"}}
|
|
brandName="CookBook Pro"
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Master the Art of Cooking with Professional Guidance"
|
|
description="From pasta to pizza, master essential cooking techniques designed for students and aspiring chefs. Learn from proven methods that work for home cooks and culinary professionals alike."
|
|
tag="Culinary Education"
|
|
tagIcon={ChefHat}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{
|
|
text: "Explore Recipes", href: "/recipes"},
|
|
{
|
|
text: "For Students", href: "/resources"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-rolling-out-dough-dark-job-raw-dough-pie-oven-hotcake-bakery-egg_179666-43928.jpg", imageAlt: "Professional chef preparing fresh ingredients in a modern kitchen"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145592.jpg", imageAlt: "Culinary students learning cooking techniques in a professional kitchen"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by 10,000+ Students & Home Cooks"
|
|
/>
|
|
</div>
|
|
|
|
{/* About Section */}
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{
|
|
type: "text", content: "Learn Cooking Fundamentals From "},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145592.jpg", alt: "Professional culinary school"},
|
|
{
|
|
type: "text", content: " Expert Instructors"},
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Discover Our Method", href: "/resources"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
{/* Featured Recipes Section */}
|
|
<div id="featured-recipes" data-section="featured-recipes">
|
|
<FeatureCardTwentySix
|
|
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}
|
|
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", imageAlt: "Fresh homemade pasta with traditional italian sauce", buttonIcon: ArrowRight,
|
|
buttonHref: "/recipes"},
|
|
{
|
|
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: "/recipes"},
|
|
{
|
|
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: "/recipes"},
|
|
{
|
|
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: "/recipes"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View All Recipes", href: "/recipes"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Recipe Categories Section */}
|
|
<div id="recipe-categories" data-section="recipe-categories">
|
|
<ProductCardTwo
|
|
title="Recipe Categories"
|
|
description="Browse our complete collection organized by cuisine type, cooking technique, and difficulty level."
|
|
tag="All Categories"
|
|
tagIcon={BookOpen}
|
|
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", 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", 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", imageAlt: "Pizza varieties and wood fired oven techniques"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Explore Categories", href: "/categories"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
{/* Student Resources Section */}
|
|
<div id="student-resources" data-section="student-resources">
|
|
<MetricCardOne
|
|
title="Why Students Choose Us"
|
|
description="Comprehensive resources designed specifically for culinary degree students and passionate home cooks."
|
|
tag="Student Success"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500", title: "Professional Recipes", description: "Tested and verified recipes from culinary experts", icon: BookMarked,
|
|
},
|
|
{
|
|
id: "2", value: "150", title: "Technique Videos", description: "Step-by-step instructions for fundamental skills", icon: Video,
|
|
},
|
|
{
|
|
id: "3", value: "100", title: "Study Guides", description: "Comprehensive resources for culinary students", icon: GraduationCap,
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Access Student Portal", href: "/resources"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Students & Home Cooks Say"
|
|
description="Real feedback from people who've transformed their cooking skills with our platform."
|
|
tag="Success Stories"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Culinary Student", company: "Le Cordon Bleu", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208272.jpg", imageAlt: "Sarah Johnson, culinary student"},
|
|
{
|
|
id: "2", name: "Marco Rossi", role: "Home Cook", company: "Italy", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646207.jpg", imageAlt: "Marco Rossi, home cook and recipe enthusiast"},
|
|
{
|
|
id: "3", name: "Elena Chen", role: "Pastry Chef", company: "Culinary Arts Institute", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-with-plate_23-2148471884.jpg", imageAlt: "Elena Chen, professional pastry chef"},
|
|
{
|
|
id: "4", name: "James Patterson", role: "Cooking Instructor", company: "Community College", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-preparing-salad-rubbing-cheese-top_1303-32161.jpg", imageAlt: "James Patterson, cooking instructor"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "10,000+", label: "Active Users"},
|
|
{
|
|
value: "98%", label: "Satisfaction Rate"},
|
|
{
|
|
value: "500+", label: "Professional Recipes"},
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Join Our Community", href: "/contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
{/* FAQ Section */}
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about cooking techniques, recipes, and our educational programs."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I make fresh pasta from scratch?", content: "Fresh pasta requires three basic ingredients: flour, eggs, and a pinch of salt. The key is proper kneading and resting time. Our detailed guide includes video demonstrations of the traditional technique used by Italian chefs, with tips for achieving the perfect texture and consistency."},
|
|
{
|
|
id: "2", title: "What's the difference between different types of spaghetti?", content: "Different spaghetti shapes serve different sauce purposes. Long thin spaghetti works best with light oil-based sauces, while shorter shapes hold thicker sauces. Our recipes specify the best spaghetti type for each dish and explain why traditional Italian cooks make these choices."},
|
|
{
|
|
id: "3", title: "How can I make authentic Neapolitan pizza?", content: "Authentic Neapolitan pizza requires specific techniques including proper dough fermentation (24-72 hours), high-temperature cooking (900°F+), and quality San Marzano tomatoes. Our complete guide covers dough development, hydration ratios, and professional oven techniques."},
|
|
{
|
|
id: "4", title: "Are these recipes suitable for culinary degree programs?", content: "Yes! Our recipes are developed by professional chefs and culinary instructors. They include detailed techniques, ingredient ratios, and plating instructions suitable for both professional training and home application. Many recipes include variations and professional chef tips."},
|
|
{
|
|
id: "5", title: "How do I access the student resources section?", content: "Student resources are available through our dedicated portal with study guides, technique videos, and professional development materials. Simply create an account and navigate to the 'For Students' section to access culinary fundamentals, knife skills, and advanced cooking methods."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727953.jpg"
|
|
imageAlt="Professional chef demonstrating cooking techniques in modern kitchen"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Stay Updated with New Recipes"
|
|
description="Subscribe to our weekly newsletter to receive new recipes, cooking tips, and exclusive content for culinary students."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
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"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe Now"
|
|
termsText="We respect your privacy. Unsubscribe at any time from our weekly newsletter."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/bar-concept_23-2147798083.jpg"
|
|
imageAlt="Professional culinary kitchen workspace"
|
|
columns={[
|
|
{
|
|
title: "Recipes", items: [
|
|
{
|
|
label: "All Recipes", href: "/recipes"},
|
|
{
|
|
label: "Pasta", href: "/recipes"},
|
|
{
|
|
label: "Pizza", href: "/recipes"},
|
|
{
|
|
label: "Spaghetti", href: "/recipes"},
|
|
],
|
|
},
|
|
{
|
|
title: "Learn", items: [
|
|
{
|
|
label: "For Students", href: "/resources"},
|
|
{
|
|
label: "Techniques", href: "/resources"},
|
|
{
|
|
label: "Chef Tips", href: "/resources"},
|
|
{
|
|
label: "FAQ", href: "/#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "/#about"},
|
|
{
|
|
label: "Contact", href: "/#contact"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="CookBook Pro"
|
|
copyrightText="© 2025 CookBook Pro. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |