bender/588ea9cd-9b05-4b39-b9ff-1e2a7a311dd1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-07 13:39:28 +00:00
parent 5537b8bd8d b816209268
commit 4529181c14
1 changed files with 165 additions and 409 deletions
Download Patch File Download Diff File Expand all files Collapse all files

574
src/app/page.tsx
View File

@@ -28,424 +28,180 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="SMARA"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="SMARA"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Discover Authentic Dining at SMARA"
description="Experience exceptional cuisine and warm hospitality in an inviting atmosphere. Reserve your table today and join us for an unforgettable meal."
testimonials={[
{
name: "Alice D.",
handle: "@aliced",
testimonial: "An incredible experience from start to finish.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting-table_23-2149655596.jpg?_wi=1",
},
{
name: "Robert K.",
handle: "@robertk",
testimonial: "Best dining in the city, hands down.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg?_wi=1",
},
{
name: "Sarah L.",
handle: "@sarahl",
testimonial: "The atmosphere is unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg?_wi=1",
},
{
name: "Tom B.",
handle: "@tomb",
testimonial: "Impeccable service and amazing flavors.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg?_wi=1",
},
{
name: "Emma R.",
handle: "@emmar",
testimonial: "A must-visit for foodies.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg?_wi=1",
},
]}
buttons={[
{
text: "Book Your Table",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg",
alt: "Diner 1",
},
{
src: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg",
alt: "Diner 2",
},
{
src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",
alt: "Diner 3",
},
{
src: "http://img.b2bpic.net/free-photo/woman-arranging-dishware-table-restaurant_23-2147936226.jpg",
alt: "Diner 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
alt: "Diner 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Michelin Recommended",
},
{
type: "text",
text: "Locally Sourced",
},
{
type: "text",
text: "Seasonal Menu",
},
{
type: "text",
text: "Award-Winning Service",
},
{
type: "text",
text: "Chef-Driven Cuisine",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Discover Authentic Dining at SMARA"
description="Experience exceptional cuisine and warm hospitality in an inviting atmosphere. Reserve your table today and join us for an unforgettable meal."
testimonials={[
{ name: "Alice D.", handle: "@aliced", testimonial: "An incredible experience from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting-table_23-2149655596.jpg" },
{ name: "Robert K.", handle: "@robertk", testimonial: "Best dining in the city, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
{ name: "Sarah L.", handle: "@sarahl", testimonial: "The atmosphere is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg" },
{ name: "Tom B.", handle: "@tomb", testimonial: "Impeccable service and amazing flavors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg" },
{ name: "Emma R.", handle: "@emmar", testimonial: "A must-visit for foodies.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg" }
]}
buttons={[{ text: "Book Your Table", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg", alt: "Diner 1" },
{ src: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg", alt: "Diner 2" },
{ src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg", alt: "Diner 3" },
{ src: "http://img.b2bpic.net/free-photo/woman-arranging-dishware-table-restaurant_23-2147936226.jpg", alt: "Diner 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", alt: "Diner 5" }
]}
marqueeItems={[
{ type: "text", text: "Michelin Recommended" },
{ type: "text", text: "Locally Sourced" },
{ type: "text", text: "Seasonal Menu" },
{ type: "text", text: "Award-Winning Service" },
{ type: "text", text: "Chef-Driven Cuisine" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Passion for Fine Cuisine"
description="At SMARA, we believe every meal should be a memorable event. Our kitchen is dedicated to using locally sourced, seasonal ingredients to create dishes that honor tradition while embracing innovation."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "500+",
title: "Recipes Created",
},
{
value: "4.9",
title: "Guest Rating",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16150.jpg?_wi=1"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Passion for Fine Cuisine"
description="At SMARA, we believe every meal should be a memorable event. Our kitchen is dedicated to using locally sourced, seasonal ingredients to create dishes that honor tradition while embracing innovation."
metrics={[
{ value: "15+", title: "Years Experience" },
{ value: "500+", title: "Recipes Created" },
{ value: "4.9", title: "Guest Rating" }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16150.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Main Course",
name: "Truffle Pasta",
price: "$28",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg",
},
{
id: "p2",
brand: "Appetizer",
name: "Artisanal Bread",
price: "$12",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dessert-chocolate-fondant-with-ice-cream_141793-4300.jpg",
},
{
id: "p3",
brand: "Main Course",
name: "Grilled Steak",
price: "$42",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/boiled-potatoes-herring-with-onions_140725-2258.jpg",
},
{
id: "p4",
brand: "Dessert",
name: "Chocolate Lava",
price: "$15",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/tart-with-profiteroles-top-with-whipped-cream_114579-85551.jpg",
},
{
id: "p5",
brand: "Salad",
name: "Seasonal Green",
price: "$18",
rating: 4,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510924.jpg",
},
{
id: "p6",
brand: "Main Course",
name: "Roasted Duck",
price: "$38",
rating: 5,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/various-bread-pastry-wooden-basket_114579-72028.jpg",
},
]}
title="Signature Menu Selections"
description="Explore our curated selection of dishes, crafted with care by our executive chef and team."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Main Course", name: "Truffle Pasta", price: "$28", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg" },
{ id: "p2", brand: "Appetizer", name: "Artisanal Bread", price: "$12", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dessert-chocolate-fondant-with-ice-cream_141793-4300.jpg" },
{ id: "p3", brand: "Main Course", name: "Grilled Steak", price: "$42", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/boiled-potatoes-herring-with-onions_140725-2258.jpg" },
{ id: "p4", brand: "Dessert", name: "Chocolate Lava", price: "$15", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/tart-with-profiteroles-top-with-whipped-cream_114579-85551.jpg" },
{ id: "p5", brand: "Salad", name: "Seasonal Green", price: "$18", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510924.jpg" },
{ id: "p6", brand: "Main Course", name: "Roasted Duck", price: "$38", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/various-bread-pastry-wooden-basket_114579-72028.jpg" }
]}
title="Signature Menu Selections"
description="Explore our curated selection of dishes, crafted with care by our executive chef and team."
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
groups={[
{
id: "g1",
groupTitle: "Kitchen Team",
members: [
{
id: "m1",
title: "Head Chef",
subtitle: "Marcello V.",
detail: "Leading the kitchen for over 10 years.",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-worried-expression_1194-1337.jpg",
},
{
id: "m2",
title: "Sous Chef",
subtitle: "Elena S.",
detail: "Specializing in pastry and fine desserts.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-cook-wearing-chef-uniform-glasses-isolated-white-wall_141793-78421.jpg",
},
{
id: "m3",
title: "Chef de Partie",
subtitle: "Julian P.",
detail: "Focused on seasonal vegetable innovation.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner_23-2149434511.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg?_wi=2",
imageAlt: "smiling chef portraits",
},
]}
title="Meet Our Culinary Experts"
description="Our team of chefs and service professionals are passionate about delivering the finest dining experience."
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
groups={[
{
id: "g1", groupTitle: "Kitchen Team", members: [
{
id: "m1", title: "Head Chef", subtitle: "Marcello V.", detail: "Leading the kitchen for over 10 years.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-worried-expression_1194-1337.jpg"
},
{
id: "m2", title: "Sous Chef", subtitle: "Elena S.", detail: "Specializing in pastry and fine desserts.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-cook-wearing-chef-uniform-glasses-isolated-white-wall_141793-78421.jpg"
},
{
id: "m3", title: "Chef de Partie", subtitle: "Julian P.", detail: "Focused on seasonal vegetable innovation.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner_23-2149434511.jpg"
}
]
}
]}
title="Meet Our Culinary Experts"
description="Our team of chefs and service professionals are passionate about delivering the finest dining experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Anna S.",
role: "Food Critic",
company: "Local Times",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting-table_23-2149655596.jpg?_wi=2",
},
{
id: "2",
name: "Mark L.",
role: "Visitor",
company: "Traveler",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg?_wi=2",
},
{
id: "3",
name: "Jenny R.",
role: "Guest",
company: "Neighborhood",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg?_wi=2",
},
{
id: "4",
name: "David W.",
role: "Business traveler",
company: "Global Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg?_wi=2",
},
{
id: "5",
name: "Kimberly G.",
role: "Local resident",
company: "City Living",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg?_wi=2",
},
]}
kpiItems={[
{
value: "100%",
label: "Guest Satisfaction",
},
{
value: "20+",
label: "Seasonal Menus",
},
{
value: "5 Stars",
label: "Avg Rating",
},
]}
title="Words From Our Guests"
description="See why our local community considers SMARA their favorite dining destination."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Anna S.", role: "Food Critic", company: "Local Times", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting-table_23-2149655596.jpg" },
{ id: "2", name: "Mark L.", role: "Visitor", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
{ id: "3", name: "Jenny R.", role: "Guest", company: "Neighborhood", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg" },
{ id: "4", name: "David W.", role: "Business traveler", company: "Global Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg" },
{ id: "5", name: "Kimberly G.", role: "Local resident", company: "City Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg" }
]}
kpiItems={[
{ value: "100%", label: "Guest Satisfaction" },
{ value: "20+", label: "Seasonal Menus" },
{ value: "5 Stars", label: "Avg Rating" }
]}
title="Words From Our Guests"
description="See why our local community considers SMARA their favorite dining destination."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"The Daily Dine",
"City Gourmet",
"Fine Dining World",
"Table Talk",
"Culinary Review",
]}
title="Featured By"
description="Proud to be recognized by these esteemed partners and publications."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["The Daily Dine", "City Gourmet", "Fine Dining World", "Table Talk", "Culinary Review"]}
title="Featured By"
description="Proud to be recognized by these esteemed partners and publications."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do I need a reservation?",
content: "Yes, we highly recommend making a reservation, especially on weekends.",
},
{
id: "q2",
title: "Can you accommodate allergies?",
content: "Our kitchen is happy to cater to various dietary requirements.",
},
{
id: "q3",
title: "Are you open on public holidays?",
content: "We are open on most public holidays, but please check our website for special hours.",
},
]}
title="Frequently Asked Questions"
description="Everything you need to know about your dining experience at SMARA."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16150.jpg?_wi=2"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do I need a reservation?", content: "Yes, we highly recommend making a reservation, especially on weekends." },
{ id: "q2", title: "Can you accommodate allergies?", content: "Our kitchen is happy to cater to various dietary requirements." },
{ id: "q3", title: "Are you open on public holidays?", content: "We are open on most public holidays, but please check our website for special hours." }
]}
title="Frequently Asked Questions"
description="Everything you need to know about your dining experience at SMARA."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16150.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Ready for an exceptional meal at SMARA? Reserve your table now for an unforgettable experience."
buttons={[
{
text: "Book Your Table",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Ready for an exceptional meal at SMARA? Reserve your table now for an unforgettable experience."
buttons={[{ text: "Book Your Table", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "SMARA",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Our Team",
href: "#team",
},
],
},
{
title: "Help",
items: [
{
label: "Reservations",
href: "#contact",
},
{
label: "FAQs",
href: "#faq",
},
],
},
]}
bottomLeftText="© 2024 SMARA Restaurant"
bottomRightText="Built with passion"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "SMARA", items: [{ label: "About Us", href: "#about" }, { label: "Our Team", href: "#team" }] },
{ title: "Help", items: [{ label: "Reservations", href: "#contact" }, { label: "FAQs", href: "#faq" }] }
]}
bottomLeftText="© 2024 SMARA Restaurant"
bottomRightText="Built with passion"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}