Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,231 +12,127 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplit
|
||||
tag="Authentic Taste"
|
||||
title="Yeonbyeon Daegyeong Lamb Skewers"
|
||||
description="Experience the traditional taste of charcoal-grilled lamb skewers in a cozy, welcoming atmosphere."
|
||||
primaryButton={{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-skewers-meat-fire_23-2148301274.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Authentic Taste"
|
||||
title="Yeonbyeon Daegyeong Lamb Skewers"
|
||||
description="Experience the traditional taste of charcoal-grilled lamb skewers in a cozy, welcoming atmosphere."
|
||||
primaryButton={{ text: "Reserve Now", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Menu", href: "#menu" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-skewers-meat-fire_23-2148301274.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Our Passion for Authentic BBQ"
|
||||
primaryButton={{
|
||||
text: "About Us",
|
||||
href: "#about",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Our Passion for Authentic BBQ"
|
||||
primaryButton={{ text: "About Us", href: "#about" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Experience"
|
||||
title="Signature Dining"
|
||||
description="Discover what makes our lamb skewers special."
|
||||
items={[
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "High-quality, fresh lamb sourced daily.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chopped-raw-meat-process-preparing-forcemeat-by-means-meat-grinder-homemade-sausage-ground-beef_2829-19643.jpg",
|
||||
},
|
||||
{
|
||||
title: "Charcoal Grilled",
|
||||
description: "Authentic flavor through traditional grilling.",
|
||||
buttonIcon: "Flame",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-meat-cooking-open-flames_84443-82317.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Perfect for friends and families.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Experience"
|
||||
title="Signature Dining"
|
||||
description="Discover what makes our lamb skewers special."
|
||||
items={[
|
||||
{ title: "Premium Ingredients", description: "High-quality, fresh lamb sourced daily.", buttonIcon: "Zap", imageSrc: "http://img.b2bpic.net/free-photo/chopped-raw-meat-process-preparing-forcemeat-by-means-meat-grinder-homemade-sausage-ground-beef_2829-19643.jpg" },
|
||||
{ title: "Charcoal Grilled", description: "Authentic flavor through traditional grilling.", buttonIcon: "Flame", imageSrc: "http://img.b2bpic.net/free-photo/roasted-meat-cooking-open-flames_84443-82317.jpg" },
|
||||
{ title: "Cozy Atmosphere", description: "Perfect for friends and families.", buttonIcon: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesImageBento
|
||||
tag="Menu"
|
||||
title="Taste the Variety"
|
||||
description="Explore our delicious range of skewers and traditional dishes."
|
||||
items={[
|
||||
{
|
||||
title: "Classic Skewer",
|
||||
description: "Original marinated lamb.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-street-food-still-life_23-2151535313.jpg",
|
||||
},
|
||||
{
|
||||
title: "Spicy Skewer",
|
||||
description: "Bold and zesty flavor profile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-roasted-meat-pieces-tray-with-chopsticks-sauces-table_181624-28467.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fresh Veggies",
|
||||
description: "Seasonal garden selections.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-stew-with-meat-corn-pieces-chili-pepper-vegetables-basilic-parsley-white-plate_114579-115.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cold Noodles",
|
||||
description: "Refreshing traditional dish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chopsticks-spoons-near-noodle-soupe_23-2147778480.jpg",
|
||||
},
|
||||
{
|
||||
title: "Meat Platter",
|
||||
description: "A feast for all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-meat-with-baked-potatoes-eggplant-tomato-pepper-decorated-with-pomegranate-plate-served-table_176474-2442.jpg",
|
||||
},
|
||||
{
|
||||
title: "Grilled Delights",
|
||||
description: "Signature chef specials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-tray-fried-meat-potatoes-sauce-vegetables_181624-28242.jpg",
|
||||
},
|
||||
{
|
||||
title: "Chef Specialty",
|
||||
description: "House exclusive recipe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-christmas-steak-plate-with-pine-cones-decor-copy-space_23-2148705349.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Menu"
|
||||
title="Taste the Variety"
|
||||
description="Explore our delicious range of skewers and traditional dishes."
|
||||
items={[
|
||||
{ title: "Classic Skewer", description: "Original marinated lamb.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-street-food-still-life_23-2151535313.jpg" },
|
||||
{ title: "Spicy Skewer", description: "Bold and zesty flavor profile.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-roasted-meat-pieces-tray-with-chopsticks-sauces-table_181624-28467.jpg" },
|
||||
{ title: "Fresh Veggies", description: "Seasonal garden selections.", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-stew-with-meat-corn-pieces-chili-pepper-vegetables-basilic-parsley-white-plate_114579-115.jpg" },
|
||||
{ title: "Cold Noodles", description: "Refreshing traditional dish.", imageSrc: "http://img.b2bpic.net/free-photo/chopsticks-spoons-near-noodle-soupe_23-2147778480.jpg" },
|
||||
{ title: "Meat Platter", description: "A feast for all.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-meat-with-baked-potatoes-eggplant-tomato-pepper-decorated-with-pomegranate-plate-served-table_176474-2442.jpg" },
|
||||
{ title: "Grilled Delights", description: "Signature chef specials.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-tray-fried-meat-potatoes-sauce-vegetables_181624-28242.jpg" },
|
||||
{ title: "Chef Specialty", description: "House exclusive recipe.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-christmas-steak-plate-with-pine-cones-decor-copy-space_23-2148705349.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Trusted"
|
||||
title="Serving Tradition Daily"
|
||||
description="Our commitment to quality service."
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "Years Established",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Happy Diners",
|
||||
value: "50k+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Signature Items",
|
||||
value: "20+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted"
|
||||
title="Serving Tradition Daily"
|
||||
description="Our commitment to quality service."
|
||||
metrics={[
|
||||
{ icon: "Award", title: "Years Established", value: "10+" },
|
||||
{ icon: "Smile", title: "Happy Diners", value: "50k+" },
|
||||
{ icon: "CheckCircle", title: "Signature Items", value: "20+" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Reviews"
|
||||
title="What Our Diners Say"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kim Ji-hoon",
|
||||
role: "Foodie",
|
||||
quote: "The best lamb skewers I have ever had! Simply authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bartender-with-arms-crossed-leaning-bar-counter_107420-65491.jpg",
|
||||
},
|
||||
{
|
||||
name: "Park Seo-yeon",
|
||||
role: "Regular",
|
||||
quote: "My favorite place to come with friends every weekend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-cafe-business-black-american_1303-1409.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lee Min-ho",
|
||||
role: "Diner",
|
||||
quote: "Charcoal grilled excellence. The spicy seasoning is top notch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-proposing-his-lover_23-2148060599.jpg",
|
||||
},
|
||||
{
|
||||
name: "Choi Na-eun",
|
||||
role: "Blogger",
|
||||
quote: "Absolutely worth the visit for the genuine taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-giving-steak-person-barbecue_23-2148733646.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kim Min-jun",
|
||||
role: "Guest",
|
||||
quote: "Fast service and amazing quality, truly a gem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-having-fun-while-eating-donuts-cafe_637285-7970.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Reviews"
|
||||
title="What Our Diners Say"
|
||||
description="Genuine feedback from our valued customers."
|
||||
testimonials={[
|
||||
{ name: "Kim Ji-hoon", role: "Foodie", quote: "The best lamb skewers I have ever had! Simply authentic.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bartender-with-arms-crossed-leaning-bar-counter_107420-65491.jpg" },
|
||||
{ name: "Park Seo-yeon", role: "Regular", quote: "My favorite place to come with friends every weekend.", imageSrc: "http://img.b2bpic.net/free-photo/aged-cafe-business-black-american_1303-1409.jpg" },
|
||||
{ name: "Lee Min-ho", role: "Diner", quote: "Charcoal grilled excellence. The spicy seasoning is top notch.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-proposing-his-lover_23-2148060599.jpg" },
|
||||
{ name: "Choi Na-eun", role: "Blogger", quote: "Absolutely worth the visit for the genuine taste.", imageSrc: "http://img.b2bpic.net/free-photo/man-giving-steak-person-barbecue_23-2148733646.jpg" },
|
||||
{ name: "Kim Min-jun", role: "Guest", quote: "Fast service and amazing quality, truly a gem.", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-having-fun-while-eating-donuts-cafe_637285-7970.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Help"
|
||||
title="Frequently Asked Questions"
|
||||
categories={[
|
||||
{
|
||||
name: "Reservations",
|
||||
items: [
|
||||
{
|
||||
question: "Can I book a table?",
|
||||
answer: "Yes, please contact us.",
|
||||
},
|
||||
{
|
||||
question: "Is parking available?",
|
||||
answer: "Yes, we have parking spaces.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Dietary",
|
||||
items: [
|
||||
{
|
||||
question: "Are there vegan options?",
|
||||
answer: "We focus on meat but have fresh sides.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about your dining experience."
|
||||
categories={[
|
||||
{
|
||||
name: "Reservations", items: [
|
||||
{ question: "Can I book a table?", answer: "Yes, please contact us." },
|
||||
{ question: "Is parking available?", answer: "Yes, we have parking spaces." }
|
||||
]
|
||||
},
|
||||
{
|
||||
name: "Dietary", items: [
|
||||
{ question: "Are there vegan options?", answer: "We focus on meat but have fresh sides." }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Bookings"
|
||||
text="Visit us at Yeonbyeon Daegyeong and enjoy the feast of your life."
|
||||
primaryButton={{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Bookings"
|
||||
text="Visit us at Yeonbyeon Daegyeong and enjoy the feast of your life."
|
||||
primaryButton={{ text: "Reserve Now", href: "#" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user