Merge version_1 into main #2
282
src/app/page.tsx
282
src/app/page.tsx
@@ -16,204 +16,106 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
]}
|
||||
brandName="Beverly's"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
]}
|
||||
brandName="Beverly's"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="A Legacy of Flavor in Strawberry Hill"
|
||||
description="Experience the intersection of tradition and modern elegance in the heart of Kansas City."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#visit",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-embracing-with-happy-woman-restaurant_23-2148016847.jpg?_wi=1",
|
||||
imageAlt: "Beverly's Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157792.jpg",
|
||||
imageAlt: "Beverly's Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-assortment-with-plant-view_23-2148914893.jpg",
|
||||
imageAlt: "Beverly's Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg",
|
||||
imageAlt: "Beverly's Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg",
|
||||
imageAlt: "Beverly's Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",
|
||||
imageAlt: "Beverly's Interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Legacy of Flavor in Strawberry Hill"
|
||||
description="Experience the intersection of tradition and modern elegance in the heart of Kansas City."
|
||||
buttons={[{ text: "Reserve a Table", href: "#visit" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-embracing-with-happy-woman-restaurant_23-2148016847.jpg", imageAlt: "Beverly's Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157792.jpg", imageAlt: "Beverly's Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/table-assortment-with-plant-view_23-2148914893.jpg", imageAlt: "Beverly's Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg", imageAlt: "Beverly's Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg", imageAlt: "Beverly's Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg", imageAlt: "Beverly's Interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Story"
|
||||
description="Since our doors opened, we've focused on bringing the Strawberry Hill community together through meticulously crafted dishes, warm hospitality, and timeless charm."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-male-chef-wearing-face-mask-preparing-delicious-meal_181624-32255.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Story"
|
||||
description="Since our doors opened, we've focused on bringing the Strawberry Hill community together through meticulously crafted dishes, warm hospitality, and timeless charm."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-male-chef-wearing-face-mask-preparing-delicious-meal_181624-32255.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Handmade Pastas",
|
||||
descriptions: [
|
||||
"Fresh daily, tossed in seasonal house sauces.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
|
||||
imageAlt: "Wicker gray table with glass and gray chairs",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Prime Steaks",
|
||||
descriptions: [
|
||||
"Sourced locally and grilled to perfection.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-embracing-with-happy-woman-restaurant_23-2148016847.jpg?_wi=2",
|
||||
imageAlt: "Wicker gray table with glass and gray chairs",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Seasonal Spirits",
|
||||
descriptions: [
|
||||
"Craft cocktails inspired by Kansas City history.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-chef-wearing-face-mask-preparing-delicious-meal_181624-32255.jpg?_wi=2",
|
||||
imageAlt: "Wicker gray table with glass and gray chairs",
|
||||
},
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Discover a menu that honors local ingredients with sophisticated techniques."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Handmade Pastas", descriptions: ["Fresh daily, tossed in seasonal house sauces."], imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg", imageAlt: "Wicker gray table with glass and gray chairs" },
|
||||
{ id: "2", title: "Prime Steaks", descriptions: ["Sourced locally and grilled to perfection."], imageSrc: "http://img.b2bpic.net/free-photo/young-man-embracing-with-happy-woman-restaurant_23-2148016847.jpg", imageAlt: "Wicker gray table with glass and gray chairs" },
|
||||
{ id: "3", title: "Seasonal Spirits", descriptions: ["Craft cocktails inspired by Kansas City history."], imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-chef-wearing-face-mask-preparing-delicious-meal_181624-32255.jpg", imageAlt: "Wicker gray table with glass and gray chairs" },
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Discover a menu that honors local ingredients with sophisticated techniques."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahmkc",
|
||||
testimonial: "The perfect spot for an elegant evening. The atmosphere is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
handle: "@jchen_food",
|
||||
testimonial: "Authentic, high-quality, and so welcoming. A hidden gem in Strawberry Hill.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrod",
|
||||
testimonial: "Everything about this place feels special. The pasta is legendary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-cocktails_1157-32440.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Stevens",
|
||||
handle: "@mstevens_kc",
|
||||
testimonial: "Excellent service and truly delicious flavors. We'll be back soon!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Hayes",
|
||||
handle: "@lhayes_eats",
|
||||
testimonial: "A KC classic redefined. Beverly's is a staple for a reason.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg",
|
||||
},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our friends have to say about their experience at Beverly's."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarahmkc", testimonial: "The perfect spot for an elegant evening. The atmosphere is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg" },
|
||||
{ id: "2", name: "James Chen", handle: "@jchen_food", testimonial: "Authentic, high-quality, and so welcoming. A hidden gem in Strawberry Hill.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "Everything about this place feels special. The pasta is legendary.", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-cocktails_1157-32440.jpg" },
|
||||
{ id: "4", name: "Mark Stevens", handle: "@mstevens_kc", testimonial: "Excellent service and truly delicious flavors. We'll be back soon!", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg" },
|
||||
{ id: "5", name: "Laura Hayes", handle: "@lhayes_eats", testimonial: "A KC classic redefined. Beverly's is a staple for a reason.", imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our friends have to say about their experience at Beverly's."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, reservations are highly recommended and can be made through our website.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is parking available?",
|
||||
content: "Street parking is available nearby, along with limited valet service.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you pet friendly?",
|
||||
content: "Our patio is happy to welcome your well-behaved furry friends!",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers to help you prepare for your visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you accept reservations?", content: "Yes, reservations are highly recommended and can be made through our website." },
|
||||
{ id: "2", title: "Is parking available?", content: "Street parking is available nearby, along with limited valet service." },
|
||||
{ id: "3", title: "Are you pet friendly?", content: "Our patio is happy to welcome your well-behaved furry friends!" },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers to help you prepare for your visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Beverly's"
|
||||
leftLink={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Beverly's"
|
||||
leftLink={{ text: "Contact Us", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user