Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-27 05:01:36 +00:00

View File

@@ -27,356 +27,142 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Mingchinor"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Mingchinor"
button={{ text: "Book a Table", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
title="A Culinary Journey at Mingchinor"
description="Experience exquisite flavors, warm hospitality, and an unforgettable dining atmosphere crafted with passion."
buttons={[
{
text: "Book a Table",
href: "#contact",
},
]}
carouselItems={[
{
id: "h1",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg",
imageAlt: "gourmet restaurant table setting",
},
{
id: "h2",
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-adding-sauce-dish_23-2148763222.jpg",
imageAlt: "chef preparing gourmet plate",
},
{
id: "h3",
imageSrc: "http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg",
imageAlt: "restaurant interior warm lighting",
},
{
id: "h4",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157765.jpg",
imageAlt: "gourmet appetizer plate detail",
},
{
id: "h5",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-women-having-fun-time_23-2149232872.jpg",
imageAlt: "professional kitchen staff working",
},
{
id: "h6",
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_74190-1304.jpg",
imageAlt: "elegant wine glass table",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-static" }}
title="A Culinary Journey at Mingchinor"
description="Experience exquisite flavors, warm hospitality, and an unforgettable dining atmosphere crafted with passion."
buttons={[{ text: "Book a Table", href: "#contact" }]}
carouselItems={[
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg", imageAlt: "gourmet restaurant table setting" },
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-adding-sauce-dish_23-2148763222.jpg", imageAlt: "chef preparing gourmet plate" },
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg", imageAlt: "restaurant interior warm lighting" },
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157765.jpg", imageAlt: "gourmet appetizer plate detail" },
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-women-having-fun-time_23-2149232872.jpg", imageAlt: "professional kitchen staff working" },
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_74190-1304.jpg", imageAlt: "elegant wine glass table" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Passionate About Fine Dining"
description="Mingchinor was born from a love for authentic culinary arts and a desire to share unique dining experiences with our community. Our commitment to excellence shows in every detail."
metrics={[
{
value: "15+",
title: "Years of Tradition",
},
{
value: "500+",
title: "Signature Recipes",
},
{
value: "20k",
title: "Happy Guests Served",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-meal-preparation_23-2149059124.jpg"
mediaAnimation="slide-up"
imageAlt="restaurant about chef portrait"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Passionate About Fine Dining"
description="Mingchinor was born from a love for authentic culinary arts and a desire to share unique dining experiences with our community. Our commitment to excellence shows in every detail."
metrics={[{ value: "15+", title: "Years of Tradition" }, { value: "500+", title: "Signature Recipes" }, { value: "20k", title: "Happy Guests Served" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-meal-preparation_23-2149059124.jpg"
mediaAnimation="slide-up"
imageAlt="restaurant about chef portrait"
metricsAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Truffle Infused Risotto",
price: "$32",
imageSrc: "http://img.b2bpic.net/free-photo/meatballs-tomato-sauce-bottle-wine_140725-4804.jpg",
imageAlt: "gourmet signature dish plate",
},
{
id: "p2",
name: "Molten Chocolate Soufflé",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/bisquits-with-sliced-fruits-chocolate-syrup_141793-29.jpg",
imageAlt: "artistic dessert plate gourmet",
},
{
id: "p3",
name: "Grilled Chilean Sea Bass",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-avocado-served-with-cucumber-slices-greens-1_140725-8793.jpg",
imageAlt: "premium seafood dish plating",
},
{
id: "p4",
name: "Classic Spaghetti Carbonara",
price: "$28",
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-cheese-topped-with-basil_140725-3803.jpg",
imageAlt: "classic pasta gourmet dish",
},
{
id: "p5",
name: "Smoked Salmon Tartare",
price: "$24",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89987.jpg",
imageAlt: "modern appetizer gourmet selection",
},
{
id: "p6",
name: "Herb Crusted Lamb Rack",
price: "$52",
imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg",
imageAlt: "gourmet steak meal plating",
},
]}
title="Our Signature Menu"
description="Indulge in our carefully crafted selection of signature dishes, prepared using the finest local ingredients."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Truffle Infused Risotto", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-tomato-sauce-bottle-wine_140725-4804.jpg" },
{ id: "p2", name: "Molten Chocolate Soufflé", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/bisquits-with-sliced-fruits-chocolate-syrup_141793-29.jpg" },
{ id: "p3", name: "Grilled Chilean Sea Bass", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-avocado-served-with-cucumber-slices-greens-1_140725-8793.jpg" },
{ id: "p4", name: "Classic Spaghetti Carbonara", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-cheese-topped-with-basil_140725-3803.jpg" },
{ id: "p5", name: "Smoked Salmon Tartare", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89987.jpg" },
{ id: "p6", name: "Herb Crusted Lamb Rack", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg" }
]}
title="Our Signature Menu"
description="Indulge in our carefully crafted selection of signature dishes, prepared using the finest local ingredients."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Farm-to-Table",
description: "We source ingredients from local farms daily to guarantee freshness.",
tag: "Fresh",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetables-herbs-preparing-salad-kitchen-table_169016-10279.jpg",
imageAlt: "organic fresh food ingredients",
},
{
id: "f2",
title: "Handcrafted Drinks",
description: "Expertly curated cocktail menu for the perfect pairing.",
tag: "Bar",
imageSrc: "http://img.b2bpic.net/free-photo/campagne-glass-with-champagne-it-garnished-with-dried-lemon-slice_140725-1506.jpg",
imageAlt: "gourmet cocktail drink glass",
},
{
id: "f3",
title: "Intimate Ambiance",
description: "Warm, inviting spaces designed for memorable conversations.",
tag: "Comfort",
imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-wine-holding-hands-table_23-2148014466.jpg",
imageAlt: "warm restaurant cozy ambiance",
},
]}
title="The Mingchinor Experience"
description="We ensure every visit is exceptional, focusing on comfort, taste, and atmosphere."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Farm-to-Table", description: "We source ingredients from local farms daily to guarantee freshness.", tag: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetables-herbs-preparing-salad-kitchen-table_169016-10279.jpg" },
{ id: "f2", title: "Handcrafted Drinks", description: "Expertly curated cocktail menu for the perfect pairing.", tag: "Bar", imageSrc: "http://img.b2bpic.net/free-photo/campagne-glass-with-champagne-it-garnished-with-dried-lemon-slice_140725-1506.jpg" },
{ id: "f3", title: "Intimate Ambiance", description: "Warm, inviting spaces designed for memorable conversations.", tag: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-wine-holding-hands-table_23-2148014466.jpg" }
]}
title="The Mingchinor Experience"
description="We ensure every visit is exceptional, focusing on comfort, taste, and atmosphere."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The best dining experience I've had in years. The risotto is divine!",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg",
imageAlt: "customer portrait smiling happy",
},
{
id: "t2",
name: "Michael K.",
handle: "@michealk",
testimonial: "Sophisticated atmosphere and truly world-class ingredients. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg",
imageAlt: "elegant diner happy review",
},
{
id: "t3",
name: "Elena R.",
handle: "@elenar",
testimonial: "Every dish was a piece of art. A true culinary gem in the city.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-10036.jpg",
imageAlt: "food critic eating meal",
},
{
id: "t4",
name: "David W.",
handle: "@davidw",
testimonial: "Great service and even better food. Perfect for special occasions.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg",
imageAlt: "satisfied customer dining out",
},
{
id: "t5",
name: "Jessica M.",
handle: "@jessicam",
testimonial: "The attention to detail and flavor combinations were simply breathtaking.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg",
imageAlt: "smiling restaurant guest portrait",
},
]}
title="Guest Testimonials"
description="What our wonderful guests have to say about their dining experience at Mingchinor."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best dining experience I've had in years. The risotto is divine!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg" },
{ id: "t2", name: "Michael K.", handle: "@michealk", testimonial: "Sophisticated atmosphere and truly world-class ingredients. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg" },
{ id: "t3", name: "Elena R.", handle: "@elenar", testimonial: "Every dish was a piece of art. A true culinary gem in the city.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-10036.jpg" },
{ id: "t4", name: "David W.", handle: "@davidw", testimonial: "Great service and even better food. Perfect for special occasions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg" },
{ id: "t5", name: "Jessica M.", handle: "@jessicam", testimonial: "The attention to detail and flavor combinations were simply breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg" }
]}
title="Guest Testimonials"
description="What our wonderful guests have to say about their dining experience at Mingchinor."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split-description"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do I need a reservation?",
content: "Yes, we highly recommend booking in advance, especially for weekend dining.",
},
{
id: "q2",
title: "Are there vegetarian options?",
content: "Absolutely, our menu includes a variety of thoughtfully curated vegetarian dishes.",
},
{
id: "q3",
title: "Is private dining available?",
content: "Yes, we offer private rooms for special events and parties. Contact us for details.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order-we_1258-138294.jpg"
title="Common Inquiries"
description="Find answers to our most commonly asked questions regarding our service and dining."
faqsAnimation="blur-reveal"
imageAlt="restaurant front desk support"
mediaAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split-description"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance, especially for weekend dining." },
{ id: "q2", title: "Are there vegetarian options?", content: "Absolutely, our menu includes a variety of thoughtfully curated vegetarian dishes." },
{ id: "q3", title: "Is private dining available?", content: "Yes, we offer private rooms for special events and parties. Contact us for details." }
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order-we_1258-138294.jpg"
title="Common Inquiries"
description="Find answers to our most commonly asked questions regarding our service and dining."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Reserve Your Table"
description="Experience Mingchinor firsthand. Fill out the form to request a reservation or inquire about private dining."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "date",
type: "date",
placeholder: "Preferred Date",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Special requests or party size...",
rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/steel-card-with-lettering-guest-relations-stands-table_1304-3054.jpg"
imageAlt="restaurant reception table reservation"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Reserve Your Table"
description="Experience Mingchinor firsthand. Fill out the form to request a reservation or inquire about private dining."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "date", type: "date", placeholder: "Preferred Date", required: true }
]}
textarea={{ name: "message", placeholder: "Special requests or party size...", rows: 4, required: false }}
imageSrc="http://img.b2bpic.net/free-photo/steel-card-with-lettering-guest-relations-stands-table_1304-3054.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/room-background-with-interior-decor-white-walls_23-2151020105.jpg"
logoText="Mingchinor"
columns={[
{
title: "Links",
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#products",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Follow Us",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
]}
copyrightText="© 2025 Mingchinor. All rights reserved."
imageAlt="modern restaurant interior night"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/room-background-with-interior-decor-white-walls_23-2151020105.jpg"
logoText="Mingchinor"
columns={[
{ title: "Links", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }, { label: "Contact", href: "#contact" }] },
{ title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] }
]}
copyrightText="© 2025 Mingchinor. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);