From 3471d5c87a6b349df2edbfb29f259ac7393cfe2d Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 7 Jun 2026 17:27:38 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 340 +++++++++++------------------------------------ 1 file changed, 80 insertions(+), 260 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 1b3bd3e..16cf60d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,34 +33,20 @@ export default function LandingPage() { @@ -72,75 +58,43 @@ export default function LandingPage() { description="Experience centuries-old recipes perfected with fresh, local ingredients. Every bowl tells a story of rich flavors and culinary heritage." testimonials={[ { - name: "Alex Chen", - handle: "@FoodieExplorer", - testimonial: "The best hand-pulled noodles I've ever tasted outside of China! A true culinary gem.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-red-uniform-cape-holding-round-delivery-bowl-notepad-pink-background_140725-41106.jpg", - }, + name: "Alex Chen", handle: "@FoodieExplorer", testimonial: "The best hand-pulled noodles I've ever tasted outside of China! A true culinary gem.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-red-uniform-cape-holding-round-delivery-bowl-notepad-pink-background_140725-41106.jpg"}, { - name: "Sophia Lee", - handle: "@NoodleLover", - testimonial: "Shandong Noodle House delivers incredible flavor and warmth in every single dish. Highly recommend!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", - }, + name: "Sophia Lee", handle: "@NoodleLover", testimonial: "Shandong Noodle House delivers incredible flavor and warmth in every single dish. Highly recommend!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg"}, { - name: "David Kim", - handle: "@GourmetGuide", - testimonial: "An authentic experience from start to finish. The quality of ingredients truly shines through.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eats-croissants-with-coffee-cafe_169016-22459.jpg", - }, + name: "David Kim", handle: "@GourmetGuide", testimonial: "An authentic experience from start to finish. The quality of ingredients truly shines through.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eats-croissants-with-coffee-cafe_169016-22459.jpg"}, { - name: "Emily Wong", - handle: "@TasteTester", - testimonial: "My go-to spot for comfort food. Their spicy beef noodles are a must-try!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-barista-black-apron-holding-coffee-cup-laughing-standing-yellow-background_1258-163541.jpg", - }, + name: "Emily Wong", handle: "@TasteTester", testimonial: "My go-to spot for comfort food. Their spicy beef noodles are a must-try!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-barista-black-apron-holding-coffee-cup-laughing-standing-yellow-background_1258-163541.jpg"}, { - name: "Mark Ramirez", - handle: "@HungryTraveler", - testimonial: "Absolutely phenomenal! The broth is rich, the noodles are perfect, and the ambiance is wonderful.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150427598.jpg", - }, + name: "Mark Ramirez", handle: "@HungryTraveler", testimonial: "Absolutely phenomenal! The broth is rich, the noodles are perfect, and the ambiance is wonderful.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150427598.jpg"}, ]} testimonialRotationInterval={5000} tag="Authentic Flavors" tagIcon={Flame} + tagAnimation="blur-reveal" buttons={[ { - text: "View Our Menu", - href: "#menu", - }, + text: "View Our Menu", href: "#menu"}, { - text: "Make a Reservation", - href: "#contact", - }, + text: "Make a Reservation", href: "#contact"}, ]} + buttonAnimation="blur-reveal" avatars={[ { - src: "http://img.b2bpic.net/free-photo/young-boy-is-feeling-surprise-with-how-delicious-instant-noodle-is-young-boy-is-enjoy-eatting-instant-noodle-home_1150-21929.jpg", - alt: "Alex Chen", - }, + src: "http://img.b2bpic.net/free-photo/young-boy-is-feeling-surprise-with-how-delicious-instant-noodle-is-young-boy-is-enjoy-eatting-instant-noodle-home_1150-21929.jpg", alt: "Alex Chen"}, { - src: "http://img.b2bpic.net/free-photo/happy-impressed-gorgeous-middle-aged-woman-showing-thumb-up_176420-43864.jpg", - alt: "Sophia Lee", - }, + src: "http://img.b2bpic.net/free-photo/happy-impressed-gorgeous-middle-aged-woman-showing-thumb-up_176420-43864.jpg", alt: "Sophia Lee"}, { - src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-6901.jpg", - alt: "David Kim", - }, + src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-6901.jpg", alt: "David Kim"}, { - src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-sushi_23-2149957085.jpg", - alt: "Emily Wong", - }, + src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-sushi_23-2149957085.jpg", alt: "Emily Wong"}, { - src: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-delivery-bowl-light-pink-background_140725-40688.jpg", - alt: "Mark Ramirez", - }, + src: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-delivery-bowl-light-pink-background_140725-40688.jpg", alt: "Mark Ramirez"}, ]} avatarText="Loved by noodle enthusiasts" imageSrc="http://img.b2bpic.net/free-photo/delicious-epic-food-presentation_23-2151888662.jpg" @@ -158,17 +112,11 @@ export default function LandingPage() { description="At Shandong Noodle House, we're dedicated to preserving the rich culinary traditions of Shandong province. Our chefs meticulously hand-pull each noodle and craft every dish with the freshest ingredients, ensuring an authentic taste experience that transports you straight to China." metrics={[ { - value: "100+", - title: "Years of Tradition", - }, + value: "100+", title: "Years of Tradition"}, { - value: "50+", - title: "Authentic Recipes", - }, + value: "50+", title: "Authentic Recipes"}, { - value: "10k+", - title: "Happy Customers", - }, + value: "10k+", title: "Happy Customers"}, ]} tag="Our Story" tagIcon={Utensils} @@ -186,22 +134,17 @@ export default function LandingPage() { features={[ { icon: Soup, - title: "Hand-Pulled Perfection", - description: "Experience the unique texture and chewiness of our noodles, meticulously hand-pulled by our skilled chefs daily for unparalleled freshness.", - }, + title: "Hand-Pulled Perfection", description: "Experience the unique texture and chewiness of our noodles, meticulously hand-pulled by our skilled chefs daily for unparalleled freshness."}, { icon: Leaf, - title: "Farm-Fresh Ingredients", - description: "We source the finest local produce and premium meats, ensuring every ingredient contributes to the vibrant flavors of our dishes.", - }, + title: "Farm-Fresh Ingredients", description: "We source the finest local produce and premium meats, ensuring every ingredient contributes to the vibrant flavors of our dishes."}, { icon: Sparkles, - title: "Time-Honored Recipes", - description: "Savor authentic flavors passed down through generations, bringing the true taste of Shandong province right to your table.", - }, + title: "Time-Honored Recipes", description: "Savor authentic flavors passed down through generations, bringing the true taste of Shandong province right to your table."}, ]} title="The Shandong Difference: Authenticity in Every Bite" description="We are committed to delivering an exceptional dining experience through our dedication to traditional techniques and high-quality ingredients." + animationType="blur-reveal" /> @@ -212,68 +155,27 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "1", - brand: "Signature Dish", - name: "Classic Beef Noodle Soup", - price: "$15.99", - rating: 5, - reviewCount: "120 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-stir-fried-noodles-with-grilled-red-meat-carrot-cucumber-sesame-seeds-plate_141793-5120.jpg", - imageAlt: "Classic Beef Noodle Soup", - }, + id: "1", brand: "Signature Dish", name: "Classic Beef Noodle Soup", price: "$15.99", rating: 5, + reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/side-view-stir-fried-noodles-with-grilled-red-meat-carrot-cucumber-sesame-seeds-plate_141793-5120.jpg", imageAlt: "Classic Beef Noodle Soup"}, { - id: "2", - brand: "Spicy Favorite", - name: "Spicy Dan Dan Noodles", - price: "$14.50", - rating: 5, - reviewCount: "95 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-thai-udon-noodle-with-chopsticks-soya-sauce-wooden-table_23-2148093130.jpg", - imageAlt: "Spicy Dan Dan Noodles", - }, + id: "2", brand: "Spicy Favorite", name: "Spicy Dan Dan Noodles", price: "$14.50", rating: 5, + reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-thai-udon-noodle-with-chopsticks-soya-sauce-wooden-table_23-2148093130.jpg", imageAlt: "Spicy Dan Dan Noodles"}, { - id: "3", - brand: "Chef's Special", - name: "Braised Pork Belly Noodles", - price: "$16.99", - rating: 5, - reviewCount: "110 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-2458.jpg", - imageAlt: "Braised Pork Belly Noodles", - }, + id: "3", brand: "Chef's Special", name: "Braised Pork Belly Noodles", price: "$16.99", rating: 5, + reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-2458.jpg", imageAlt: "Braised Pork Belly Noodles"}, { - id: "4", - brand: "Vegetarian", - name: "Vegetarian Stir-Fried Noodles", - price: "$13.99", - rating: 4, - reviewCount: "80 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodles-with-chicken-chopped-green-onion-white-bowl-white-background_141793-3054.jpg", - imageAlt: "Vegetarian Stir-Fried Noodles", - }, + id: "4", brand: "Vegetarian", name: "Vegetarian Stir-Fried Noodles", price: "$13.99", rating: 4, + reviewCount: "80 reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodles-with-chicken-chopped-green-onion-white-bowl-white-background_141793-3054.jpg", imageAlt: "Vegetarian Stir-Fried Noodles"}, { - id: "5", - brand: "Seafood Delight", - name: "Shrimp Wonton Noodle Soup", - price: "$17.99", - rating: 5, - reviewCount: "75 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/salted-pickled-mustard-salad-thai-food_1150-23107.jpg", - imageAlt: "Shrimp Wonton Noodle Soup", - }, + id: "5", brand: "Seafood Delight", name: "Shrimp Wonton Noodle Soup", price: "$17.99", rating: 5, + reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/salted-pickled-mustard-salad-thai-food_1150-23107.jpg", imageAlt: "Shrimp Wonton Noodle Soup"}, { - id: "6", - brand: "Korean-Chinese", - name: "Jajangmyeon (Black Bean Noodles)", - price: "$15.50", - rating: 4, - reviewCount: "60 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-with-fork-top-view_23-2148425568.jpg", - imageAlt: "Jajangmyeon (Black Bean Noodles)", - }, + id: "6", brand: "Korean-Chinese", name: "Jajangmyeon (Black Bean Noodles)", price: "$15.50", rating: 4, + reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-with-fork-top-view_23-2148425568.jpg", imageAlt: "Jajangmyeon (Black Bean Noodles)"}, ]} title="Our Delicious Noodle Creations" description="Explore our diverse menu featuring a blend of traditional Shandong recipes and popular Chinese-inspired noodle dishes, crafted to satisfy every palate." + animationType="blur-reveal" /> @@ -283,76 +185,35 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Johnson", - role: "Local Food Critic", - company: "Taste Magazine", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-eating-salmon-dish-bowl-restaurant_23-2150461491.jpg", - imageAlt: "Sarah Johnson", - }, + id: "1", name: "Sarah Johnson", role: "Local Food Critic", company: "Taste Magazine", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-eating-salmon-dish-bowl-restaurant_23-2150461491.jpg", imageAlt: "Sarah Johnson"}, { - id: "2", - name: "Michael Chen", - role: "Culinary Blogger", - company: "NoodleQuest", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-asian-food_23-2150288323.jpg", - imageAlt: "Michael Chen", - }, + id: "2", name: "Michael Chen", role: "Culinary Blogger", company: "NoodleQuest", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-asian-food_23-2150288323.jpg", imageAlt: "Michael Chen"}, { - id: "3", - name: "Emily Rodriguez", - role: "Food Enthusiast", - company: "Community Member", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salmon-dish-bowl-restaurant_23-2150461477.jpg", - imageAlt: "Emily Rodriguez", - }, + id: "3", name: "Emily Rodriguez", role: "Food Enthusiast", company: "Community Member", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salmon-dish-bowl-restaurant_23-2150461477.jpg", imageAlt: "Emily Rodriguez"}, { - id: "4", - name: "David Kim", - role: "Regular Patron", - company: "Local Business Owner", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-noodles-bowl_23-2149734527.jpg", - imageAlt: "David Kim", - }, + id: "4", name: "David Kim", role: "Regular Patron", company: "Local Business Owner", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-noodles-bowl_23-2149734527.jpg", imageAlt: "David Kim"}, { - id: "5", - name: "Anna Williams", - role: "Gourmet Chef", - company: "Fine Dining Restaurant", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-chopsticks_23-2149706744.jpg", - imageAlt: "Anna Williams", - }, + id: "5", name: "Anna Williams", role: "Gourmet Chef", company: "Fine Dining Restaurant", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-chopsticks_23-2149706744.jpg", imageAlt: "Anna Williams"}, { - id: "6", - name: "James Brown", - role: "Travel Food Vlogger", - company: "Global Bites", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-ramen-table_23-2150857808.jpg", - imageAlt: "James Brown", - }, + id: "6", name: "James Brown", role: "Travel Food Vlogger", company: "Global Bites", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-ramen-table_23-2150857808.jpg", imageAlt: "James Brown"}, ]} kpiItems={[ { - value: "5.0", - label: "Average Rating", - }, + value: "5.0", label: "Average Rating"}, { - value: "200+", - label: "Positive Reviews", - }, + value: "200+", label: "Positive Reviews"}, { - value: "100%", - label: "Satisfaction", - }, + value: "100%", label: "Satisfaction"}, ]} title="What Our Valued Customers Say" description="Hear directly from those who have experienced the authentic taste and warm hospitality of Shandong Noodle House." + animationType="depth-3d" /> @@ -362,30 +223,15 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "1", - title: "Do you offer vegetarian or vegan options?", - content: "Yes, we have a variety of delicious vegetarian and vegan noodle dishes. Please check our menu or ask our staff for recommendations.", - }, + id: "1", title: "Do you offer vegetarian or vegan options?", content: "Yes, we have a variety of delicious vegetarian and vegan noodle dishes. Please check our menu or ask our staff for recommendations."}, { - id: "2", - title: "Can I make a reservation?", - content: "We highly recommend making reservations, especially during peak hours, to ensure a seamless dining experience. You can book a table through our contact section.", - }, + id: "2", title: "Can I make a reservation?", content: "We highly recommend making reservations, especially during peak hours, to ensure a seamless dining experience. You can book a table through our contact section."}, { - id: "3", - title: "Do you offer catering services?", - content: "Yes, we provide catering for events of all sizes. Contact us with your event details, and we'll create a customized menu for you.", - }, + id: "3", title: "Do you offer catering services?", content: "Yes, we provide catering for events of all sizes. Contact us with your event details, and we'll create a customized menu for you."}, { - id: "4", - title: "What are your opening hours?", - content: "Our current opening hours are: Monday - Friday: 11:30 AM - 9:30 PM, Saturday - Sunday: 12:00 PM - 10:00 PM. We are closed on major holidays.", - }, + id: "4", title: "What are your opening hours?", content: "Our current opening hours are: Monday - Friday: 11:30 AM - 9:30 PM, Saturday - Sunday: 12:00 PM - 10:00 PM. We are closed on major holidays."}, { - id: "5", - title: "Do you use MSG in your dishes?", - content: "We prioritize fresh ingredients and authentic flavors. While some traditional ingredients may naturally contain glutamates, we do not add artificial MSG to our dishes.", - }, + id: "5", title: "Do you use MSG in your dishes?", content: "We prioritize fresh ingredients and authentic flavors. While some traditional ingredients may naturally contain glutamates, we do not add artificial MSG to our dishes."}, ]} imageSrc="http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg" imageAlt="Friendly restaurant staff ready to help" @@ -395,7 +241,8 @@ export default function LandingPage() { description="Find quick answers to common questions about our menu, services, and dining experience." tag="Need Help?" tagIcon={MessageCircle} - faqsAnimation="entrance-slide" + tagAnimation="blur-reveal" + faqsAnimation="blur-reveal" /> @@ -404,15 +251,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Local Food Critic Awards", - "Zagat Rated", - "Michelin Guide Mention", - "TripAdvisor Excellence", - "Google Favorites", - "Yelp's Best Noodle House", - "DineOut Magazine", - "Eater's Choice", - ]} + "Local Food Critic Awards", "Zagat Rated", "Michelin Guide Mention", "TripAdvisor Excellence", "Google Favorites", "Yelp's Best Noodle House", "DineOut Magazine", "Eater's Choice"]} title="Recognized for Culinary Excellence" description="Proudly acknowledged by leading food critics and respected dining guides for our commitment to quality and authentic flavors." tag="Awards & Mentions" @@ -426,8 +265,7 @@ export default function LandingPage() {