Merge version_3 into main #2
204
src/app/page.tsx
204
src/app/page.tsx
@@ -21,93 +21,42 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "features"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mas58rest"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyDzY1NkDwW2D1SWvqXyBwfn4z/uploaded-1777349545371-znj5lika.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Exquisite Dining at Mas58rest"
|
||||
description="Where tradition meets modern culinary artistry to create an unforgettable dining experience for every guest."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561244.jpg", imageAlt: "Luxurious table setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-food-presentation_23-2151942426.jpg", imageAlt: "Culinary art in progress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-cabbage-salad-inside-plate-dark-background_140725-136880.jpg", imageAlt: "Luxurious table setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-closeup-shot-person-pouring-ketchup-cooked-meal-white-plate_181624-2012.jpg", imageAlt: "Culinary art in progress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-setting_74190-2377.jpg", imageAlt: "Luxurious table setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728005.jpg", imageAlt: "Culinary art in progress"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyDzY1NkDwW2D1SWvqXyBwfn4z/uploaded-1777349545371-znj5lika.jpg", imageAlt: "Mas58rest Logo" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561244.jpg", imageAlt: "Luxurious table setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/artistic-food-presentation_23-2151942426.jpg", imageAlt: "Culinary art in progress" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", imageAlt: "Culinary art in progress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-potato-pies-with-pumpkin-grey-background-bake-oven-color-dish-pie-cake_140725-121705.jpg", imageAlt: "Luxurious table setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass-table-setting_74190-4678.jpg", imageAlt: "Culinary art in progress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949019.jpg", imageAlt: "Luxurious table setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-with-cheerful-woman-restaurant_23-2148016777.jpg", imageAlt: "Culinary art in progress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg", imageAlt: "Luxurious table setting"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", imageAlt: "Dining experience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-potato-pies-with-pumpkin-grey-background-bake-oven-color-dish-pie-cake_140725-121705.jpg", imageAlt: "Gourmet food" }
|
||||
]}
|
||||
tag="Since 2024"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg", alt: "Happy couple on a lovely date"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018818.jpg", alt: "Couple having dinner at a restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-young-women-smiling-dinner-party_23-2148454161.jpg", alt: "Positive young women smiling at dinner party"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-adult-friends-having-dinner-together_23-2148454168.jpg", alt: "Group of adult friends having dinner together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg", alt: "High angle friends having lunch at restaurant"},
|
||||
]}
|
||||
avatarText="Join over 5,000 delighted diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Michelin Star Rated"},
|
||||
{
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text", text: "Chef-Driven Menu"},
|
||||
{
|
||||
type: "text", text: "Award-Winning Wine"},
|
||||
{
|
||||
type: "text", text: "Impeccable Service"},
|
||||
]}
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,35 +67,23 @@ export default function LandingPage() {
|
||||
title="A Passion for Excellence"
|
||||
description="At Mas58rest, we blend fresh seasonal ingredients with innovative techniques, crafting a menu that celebrates the joy of eating well."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm-to-Table", description: "Supporting local farmers to bring you the freshest produce."},
|
||||
{
|
||||
title: "Culinary Innovation", description: "Pushing the boundaries of classic recipes with a modern twist."},
|
||||
{
|
||||
title: "Warm Atmosphere", description: "Designed for comfort and intimate conversations."},
|
||||
{ title: "Farm-to-Table", description: "Supporting local farmers to bring you the freshest produce." },
|
||||
{ title: "Culinary Innovation", description: "Pushing the boundaries of classic recipes with a modern twist." },
|
||||
{ title: "Warm Atmosphere", description: "Designed for comfort and intimate conversations." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-shrimp-with-sushi-table_140725-6656.jpg"
|
||||
imageAlt="Culinary craftsmanship"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Signature Menu Features"
|
||||
description="Discover the unique elements that make dining at Mas58rest a journey for the senses."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1", title: "Chef's Tasting Menu", content: "A rotating selection of our finest dishes curated for a complete experience."},
|
||||
{
|
||||
id: "2", title: "Handcrafted Beverages", content: "A perfect selection of wines, spirits, and artisanal cocktails."},
|
||||
{
|
||||
id: "3", title: "Dietary Conscious", content: "We accommodate all dietary preferences with sophisticated options."},
|
||||
{ id: "1", title: "Chef's Tasting Menu", content: "A rotating selection of our finest dishes curated for a complete experience." },
|
||||
{ id: "2", title: "Handcrafted Beverages", content: "A perfect selection of wines, spirits, and artisanal cocktails." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-salad-with-tomatoes-radishes-greens-served-with-bread_141793-714.jpg"
|
||||
imageAlt="Signature dish close up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,128 +92,65 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Truffle Risotto", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/caprese-salad-skewers-with-tomato-mozzarella-basil-white-square-plate_141793-2905.jpg"},
|
||||
{
|
||||
id: "2", name: "Seared Scallops", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11509.jpg"},
|
||||
{
|
||||
id: "3", name: "Chocolate Sphere", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-flowers-white-plate_23-2151973732.jpg"},
|
||||
{
|
||||
id: "4", name: "Botanical Cocktail", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/glass-rose-wine-table-with-blurred-restaurant-background_157027-4103.jpg"},
|
||||
{
|
||||
id: "5", name: "Summer Salad", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg"},
|
||||
{
|
||||
id: "6", name: "Lamb Medallions", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510914.jpg"},
|
||||
{ id: "1", name: "Truffle Risotto", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/caprese-salad-skewers-with-tomato-mozzarella-basil-white-square-plate_141793-2905.jpg" },
|
||||
{ id: "2", name: "Seared Scallops", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11509.jpg" },
|
||||
{ id: "3", name: "Chocolate Sphere", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-flowers-white-plate_23-2151973732.jpg" }
|
||||
]}
|
||||
title="Our Featured Dishes"
|
||||
description="Artisanally prepared culinary delights that define our kitchen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "500+", title: "Daily Diners", items: [
|
||||
"Happy guests served", "Exceptional service"],
|
||||
},
|
||||
{
|
||||
id: "2", value: "20+", title: "Years Experience", items: [
|
||||
"Award-winning chefs", " Culinary tradition"],
|
||||
},
|
||||
{
|
||||
id: "3", value: "150", title: "Recipes Crafted", items: [
|
||||
"Seasonal specialities", "Signature creations"],
|
||||
},
|
||||
{ id: "1", value: "500+", title: "Daily Diners", items: ["Happy guests", "Great service"] },
|
||||
{ id: "2", value: "20+", title: "Years Experience", items: ["Award-winning", "Tradition"] }
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="Serving quality with passion, one plate at a time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Wonderful Experience", quote: "The atmosphere and flavors were absolutely divine. Highly recommended.", name: "Sarah J.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg"},
|
||||
{
|
||||
id: "2", title: "Exceptional Service", quote: "Every dish was presented perfectly. A must-visit place.", name: "Marcus R.", role: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-ravioli-italian-restaurant_1303-24369.jpg"},
|
||||
{
|
||||
id: "3", title: "Perfect Evening", quote: "Mas58rest never disappoints. The truffle risotto was the highlight.", name: "Emily T.", role: "Local Regular", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25256.jpg"},
|
||||
{
|
||||
id: "4", title: "Culinary Mastery", quote: "I've been to many restaurants, but this level of plating is rare.", name: "David W.", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businesswoman-her-colleague-toasting-with-champagne-office-party_637285-9569.jpg"},
|
||||
{
|
||||
id: "5", title: "Amazing Vibes", quote: "Lovely ambiance paired with incredible creative food.", name: "Lisa K.", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519974.jpg"},
|
||||
{ id: "1", title: "Wonderful", quote: "Absolutely divine food.", name: "Sarah J.", role: "Food Critic" },
|
||||
{ id: "2", title: "Amazing", quote: "A must-visit spot.", name: "Marcus R.", role: "Local" }
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our patrons have to say about their dining experience."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance, especially on weekends."},
|
||||
{
|
||||
id: "2", title: "Is private dining available?", content: "We offer beautiful spaces for events and gatherings."},
|
||||
{
|
||||
id: "3", title: "Can you cater to allergies?", content: "Our kitchen team is well-versed in accommodating special dietary requirements."},
|
||||
{ id: "1", title: "Reservations?", content: "Yes, book in advance." },
|
||||
{ id: "2", title: "Private Events?", content: "We have special spaces." }
|
||||
]}
|
||||
sideTitle="Your Questions"
|
||||
sideDescription="Need to know more about our reservations or private events?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#contact"
|
||||
}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Reserve Your Table"
|
||||
description="Join us for an unforgettable culinary journey. Send us an email to get on our waiting list."
|
||||
description="Book your culinary journey today."
|
||||
tag="Contact Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698418.jpg"
|
||||
imageAlt="Restaurant facade"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reservations", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyDzY1NkDwW2D1SWvqXyBwfn4z/uploaded-1777349545371-znj5lika.jpg"
|
||||
logoText="Mas58rest"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a0d0d;
|
||||
--foreground: #ffe6e6;
|
||||
--primary-cta: #ff3d4a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #1f0a0a;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #7b2d2d;
|
||||
--background-accent: #b8111f;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user