Update src/app/page.tsx

This commit is contained in:
2026-05-08 15:23:36 +00:00
parent 531eb34c8b
commit 9ba7c2c96f

View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Services", name: "Services", id: "features"},
id: "features",
},
{ {
name: "Menu", name: "Menu", id: "products"},
id: "products",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="SS Restaurant" brandName="SS Restaurant"
/> />
@@ -60,8 +50,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Excellence in Restaurant Hospitality" title="Excellence in Restaurant Hospitality"
description="Streamlining SS Restaurant management with smart, efficient tools for service, scheduling, and dining experiences." description="Streamlining SS Restaurant management with smart, efficient tools for service, scheduling, and dining experiences."
imageSrc="http://img.b2bpic.net/free-photo/woman-works-with-tablet-table-cafe_1304-5545.jpg" imageSrc="http://img.b2bpic.net/free-photo/woman-works-with-tablet-table-cafe_1304-5545.jpg"
@@ -85,26 +74,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
tag: "Core", tag: "Core", title: "Easy Reservations", subtitle: "Simplified booking", description: "Manage table bookings with real-time accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg"},
title: "Easy Reservations",
subtitle: "Simplified booking",
description: "Manage table bookings with real-time accuracy.",
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg",
},
{ {
tag: "Operations", tag: "Operations", title: "Inventory Control", subtitle: "Track your stock", description: "Monitor pantry and supply chain efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/mockup-tablet-bulk-products-store_482257-76266.jpg"},
title: "Inventory Control",
subtitle: "Track your stock",
description: "Monitor pantry and supply chain efficiently.",
imageSrc: "http://img.b2bpic.net/free-photo/mockup-tablet-bulk-products-store_482257-76266.jpg",
},
{ {
tag: "People", tag: "People", title: "Staff Scheduling", subtitle: "Optimize shifts", description: "Manage employee schedules and workforce loads.", imageSrc: "http://img.b2bpic.net/free-photo/empty-urban-office-used-as-insurance-agency-headquarters-help-people_482257-100071.jpg"},
title: "Staff Scheduling",
subtitle: "Optimize shifts",
description: "Manage employee schedules and workforce loads.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-urban-office-used-as-insurance-agency-headquarters-help-people_482257-100071.jpg",
},
]} ]}
title="Smart Management Features" title="Smart Management Features"
description="Powerful tools designed to simplify your daily restaurant operations." description="Powerful tools designed to simplify your daily restaurant operations."
@@ -118,29 +92,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", icon: Users,
icon: Users, title: "Happy Guests", value: "15,000+"},
title: "Happy Guests",
value: "15,000+",
},
{ {
id: "m2", id: "m2", icon: Award,
icon: Award, title: "Meals Served", value: "200k+"},
title: "Meals Served",
value: "200k+",
},
{ {
id: "m3", id: "m3", icon: Award,
icon: Award, title: "Awards Won", value: "12"},
title: "Awards Won",
value: "12",
},
{ {
id: "m4", id: "m4", icon: Calendar,
icon: Calendar, title: "Days Operational", value: "1,250+"},
title: "Days Operational",
value: "1,250+",
},
]} ]}
title="Driving Results Together" title="Driving Results Together"
description="Quantifiable success across our core restaurant metrics." description="Quantifiable success across our core restaurant metrics."
@@ -155,59 +117,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "Signature", name: "Gourmet Entree", price: "$35.00", rating: 5,
brand: "Signature", reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration-marble-table_23-2151973731.jpg"},
name: "Gourmet Entree",
price: "$35.00",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration-marble-table_23-2151973731.jpg",
},
{ {
id: "p2", id: "p2", brand: "Classic", name: "Craft Cocktail", price: "$12.00", rating: 4,
brand: "Classic", reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-holding-shrimp-recipe_23-2148510863.jpg"},
name: "Craft Cocktail",
price: "$12.00",
rating: 4,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-holding-shrimp-recipe_23-2148510863.jpg",
},
{ {
id: "p3", id: "p3", brand: "Sweet", name: "Chocolate Delice", price: "$15.00", rating: 5,
brand: "Sweet", reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/jar-milk-with-coffee-powder-pralines_114579-16690.jpg"},
name: "Chocolate Delice",
price: "$15.00",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/jar-milk-with-coffee-powder-pralines_114579-16690.jpg",
},
{ {
id: "p4", id: "p4", brand: "Healthy", name: "Harvest Salad", price: "$18.00", rating: 4,
brand: "Healthy", reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-arrangement_23-2148494030.jpg"},
name: "Harvest Salad",
price: "$18.00",
rating: 4,
reviewCount: "56",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-arrangement_23-2148494030.jpg",
},
{ {
id: "p5", id: "p5", brand: "Starters", name: "Appetizer Platter", price: "$22.00", rating: 4,
brand: "Starters", reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/woman-puts-delicate-orange-rose-buds-white-plate_8353-1764.jpg"},
name: "Appetizer Platter",
price: "$22.00",
rating: 4,
reviewCount: "94",
imageSrc: "http://img.b2bpic.net/free-photo/woman-puts-delicate-orange-rose-buds-white-plate_8353-1764.jpg",
},
{ {
id: "p6", id: "p6", brand: "Premium", name: "Aged Steak", price: "$45.00", rating: 5,
brand: "Premium", reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/served-food-dining-table-lunch-time-restaurant_637285-2017.jpg"},
name: "Aged Steak",
price: "$45.00",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/served-food-dining-table-lunch-time-restaurant_637285-2017.jpg",
},
]} ]}
title="Signature Culinary Selections" title="Signature Culinary Selections"
description="Our finest offerings meticulously prepared for every guest." description="Our finest offerings meticulously prepared for every guest."
@@ -216,49 +142,25 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen <TestimonialCardThirteen
animationType="depth-3d"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "An incredible fine dining experience from start to finish.", rating: 5,
name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg"},
handle: "@sarahj",
testimonial: "An incredible fine dining experience from start to finish.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg",
},
{ {
id: "t2", id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "The service is professional and the quality is unmatched.", rating: 5,
name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/black-african-american-business-male-female-drinks-coffee-using-laptop-restaurant_613910-9002.jpg"},
handle: "@mchen",
testimonial: "The service is professional and the quality is unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-african-american-business-male-female-drinks-coffee-using-laptop-restaurant_613910-9002.jpg",
},
{ {
id: "t3", id: "t3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Absolutely beautiful ambience and amazing cuisine.", rating: 5,
name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg"},
handle: "@emilyr",
testimonial: "Absolutely beautiful ambience and amazing cuisine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
},
{ {
id: "t4", id: "t4", name: "David Kim", handle: "@davidk", testimonial: "The best steakhouse experience I've had in years.", rating: 5,
name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg"},
handle: "@davidk",
testimonial: "The best steakhouse experience I've had in years.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
},
{ {
id: "t5", id: "t5", name: "Jessica Lee", handle: "@jlee", testimonial: "Perfect for our anniversary dinner, highly recommended.", rating: 5,
name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-using-mobile-phone-while-enjoying-meal-together-restaurant-friends-concept_58466-16797.jpg"},
handle: "@jlee",
testimonial: "Perfect for our anniversary dinner, highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-using-mobile-phone-while-enjoying-meal-together-restaurant-friends-concept_58466-16797.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Guest Testimonials" title="Guest Testimonials"
@@ -272,20 +174,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Do I need a reservation?", content: "We recommend reservations especially on weekends."},
title: "Do I need a reservation?",
content: "We recommend reservations especially on weekends.",
},
{ {
id: "f2", id: "f2", title: "Are there vegetarian options?", content: "Yes, we offer a dedicated vegetarian menu."},
title: "Are there vegetarian options?",
content: "Yes, we offer a dedicated vegetarian menu.",
},
{ {
id: "f3", id: "f3", title: "How can I book an event?", content: "Contact us directly via our booking email."},
title: "How can I book an event?",
content: "Contact us directly via our booking email.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-smart-casual-wear-like-orange-sweater-sitting-cafe-using-his-mobile-phone_627829-5426.jpg" imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-smart-casual-wear-like-orange-sweater-sitting-cafe-using-his-mobile-phone_627829-5426.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -299,8 +192,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Let's Connect" tag="Let's Connect"
title="Get in touch with SS Restaurant" title="Get in touch with SS Restaurant"
description="Reach out for reservations, event queries, or feedback." description="Reach out for reservations, event queries, or feedback."
@@ -314,29 +206,19 @@ export default function LandingPage() {
logoText="SS Restaurant" logoText="SS Restaurant"
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Menu", label: "Menu", href: "#products"},
href: "#products",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
{ {
label: "FAQs", label: "FAQs", href: "#faq"},
href: "#faq",
},
], ],
}, },
]} ]}