From 7330565550cf8ce9726c6f154cdc11d8639fca2d Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 8 Mar 2026 08:37:11 +0000 Subject: [PATCH] Update src/app/videos/page.tsx --- src/app/videos/page.tsx | 163 ++++++++++------------------------------ 1 file changed, 39 insertions(+), 124 deletions(-) diff --git a/src/app/videos/page.tsx b/src/app/videos/page.tsx index 0f0be0d..633ec88 100644 --- a/src/app/videos/page.tsx +++ b/src/app/videos/page.tsx @@ -2,48 +2,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; -import HeroOverlay from '@/components/sections/hero/HeroOverlay'; -import BlogCardThree from '@/components/sections/blog/BlogCardThree'; +import BlogCardTwo from '@/components/sections/blog/BlogCardTwo'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; -import { useState } from 'react'; -import { Search } from 'lucide-react'; -import Input from '@/components/form/Input'; export default function VideosPage() { - const [searchQuery, setSearchQuery] = useState(''); - const [selectedCategory, setSelectedCategory] = useState('all'); - - const allVideos = [ - { - id: "1", category: "French Cuisine", title: "Classic French Techniques", excerpt: "Learn the essential knife skills and techniques used by professional chefs in French cuisine. Master julienne, brunoise, and chiffonade cuts.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-dish_23-2148241892.jpg", imageAlt: "Chef preparing French dish", authorName: "Chef Marie Dubois", authorAvatar: "http://img.b2bpic.net/free-photo/woman-smiles-toothily-keeps-palms-pressed-together-looks-away-joyfully-wears-casual-t-shirt-isolated-beige-copy-space-away-positive-emotions-concept_273609-56517.jpg", date: "Jan 20, 2025" - }, - { - id: "2", category: "Mediterranean", title: "Mediterranean Summer Salad", excerpt: "Discover how to prepare fresh, vibrant Mediterranean dishes with seasonal ingredients. Fresh vegetables, feta, and olive oil combinations.", imageSrc: "http://img.b2bpic.net/free-photo/food-photography-salad_23-2148241893.jpg", imageAlt: "Mediterranean salad", authorName: "Chef Antonio Rivera", authorAvatar: "http://img.b2bpic.net/free-photo/young-beautiful-woman-having-online-meeting_23-2149116347.jpg", date: "Jan 18, 2025" - }, - { - id: "3", category: "Baking", title: "Artisan Bread Making", excerpt: "Master the art of baking traditional sourdough bread with proper fermentation techniques. Create perfect crusts and fluffy interiors.", imageSrc: "http://img.b2bpic.net/free-photo/baking-bread_23-2148241894.jpg", imageAlt: "Artisan bread", authorName: "Chef Sophie Laurent", authorAvatar: "http://img.b2bpic.net/free-photo/young-women-polishing-nails-bed_23-2147770248.jpg", date: "Jan 15, 2025" - }, - { - id: "4", category: "Asian Cuisine", title: "Wok Mastery for Beginners", excerpt: "Learn the fundamentals of wok cooking including proper heat management and ingredient timing for authentic Asian flavors.", imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-food_23-2148241895.jpg", imageAlt: "Asian wok cooking", authorName: "Chef Lin Chen", authorAvatar: "http://img.b2bpic.net/free-photo/close-perfection-closeup-peaceful-relaxed-redhead-happy-woman-closed-eyes-pure-delighted-smile-sh_1258-139766.jpg", date: "Jan 12, 2025" - }, - { - id: "5", category: "Desserts", title: "Chocolate Tempering Secrets", excerpt: "Unlock the secrets of professional chocolate tempering for glossy, smooth finishes on your desserts and confections.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert_23-2148241896.jpg", imageAlt: "Chocolate tempering", authorName: "Chef Laurent Petit", authorAvatar: "http://img.b2bpic.net/free-photo/woman-smiles-toothily-keeps-palms-pressed-together-looks-away-joyfully-wears-casual-t-shirt-isolated-beige-copy-space-away-positive-emotions-concept_273609-56517.jpg", date: "Jan 10, 2025" - }, - { - id: "6", category: "French Cuisine", title: "Perfect Béarnaise Sauce", excerpt: "Create the classic French béarnaise sauce from scratch with proper emulsification techniques and flavor balancing.", imageSrc: "http://img.b2bpic.net/free-photo/sauce-preparation_23-2148241897.jpg", imageAlt: "Béarnaise sauce", authorName: "Chef Marie Dubois", authorAvatar: "http://img.b2bpic.net/free-photo/woman-smiles-toothily-keeps-palms-pressed-together-looks-away-joyfully-wears-casual-t-shirt-isolated-beige-copy-space-away-positive-emotions-concept_273609-56517.jpg", date: "Jan 8, 2025" - } - ]; - - const categories = ['all', 'French Cuisine', 'Mediterranean', 'Baking', 'Asian Cuisine', 'Desserts']; - - const filteredVideos = allVideos.filter(video => { - const matchesSearch = video.title.toLowerCase().includes(searchQuery.toLowerCase()) || - video.excerpt.toLowerCase().includes(searchQuery.toLowerCase()) || - video.authorName.toLowerCase().includes(searchQuery.toLowerCase()); - const matchesCategory = selectedCategory === 'all' || video.category === selectedCategory; - return matchesSearch && matchesCategory; - }); - return ( -
- +
-
-
-
-

Search & Filter Videos

-
-
- - -
-
- {categories.map(category => ( - - ))} -
-

Found {filteredVideos.length} video{filteredVideos.length !== 1 ? 's' : ''}

-
-
-
-
- -
- {filteredVideos.length > 0 ? ( - - ) : ( -
-

No videos found matching your search. Try different keywords or categories.

-
- )} -
- -- 2.49.1