bender/a4d120dd-ca9d-4422-a05e-9fbf535dbde5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 19:08:20 +00:00
parent c931c8d2f7
commit 245f8f9b03
1 changed files with 67 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

295
src/app/page.tsx
View File

@@ -22,7 +22,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="compact"
sizing="medium"
background="aurora"
background="noiseDiagonalGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
@@ -33,33 +33,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rqplfe"
logoAlt="The Kendall Restaurant Logo"
brandName="The Kendall Restaurant"
button={{
text: "Reserve Now",
href: "#contact",
}}
text: "Reserve Now", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -67,45 +55,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="The Kendall Restaurant"
description="Experience USDA Prime Steaks, Southern-Inspired Delicacies, and Handcrafted Cocktails in a Historic Setting since 1859."
buttons={[
{
text: "Explore Our Menu",
href: "#menu",
},
text: "Explore Our Menu", href: "#menu"},
{
text: "Make a Reservation",
href: "#contact",
},
text: "Make a Reservation", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244588.jpg",
imageAlt: "Elegant interior of The Kendall Restaurant",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244588.jpg", imageAlt: "Elegant interior of The Kendall Restaurant"},
{
imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-rosemary-mashed-potatoes-white-plate_9975-124927.jpg",
imageAlt: "Perfectly grilled ribeye steak on a plate",
},
imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-rosemary-mashed-potatoes-white-plate_9975-124927.jpg", imageAlt: "Perfectly grilled ribeye steak on a plate"},
{
imageSrc: "http://img.b2bpic.net/free-photo/bartender-prepares-cocktail-lounge_482257-45361.jpg",
imageAlt: "Expertly crafted cocktail at the bar",
},
imageSrc: "http://img.b2bpic.net/free-photo/bartender-prepares-cocktail-lounge_482257-45361.jpg", imageAlt: "Expertly crafted cocktail at the bar"},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg",
imageAlt: "Charming outdoor patio seating",
},
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg", imageAlt: "Charming outdoor patio seating"},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-spaghetti-pasta-with-mussel-squid_1203-9503.jpg",
imageAlt: "Exquisite seafood dish with fresh ingredients",
},
imageSrc: "http://img.b2bpic.net/free-photo/black-spaghetti-pasta-with-mussel-squid_1203-9503.jpg", imageAlt: "Exquisite seafood dish with fresh ingredients"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decanter-wine-glasses-assortment_23-2149746528.jpg",
imageAlt: "Fine wine bottle and glasses",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decanter-wine-glasses-assortment_23-2149746528.jpg", imageAlt: "Fine wine bottle and glasses"},
]}
mediaAnimation="slide-up"
/>
@@ -118,19 +89,13 @@ export default function LandingPage() {
metrics={[
{
icon: Star,
label: "Customer Rating",
value: "4.2/5",
},
label: "Customer Rating", value: "4.2/5"},
{
icon: Utensils,
label: "Culinary Tradition",
value: "Since 1859",
},
label: "Culinary Tradition", value: "Since 1859"},
{
icon: Droplet,
label: "Handcrafted Cocktails",
value: "Full Bar",
},
label: "Handcrafted Cocktails", value: "Full Bar"},
]}
metricsAnimation="slide-up"
/>
@@ -143,53 +108,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Easy Reservations",
author: "Guest Services",
description: "Secure your preferred dining time with our convenient online reservation system or by calling us directly.",
tags: [
"Booking",
"Convenience",
],
imageSrc: "http://img.b2bpic.net/free-photo/man-typing-laptop-with-bokeh_23-2148377731.jpg",
imageAlt: "Online reservation system",
},
id: "f1", title: "Easy Reservations", author: "Guest Services", description: "Secure your preferred dining time with our convenient online reservation system or by calling us directly.", tags: [
"Booking", "Convenience"],
imageSrc: "http://img.b2bpic.net/free-photo/man-typing-laptop-with-bokeh_23-2148377731.jpg", imageAlt: "Online reservation system"},
{
id: "f2",
title: "Charming Outdoor Seating",
author: "Venue Design",
description: "Enjoy the refreshing ambiance of our beautifully appointed outdoor patio, perfect for any occasion.",
tags: [
"Al Fresco",
"Patio",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-clinking-glasses_23-2149409331.jpg",
imageAlt: "Outdoor dining patio",
},
id: "f2", title: "Charming Outdoor Seating", author: "Venue Design", description: "Enjoy the refreshing ambiance of our beautifully appointed outdoor patio, perfect for any occasion.", tags: [
"Al Fresco", "Patio"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-clinking-glasses_23-2149409331.jpg", imageAlt: "Outdoor dining patio"},
{
id: "f3",
title: "Full-Service Cocktail Bar",
author: "Mixology Team",
description: "Indulge in expertly crafted cocktails, a curated wine list, and premium spirits at our sophisticated bar.",
tags: [
"Drinks",
"Spirits",
],
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337731.jpg",
imageAlt: "Full service cocktail bar",
},
id: "f3", title: "Full-Service Cocktail Bar", author: "Mixology Team", description: "Indulge in expertly crafted cocktails, a curated wine list, and premium spirits at our sophisticated bar.", tags: [
"Drinks", "Spirits"],
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337731.jpg", imageAlt: "Full service cocktail bar"},
{
id: "f4",
title: "Private & Catering Events",
author: "Events Coordinator",
description: "Host your special events with us. We offer bespoke catering services and private dining options tailored to your needs.",
tags: [
"Events",
"Gatherings",
],
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-lettuce-tomatoes-corn-orange-grapefruit-pomegranate-cream-1_140725-8791.jpg",
imageAlt: "Catering event setup",
},
id: "f4", title: "Private & Catering Events", author: "Events Coordinator", description: "Host your special events with us. We offer bespoke catering services and private dining options tailored to your needs.", tags: [
"Events", "Gatherings"],
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-lettuce-tomatoes-corn-orange-grapefruit-pomegranate-cream-1_140725-8791.jpg", imageAlt: "Catering event setup"},
]}
title="Our Signature Experience"
description="We meticulously craft every detail to ensure an exceptional visit for our guests."
@@ -205,47 +138,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
name: "16 oz Ribeye",
price: "$65",
imageSrc: "http://img.b2bpic.net/free-photo/fried-steak-with-sauce-red-wine_140725-4722.jpg",
imageAlt: "Grilled 16 oz Ribeye Steak",
},
id: "p1", name: "16 oz Ribeye", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/fried-steak-with-sauce-red-wine_140725-4722.jpg", imageAlt: "Grilled 16 oz Ribeye Steak"},
{
id: "p2",
name: "8 oz Filet",
price: "$58",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11510.jpg",
imageAlt: "Elegant 8 oz Filet Mignon",
},
id: "p2", name: "8 oz Filet", price: "$58", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11510.jpg", imageAlt: "Elegant 8 oz Filet Mignon"},
{
id: "p3",
name: "Shrimp Cocktail",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/white-shrimp-salad-with-lettuce-corn-scallions_1150-26948.jpg",
imageAlt: "Classic Shrimp Cocktail",
},
id: "p3", name: "Shrimp Cocktail", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/white-shrimp-salad-with-lettuce-corn-scallions_1150-26948.jpg", imageAlt: "Classic Shrimp Cocktail"},
{
id: "p4",
name: "Crab Cakes",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/chef-arranging-dish-with-salad-oranges_23-2148491357.jpg",
imageAlt: "Golden Crab Cakes",
},
id: "p4", name: "Crab Cakes", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/chef-arranging-dish-with-salad-oranges_23-2148491357.jpg", imageAlt: "Golden Crab Cakes"},
{
id: "p5",
name: "Skillet Cornbread",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/oval-shape-baked-bread-with-herbs-ingredients-wooden-plank_23-2147975092.jpg",
imageAlt: "Warm Skillet Cornbread",
},
id: "p5", name: "Skillet Cornbread", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/oval-shape-baked-bread-with-herbs-ingredients-wooden-plank_23-2147975092.jpg", imageAlt: "Warm Skillet Cornbread"},
{
id: "p6",
name: "French Onion Soup",
price: "$14",
imageSrc: "http://img.b2bpic.net/free-photo/half-shot-delicious-soup-served-with-pepper-mint-blue-pot-left-side-dark-background_140725-94531.jpg",
imageAlt: "Classic French Onion Soup",
},
id: "p6", name: "French Onion Soup", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/half-shot-delicious-soup-served-with-pepper-mint-blue-pot-left-side-dark-background_140725-94531.jpg", imageAlt: "Classic French Onion Soup"},
]}
title="Menu Highlights"
description="A curated selection of our most popular and exquisite dishes, crafted with the finest ingredients."
@@ -260,25 +163,15 @@ export default function LandingPage() {
author="Sarah P., Regular Patron"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smart-man_1098-14700.jpg",
alt: "Customer Photo 1",
},
src: "http://img.b2bpic.net/free-photo/smart-man_1098-14700.jpg", alt: "Customer Photo 1"},
{
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
alt: "Customer Photo 2",
},
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Customer Photo 2"},
{
src: "http://img.b2bpic.net/free-photo/senior-man-having-lipstick-stains-face_273609-41773.jpg",
alt: "Customer Photo 3",
},
src: "http://img.b2bpic.net/free-photo/senior-man-having-lipstick-stains-face_273609-41773.jpg", alt: "Customer Photo 3"},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",
alt: "Customer Photo 4",
},
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg", alt: "Customer Photo 4"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
alt: "Customer Photo 5",
},
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", alt: "Customer Photo 5"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -290,14 +183,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Award-Winning Cuisine",
"Historic Landmark",
"Top-Rated Steakhouse",
"Exceptional Service",
"Critically Acclaimed",
"Dining Excellence",
"Guest Favorite",
]}
"Award-Winning Cuisine", "Historic Landmark", "Top-Rated Steakhouse", "Exceptional Service", "Critically Acclaimed", "Dining Excellence", "Guest Favorite"]}
title="Honors & Accolades"
description="Proudly recognized for our culinary excellence and commitment to a superior dining experience."
speed={40}
@@ -309,25 +195,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you accept reservations?",
content: "Yes, we highly recommend making reservations, especially for weekend evenings. You can book online through our website or call us directly.",
},
id: "q1", title: "Do you accept reservations?", content: "Yes, we highly recommend making reservations, especially for weekend evenings. You can book online through our website or call us directly."},
{
id: "q2",
title: "Is there a dress code?",
content: "We maintain an upscale casual dress code. While jackets are not required, we encourage smart attire to enhance your dining experience.",
},
id: "q2", title: "Is there a dress code?", content: "We maintain an upscale casual dress code. While jackets are not required, we encourage smart attire to enhance your dining experience."},
{
id: "q3",
title: "Can you accommodate dietary restrictions?",
content: "Our culinary team is happy to accommodate most dietary restrictions and allergies. Please inform your server or mention it when making your reservation.",
},
id: "q3", title: "Can you accommodate dietary restrictions?", content: "Our culinary team is happy to accommodate most dietary restrictions and allergies. Please inform your server or mention it when making your reservation."},
{
id: "q4",
title: "Do you offer private dining options?",
content: "Yes, we have private dining spaces perfect for intimate gatherings, corporate events, or celebrations. Please contact our events coordinator for more details.",
},
id: "q4", title: "Do you offer private dining options?", content: "Yes, we have private dining spaces perfect for intimate gatherings, corporate events, or celebrations. Please contact our events coordinator for more details."},
]}
sideTitle="Your Questions Answered"
sideDescription="Find quick answers to common inquiries about your dining experience with us at The Kendall Restaurant."
@@ -340,20 +214,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Plan Your Visit"
title="Make a Reservation"
description="Secure your table for an unforgettable dining experience at The Kendall Restaurant. We look forward to welcoming you."
buttons={[
{
text: "Book Online",
href: "#",
},
text: "Book Online", href: "#"},
{
text: "Call Us",
href: "tel:+1234567890",
},
text: "Call Us", href: "tel:+1234567890"},
]}
/>
</div>
@@ -363,75 +232,45 @@ export default function LandingPage() {
logoText="The Kendall Restaurant"
columns={[
{
title: "Menu",
items: [
title: "Menu", items: [
{
label: "Steaks & Grill",
href: "#menu",
},
label: "Steaks & Grill", href: "#menu"},
{
label: "Seafood & Chicken",
href: "#menu",
},
label: "Seafood & Chicken", href: "#menu"},
{
label: "Shareables & Sides",
href: "#menu",
},
label: "Shareables & Sides", href: "#menu"},
{
label: "Cocktail List",
href: "#menu",
},
label: "Cocktail List", href: "#menu"},
],
},
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Customer Reviews",
href: "#testimonials",
},
label: "Customer Reviews", href: "#testimonials"},
{
label: "Accolades",
href: "#social-proof",
},
label: "Accolades", href: "#social-proof"},
],
},
{
title: "Visit",
items: [
title: "Visit", items: [
{
label: "Reservations",
href: "#contact",
},
label: "Reservations", href: "#contact"},
{
label: "Location & Hours",
href: "#contact",
},
label: "Location & Hours", href: "#contact"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Private Dining",
href: "#contact",
},
label: "Private Dining", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}