bender/52fa95d3-a6c2-4f7e-b29a-231bf1c27f5b
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 #1.
This commit is contained in:
bender
2026-05-20 14:56:46 +00:00
parent 0ec69cdfd1 e607526848
commit c878a9fbbb
1 changed files with 102 additions and 387 deletions
Download Patch File Download Diff File Expand all files Collapse all files

489
src/app/page.tsx
View File

@@ -19,404 +19,119 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Rosepark"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Rosepark"
button={{ text: "Reserve Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Authentic Flavors at Rosepark"
description="Experience exquisite dining crafted with passion and fresh ingredients in the heart of our community."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fancy-restaurant-round-table-with-windows_181624-26298.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157809.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-private-room-with-table-14-persons-wooden-ceiling-brick-walls-fireplace_140725-8452.jpg",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/table-assortment-with-plant-flat-lay_23-2148914892.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7823.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157765.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561244.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-18645.jpg",
},
]}
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Book a Table",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg",
alt: "Diner 1",
},
{
src: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg",
alt: "Diner 2",
},
{
src: "http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg",
alt: "Diner 3",
},
{
src: "http://img.b2bpic.net/free-photo/elegant-wooden-dining-room-with-modern-lighting-generated-by-ai_188544-29879.jpg",
alt: "Diner 4",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg",
alt: "Diner 5",
},
]}
avatarText="Join 50k+ happy guests who have dined with us."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/dining-table-setting-wedding-reception_637285-5654.jpg",
alt: "Partner 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg",
alt: "Partner 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279482.jpg",
alt: "Partner 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157810.jpg",
alt: "Partner 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157833.jpg",
alt: "Partner 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Authentic Flavors at Rosepark"
description="Experience exquisite dining crafted with passion and fresh ingredients in the heart of our community."
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fancy-restaurant-round-table-with-windows_181624-26298.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157809.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-private-room-with-table-14-persons-wooden-ceiling-brick-walls-fireplace_140725-8452.jpg" }]}
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/table-assortment-with-plant-flat-lay_23-2148914892.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7823.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157765.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561244.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-18645.jpg" }]}
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Book a Table", href: "#contact" }]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Legacy of Culinary Excellence"
description="Rosepark Restaurant is dedicated to providing an unforgettable gastronomic journey, combining traditional recipes with modern techniques."
bulletPoints={[
{
title: "Fresh Ingredients",
description: "We source the finest local produce daily.",
},
{
title: "Expert Chefs",
description: "Master chefs lead our culinary team.",
},
{
title: "Cozy Ambience",
description: "Perfect for family and romantic dinners.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934661.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Legacy of Culinary Excellence"
description="Rosepark Restaurant is dedicated to providing an unforgettable gastronomic journey, combining traditional recipes with modern techniques."
bulletPoints={[{ title: "Fresh Ingredients", description: "We source the finest local produce daily." }, { title: "Expert Chefs", description: "Master chefs lead our culinary team." }, { title: "Cozy Ambience", description: "Perfect for family and romantic dinners." }]}
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934661.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Artisan Salad",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dinner-with-meat-potatoes-served-with-green-black-plate-cutlery-set-cutting-board-flower-mix-colors-background_179666-19978.jpg",
},
{
id: "2",
name: "Seasonal Soup",
price: "$9",
imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-plate_140725-430.jpg",
},
{
id: "3",
name: "Signature Steak",
price: "$34",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-smoke-cooked-food_23-2151259695.jpg",
},
{
id: "4",
name: "Pasta Fresca",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pasta-cooked-along-with-green-leafs-inside-white-plate-grey-surface_140725-14462.jpg",
},
{
id: "5",
name: "Grilled Salmon",
price: "$28",
imageSrc: "http://img.b2bpic.net/free-photo/red-gurza-tomato-sesame-top-view_141793-4513.jpg",
},
{
id: "6",
name: "Velvet Dessert",
price: "$10",
imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-sprinkling-with-spices-tuna-dish-with-glass-white-wine-restaurant_8353-10586.jpg",
},
]}
title="Our Signature Dishes"
description="Explore a curated menu designed to delight your senses."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[{ id: "1", name: "Artisan Salad", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dinner-with-meat-potatoes-served-with-green-black-plate-cutlery-set-cutting-board-flower-mix-colors-background_179666-19978.jpg" }, { id: "2", name: "Seasonal Soup", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-plate_140725-430.jpg" }, { id: "3", name: "Signature Steak", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/tasty-smoke-cooked-food_23-2151259695.jpg" }, { id: "4", name: "Pasta Fresca", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pasta-cooked-along-with-green-leafs-inside-white-plate-grey-surface_140725-14462.jpg" }, { id: "5", name: "Grilled Salmon", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/red-gurza-tomato-sesame-top-view_141793-4513.jpg" }, { id: "6", name: "Velvet Dessert", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-sprinkling-with-spices-tuna-dish-with-glass-white-wine-restaurant_8353-10586.jpg" }]}
title="Our Signature Dishes"
description="Explore a curated menu designed to delight your senses."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={false}
title="Why Choose Rosepark?"
description="Beyond just food, we provide a complete hospitality experience."
accordionItems={[
{
id: "1",
title: "Event Hosting",
content: "Book our elegant hall for special events.",
},
{
id: "2",
title: "Wine Pairing",
content: "Expert sommelier guidance available.",
},
{
id: "3",
title: "Takeout Service",
content: "Enjoy Rosepark flavors at your home.",
},
]}
mediaAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/head-chef-garnishing-delicious-gourmet-dinner-dish-with-parmesan-cheese-restaurant-kitchen-caucasian-food-industry-worker-cooking-with-fresh-herbs-organic-vegetables_482257-44204.jpg"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={false}
title="Why Choose Rosepark?"
description="Beyond just food, we provide a complete hospitality experience."
accordionItems={[{ id: "1", title: "Event Hosting", content: "Book our elegant hall for special events." }, { id: "2", title: "Wine Pairing", content: "Expert sommelier guidance available." }, { id: "3", title: "Takeout Service", content: "Enjoy Rosepark flavors at your home." }]}
mediaAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/head-chef-garnishing-delicious-gourmet-dinner-dish-with-parmesan-cheese-restaurant-kitchen-caucasian-food-industry-worker-cooking-with-fresh-herbs-organic-vegetables_482257-44204.jpg"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Wonderful!",
quote: "The food is consistently excellent.",
name: "Jane Doe",
role: "Foodie",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg",
},
{
id: "2",
title: "Best in Town",
quote: "Love the ambiance and flavors.",
name: "John Smith",
role: "Local",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg",
},
{
id: "3",
title: "Top Notch",
quote: "A truly refined dining experience.",
name: "Alex R.",
role: "Traveler",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg",
},
{
id: "4",
title: "Loved It",
quote: "Perfect for our anniversary.",
name: "Sara L.",
role: "Regular",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg",
},
{
id: "5",
title: "Authentic",
quote: "Tastes just like home-cooked meals.",
name: "Mike B.",
role: "Customer",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg",
},
]}
title="Guests Love Us"
description="Stories from our happy diners at Rosepark."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[{ id: "1", title: "Wonderful!", quote: "The food is consistently excellent.", name: "Jane Doe", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg" }, { id: "2", title: "Best in Town", quote: "Love the ambiance and flavors.", name: "John Smith", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg" }, { id: "3", title: "Top Notch", quote: "A truly refined dining experience.", name: "Alex R.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg" }, { id: "4", title: "Loved It", quote: "Perfect for our anniversary.", name: "Sara L.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg" }, { id: "5", title: "Authentic", quote: "Tastes just like home-cooked meals.", name: "Mike B.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg" }]}
title="Guests Love Us"
description="Stories from our happy diners at Rosepark."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "10+",
title: "Years Serving",
items: [
"Established 2013",
],
},
{
id: "2",
value: "50k+",
title: "Happy Guests",
items: [
"Serving our community",
],
},
{
id: "3",
value: "100%",
title: "Satisfaction",
items: [
"Customer focused service",
],
},
]}
title="By The Numbers"
description="Our journey through milestones."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[{ id: "1", value: "10+", title: "Years Serving", items: ["Established 2013"] }, { id: "2", value: "50k+", title: "Happy Guests", items: ["Serving our community"] }, { id: "3", value: "100%", title: "Satisfaction", items: ["Customer focused service"] }]}
title="By The Numbers"
description="Our journey through milestones."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Do you need reservations?",
content: "Yes, we recommend booking in advance.",
},
{
id: "2",
title: "Do you offer private dining?",
content: "Yes, we have private rooms available.",
},
{
id: "3",
title: "Are there vegetarian options?",
content: "Yes, we provide several plant-based dishes.",
},
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[{ id: "1", title: "Do you need reservations?", content: "Yes, we recommend booking in advance." }, { id: "2", title: "Do you offer private dining?", content: "Yes, we have private rooms available." }, { id: "3", title: "Are there vegetarian options?", content: "Yes, we provide several plant-based dishes." }]}
sideTitle="Questions?"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Visit us at Rosepark today or reach out for inquiries."
buttons={[
{
text: "Contact Us",
href: "tel:+1234567890",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Visit us at Rosepark today or reach out for inquiries."
buttons={[{ text: "Contact Us", href: "tel:+1234567890" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Rosepark Restaurant"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Menu",
href: "#menu",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Rosepark Restaurant"
columns={[{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);