Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-26 09:43:33 +00:00

View File

@@ -29,465 +29,152 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Specials",
id: "specials",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Mason Jar"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Specials", id: "specials" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="Mason Jar"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Uniquely Mason, Truly Exceptional."
description="Where adventurous flavors meet rustic charm. Join us for the finest burgers, weirdest drinks, and a dining experience worth the drive."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg?_wi=1",
imageAlt: "Mason Jar Atmosphere",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-burgers-with-green-salad-inside-round-plate-green-desk_140725-11624.jpg?_wi=1",
imageAlt: "Gourmet Burger",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fried-potato-with-herbs-yogurt_114579-4490.jpg",
imageAlt: "Special Fries",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-bartender-serving-colourful-decorated-drink_23-2148209355.jpg",
imageAlt: "Craft Brews",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cook-placing-fried-bacon-slice-ofcheese-while-layering-burger_181624-57745.jpg?_wi=1",
imageAlt: "Chef Service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-coffee-shop_23-2148366675.jpg",
imageAlt: "Restaurant Exterior",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-beer-glass_23-2148726851.jpg",
imageAlt: "Craft Brews",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-lettuce-cheese-chopping-wooden-board-with-juice-bottle-table_23-2148165616.jpg",
imageAlt: "Burger",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-cheese-strips-garnished-with-lemon_140725-6606.jpg",
imageAlt: "Fries",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chef-performs-how-make-proper-buger-delicious-food_482257-24283.jpg",
imageAlt: "Chef",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg",
imageAlt: "Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-coffee-shop-owner-holding-open-sign-while-standing-doorway_637285-6308.jpg",
imageAlt: "Exterior",
},
]}
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Book a Table",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
alt: "Portrait of beautiful afro american woman",
},
{
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
alt: "Woman smiling",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
alt: "Beautiful African-American woman in cafe",
},
{
src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-bearded-man-with-specific-appearance-uses-tablet-computer_273609-8927.jpg",
alt: "Indoor shot of happy bearded man with specific appearance",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg",
alt: "Front view woman with delicious burger",
},
]}
avatarText="Loved by thousands of foodies"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/table-with-traditional-food-served-thanksgiving-day_23-2148632565.jpg",
alt: "Traditional thanksgiving table",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312227.jpg",
alt: "Dining table assortment",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629542.jpg",
alt: "Delicious thanksgiving meal",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/high-angle-safari-party-with-golden-cutlery_23-2149707848.jpg",
alt: "Safari party cutlery",
},
{
type: "text",
text: "Locally Owned & Operated",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Uniquely Mason, Truly Exceptional."
description="Where adventurous flavors meet rustic charm. Join us for the finest burgers, weirdest drinks, and a dining experience worth the drive."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg", imageAlt: "Mason Jar Atmosphere" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-burgers-with-green-salad-inside-round-plate-green-desk_140725-11624.jpg", imageAlt: "Gourmet Burger" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-potato-with-herbs-yogurt_114579-4490.jpg", imageAlt: "Special Fries" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-bartender-serving-colourful-decorated-drink_23-2148209355.jpg", imageAlt: "Craft Brews" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cook-placing-fried-bacon-slice-ofcheese-while-layering-burger_181624-57745.jpg", imageAlt: "Chef Service" },
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-coffee-shop_23-2148366675.jpg", imageAlt: "Restaurant Exterior" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-beer-glass_23-2148726851.jpg", imageAlt: "Craft Brews" },
{ imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-lettuce-cheese-chopping-wooden-board-with-juice-bottle-table_23-2148165616.jpg", imageAlt: "Burger" },
{ imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-cheese-strips-garnished-with-lemon_140725-6606.jpg", imageAlt: "Fries" },
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-performs-how-make-proper-buger-delicious-food_482257-24283.jpg", imageAlt: "Chef" },
{ imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg", imageAlt: "Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-coffee-shop-owner-holding-open-sign-while-standing-doorway_637285-6308.jpg", imageAlt: "Exterior" },
]}
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Book a Table", href: "#contact" }]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Beyond the Beaten Path",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/front-view-burger-with-veggies-meat_23-2148868244.jpg",
alt: "Mason Jar Dining Experience",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[{ type: "text", content: "Beyond the Beaten Path" }, { type: "image", src: "http://img.b2bpic.net/free-photo/front-view-burger-with-veggies-meat_23-2148868244.jpg", alt: "Mason Jar Dining Experience" }]}
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
title: "Gourmet Burgers",
description: "Consistently good, weird, and mouth-watering selections.",
icon: Beef,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-wooden-cutting-board-right-side-isolated-dark-surface-with-free-space_179666-42697.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/row-burger-candies-yellow-backdrop_23-2147921629.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg?_wi=2",
imageAlt: "gourmet cheeseburger wooden table",
},
{
title: "Garlic Parmesan Fries",
description: "Hand-cut, perfectly seasoned, and the ultimate side dish.",
icon: Utensils,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-potatoes-with-fresh-cucumber-red-orange-peppers-red-cabbage-garlic-dark-grey-background_141793-7381.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-french-fries-with-salt-shaker-special-sauce_23-2148701499.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cook-placing-fried-bacon-slice-ofcheese-while-layering-burger_181624-57745.jpg?_wi=2",
imageAlt: "gourmet cheeseburger wooden table",
},
{
title: "Unusual Drinks",
description: "From craft brews to weird and unusual mason jar concoctions.",
icon: Droplets,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/glass-beer_93675-130781.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/invigorating-front-view-lemonade-decanter-with-lemon-orange_141793-4726.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-burgers-with-green-salad-inside-round-plate-green-desk_140725-11624.jpg?_wi=2",
imageAlt: "gourmet cheeseburger wooden table",
},
]}
title="Flavorful Adventures"
description="From our famous Burger of the Month to our hand-cut garlic parmesan fries, every dish is crafted for those who love adventure."
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={false}
title="Flavorful Adventures"
description="From our famous Burger of the Month to our hand-cut garlic parmesan fries, every dish is crafted for those who love adventure."
features={[
{ title: "Gourmet Burgers", description: "Consistently good, weird, and mouth-watering selections.", icon: Beef, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-wooden-cutting-board-right-side-isolated-dark-surface-with-free-space_179666-42697.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/row-burger-candies-yellow-backdrop_23-2147921629.jpg" }] },
{ title: "Garlic Parmesan Fries", description: "Hand-cut, perfectly seasoned, and the ultimate side dish.", icon: Utensils, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-potatoes-with-fresh-cucumber-red-orange-peppers-red-cabbage-garlic-dark-grey-background_141793-7381.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-french-fries-with-salt-shaker-special-sauce_23-2148701499.jpg" }] },
{ title: "Unusual Drinks", description: "From craft brews to weird and unusual mason jar concoctions.", icon: Droplets, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/glass-beer_93675-130781.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/invigorating-front-view-lemonade-decanter-with-lemon-orange_141793-4726.jpg" }] },
]}
/>
</div>
<div id="specials" data-section="specials">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "p1",
title: "Sunday Happy Hour",
price: "All Day",
period: "Sunday",
features: [
"All day drink specials",
"Relaxed atmosphere",
"Perfect for groups",
],
button: {
text: "See Specials",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg",
imageAlt: "High angle dining table assortment",
},
{
id: "p2",
title: "Burger of the Month",
price: "Varies",
period: "Monthly",
features: [
"Unique flavor profiles",
"Adventure encouraged",
"Limited time offer",
],
button: {
text: "Try It Today",
},
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg?_wi=3",
imageAlt: "High angle dining table assortment",
},
{
id: "p3",
title: "Friday Fish Special",
price: "Value",
period: "Friday",
features: [
"Fresh fish",
"Perfect batter",
"Local favorite",
],
button: {
text: "See Specials",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cook-placing-fried-bacon-slice-ofcheese-while-layering-burger_181624-57745.jpg?_wi=3",
imageAlt: "High angle dining table assortment",
},
]}
title="Weekly Specials"
description="Don't miss out on our recurring offers and weekly favorites."
/>
</div>
<div id="specials" data-section="specials">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Weekly Specials"
description="Don't miss out on our recurring offers and weekly favorites."
plans={[
{ id: "p1", title: "Sunday Happy Hour", price: "All Day", period: "Sunday", features: ["All day drink specials", "Relaxed atmosphere", "Perfect for groups"], button: { text: "See Specials" }, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg" },
{ id: "p2", title: "Burger of the Month", price: "Varies", period: "Monthly", features: ["Unique flavor profiles", "Adventure encouraged", "Limited time offer"], button: { text: "Try It Today" }, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg" },
{ id: "p3", title: "Friday Fish Special", price: "Value", period: "Friday", features: ["Fresh fish", "Perfect batter", "Local favorite"], button: { text: "See Specials" }, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cook-placing-fried-bacon-slice-ofcheese-while-layering-burger_181624-57745.jpg" },
]}
/>
</div>
<div id="proof" data-section="proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Foodie Network",
"KCK Dining Guide",
"Midwest Food Adventures",
"Community Choice Awards",
"Urban Eatery Review",
]}
title="Trusted Local Favorites"
description="Proudly serving the KCK community for over a decade."
/>
</div>
<div id="proof" data-section="proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted Local Favorites"
description="Proudly serving the KCK community for over a decade."
names={["Local Foodie Network", "KCK Dining Guide", "Midwest Food Adventures", "Community Choice Awards", "Urban Eatery Review"]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Julie E",
handle: "@juliee",
testimonial: "The Mason Jar is quickly becoming our favorite spot.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
},
{
id: "2",
name: "Spacebuddy",
handle: "@spacebuddy",
testimonial: "Place was amazing. Great place to hang out.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006668.jpg",
},
{
id: "3",
name: "Robert Reddig",
handle: "@robert",
testimonial: "Fun place!! Off the beaten path.",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg",
},
{
id: "4",
name: "Jessica Davis",
handle: "@jessica",
testimonial: "Great food and service!",
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
},
{
id: "5",
name: "Peter Ogan",
handle: "@petero",
testimonial: "Consistently good. Nice spot.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
},
]}
title="Hear From Our Guests"
description="Impeccable service, friendly staff, and food worth the drive."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Hear From Our Guests"
description="Impeccable service, friendly staff, and food worth the drive."
testimonials={[
{ id: "1", name: "Julie E", handle: "@juliee", testimonial: "The Mason Jar is quickly becoming our favorite spot.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg" },
{ id: "2", name: "Spacebuddy", handle: "@spacebuddy", testimonial: "Place was amazing. Great place to hang out.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006668.jpg" },
{ id: "3", name: "Robert Reddig", handle: "@robert", testimonial: "Fun place!! Off the beaten path.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg" },
{ id: "4", name: "Jessica Davis", handle: "@jessica", testimonial: "Great food and service!", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg" },
{ id: "5", name: "Peter Ogan", handle: "@petero", testimonial: "Consistently good. Nice spot.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you accept large groups?",
content: "Yes! We are a great place to hang out with big groups.",
},
{
id: "2",
title: "Where can I find your weekly specials?",
content: "We post our updated weekly specials and events on our Facebook page.",
},
{
id: "3",
title: "Is parking available?",
content: "We have parking available, including upper and lower lots for your convenience.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Have questions? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
title="Frequently Asked Questions"
description="Have questions? We've got answers."
mediaAnimation="slide-up"
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "Do you accept large groups?", content: "Yes! We are a great place to hang out with big groups." },
{ id: "2", title: "Where can I find your weekly specials?", content: "We post our updated weekly specials and events on our Facebook page." },
{ id: "3", title: "Is parking available?", content: "We have parking available, including upper and lower lots for your convenience." },
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Visit Mason Jar Today"
description="Have questions or want to host a party? Reach out to us."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "How can we help?",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/bicycle-city-health-leisure-town-urban-vehicle_53876-23383.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Visit Mason Jar Today"
description="Have questions or want to host a party? Reach out to us."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/bicycle-city-health-leisure-town-urban-vehicle_53876-23383.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Mason Jar"
columns={[
{
title: "Menu",
items: [
{
label: "Burgers",
href: "#menu",
},
{
label: "Drinks",
href: "#menu",
},
{
label: "Specials",
href: "#specials",
},
],
},
{
title: "Contact",
items: [
{
label: "Location",
href: "#contact",
},
{
label: "Reservations",
href: "#contact",
},
],
},
{
title: "Social",
items: [
{
label: "Facebook",
href: "#",
},
{
label: "Instagram",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Mason Jar"
columns={[
{ title: "Menu", items: [{ label: "Burgers", href: "#menu" }, { label: "Drinks", href: "#menu" }, { label: "Specials", href: "#specials" }] },
{ title: "Contact", items: [{ label: "Location", href: "#contact" }, { label: "Reservations", href: "#contact" }] },
{ title: "Social", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}