Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-08 18:23:31 +00:00

View File

@@ -28,360 +28,160 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Careva Ćuprija"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="Careva Ćuprija"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
title="Experience Excellence at Careva Ćuprija"
description="Discover our signature culinary journey in a setting that celebrates tradition and elegance. Your table awaits."
buttons={[
{
text: "Book Your Table",
href: "#contact",
},
]}
carouselItems={[
{
id: "1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wfm3wt",
imageAlt: "beautiful restaurant terrace landscape",
},
{
id: "2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1322kx",
imageAlt: "beautiful restaurant terrace landscape",
},
{
id: "3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nycbjb",
imageAlt: "beautiful restaurant terrace landscape",
},
{
id: "4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttknh4",
imageAlt: "beautiful restaurant terrace landscape",
},
{
id: "5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7lixud",
imageAlt: "beautiful restaurant terrace landscape",
},
{
id: "6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwkkyb",
imageAlt: "beautiful restaurant terrace landscape",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-animated" }}
title="Experience Excellence at Careva Ćuprija"
description="Discover our signature culinary journey in a setting that celebrates tradition and elegance. Your table awaits."
buttons={[{ text: "Book Your Table", href: "#contact" }]}
carouselItems={[
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wfm3wt", imageAlt: "beautiful restaurant terrace landscape" },
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1322kx", imageAlt: "beautiful restaurant terrace landscape" },
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nycbjb", imageAlt: "beautiful restaurant terrace landscape" },
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttknh4", imageAlt: "beautiful restaurant terrace landscape" },
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7lixud", imageAlt: "beautiful restaurant terrace landscape" },
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwkkyb", imageAlt: "beautiful restaurant terrace landscape" },
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="A Legacy of Taste"
description="Careva Ćuprija combines historic charm with modern culinary mastery, creating unforgettable dining moments for every visitor."
metrics={[
{
value: "25+",
title: "Years Experience",
},
{
value: "100%",
title: "Customer Satisfaction",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0tffr2"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="restaurant kitchen preparation"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="A Legacy of Taste"
description="Careva Ćuprija combines historic charm with modern culinary mastery, creating unforgettable dining moments for every visitor."
metrics={[
{ value: "25+", title: "Years Experience" },
{ value: "100%", title: "Customer Satisfaction" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0tffr2"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="restaurant kitchen preparation"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Fresh Ingredients",
tags: [
"Quality",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=by7x97",
imageAlt: "fresh gourmet ingredients kitchen",
},
{
id: "f2",
title: "Cozy Atmosphere",
tags: [
"Ambiance",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlf281",
imageAlt: "warm restaurant cozy ambiance",
},
{
id: "f3",
title: "Expert Service",
tags: [
"Service",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mgvke0",
imageAlt: "professional restaurant service staff",
},
]}
title="Why Choose Us"
description="Our dedication to quality ensures every visit is more than just a meal."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Fresh Ingredients", tags: ["Quality"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=by7x97", imageAlt: "fresh gourmet ingredients kitchen" },
{ id: "f2", title: "Cozy Atmosphere", tags: ["Ambiance"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlf281", imageAlt: "warm restaurant cozy ambiance" },
{ id: "f3", title: "Expert Service", tags: ["Service"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mgvke0", imageAlt: "professional restaurant service staff" },
]}
title="Why Choose Us"
description="Our dedication to quality ensures every visit is more than just a meal."
/>
</div>
<div id="services" data-section="services">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Main Course",
name: "Chef Signature Steak",
price: "$35",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c6sce7",
imageAlt: "gourmet plate presentation",
},
{
id: "p2",
brand: "Appetizer",
name: "Seasonal Antipasto",
price: "$18",
rating: 4,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0tqdap",
imageAlt: "restaurant appetizer specialty",
},
{
id: "p3",
brand: "Specialty",
name: "Homemade Pasta",
price: "$22",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=49ii1l",
imageAlt: "gourmet main course steak",
},
{
id: "p4",
brand: "Dessert",
name: "Velvet Chocolate Tart",
price: "$12",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=80xxy9",
imageAlt: "exquisite dessert fine dining",
},
{
id: "p5",
brand: "Light",
name: "Organic Garden Salad",
price: "$15",
rating: 4,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9mvtx",
imageAlt: "fresh healthy salad plate",
},
{
id: "p6",
brand: "Drink",
name: "Handcrafted Cocktail",
price: "$14",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hb08my",
imageAlt: "premium beverage dining drink",
},
]}
title="Our Specialties"
description="Handcrafted dishes prepared with passion and the finest local ingredients."
/>
</div>
<div id="services" data-section="services">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Main Course", name: "Chef Signature Steak", price: "$35", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c6sce7", imageAlt: "gourmet plate presentation" },
{ id: "p2", brand: "Appetizer", name: "Seasonal Antipasto", price: "$18", rating: 4, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0tqdap", imageAlt: "restaurant appetizer specialty" },
{ id: "p3", brand: "Specialty", name: "Homemade Pasta", price: "$22", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=49ii1l", imageAlt: "gourmet main course steak" },
{ id: "p4", brand: "Dessert", name: "Velvet Chocolate Tart", price: "$12", rating: 5, reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=80xxy9", imageAlt: "exquisite dessert fine dining" },
{ id: "p5", brand: "Light", name: "Organic Garden Salad", price: "$15", rating: 4, reviewCount: "60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9mvtx", imageAlt: "fresh healthy salad plate" },
{ id: "p6", brand: "Drink", name: "Handcrafted Cocktail", price: "$14", rating: 5, reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hb08my", imageAlt: "premium beverage dining drink" },
]}
title="Our Specialties"
description="Handcrafted dishes prepared with passion and the finest local ingredients."
/>
</div>
<div id="gallery" data-section="gallery">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Gourmet Monthly",
"City Dining Guide",
"Taste Master Review",
"Hospitality Weekly",
"The Food Critic",
"Culinary Excellence",
"Regional Best",
]}
title="Trusted by Local Foodies"
description="Join our community of satisfied diners who keep coming back for more."
/>
</div>
<div id="gallery" data-section="gallery">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Local Gourmet Monthly", "City Dining Guide", "Taste Master Review", "Hospitality Weekly", "The Food Critic", "Culinary Excellence", "Regional Best"]}
title="Trusted by Local Foodies"
description="Join our community of satisfied diners who keep coming back for more."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Food Blogger",
testimonial: "An absolute treasure in our city. The food is divine.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4pkxd1",
imageAlt: "satisfied customer dining restaurant",
},
{
id: "2",
name: "Michael T.",
role: "Local Business Owner",
testimonial: "Always perfect for meetings and casual dinners.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbciwh",
imageAlt: "smiling customer restaurant lunch",
},
{
id: "3",
name: "Emily R.",
role: "Art Enthusiast",
testimonial: "The atmosphere is unmatched. Highly recommended.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22jrbk",
imageAlt: "relaxed customer dining evening",
},
{
id: "4",
name: "David L.",
role: "Family Man",
testimonial: "Wonderful experience with my whole family. We will return.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9q1t4d",
imageAlt: "happy couple dining out",
},
{
id: "5",
name: "Jessica M.",
role: "Traveler",
testimonial: "Stumbled upon this gem and was blown away by the quality.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4r0e7",
imageAlt: "smiling professional guest dining",
},
]}
title="What Our Guests Say"
description="Hear stories from our wonderful guests who made us a part of their special moments."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah J.", role: "Food Blogger", testimonial: "An absolute treasure in our city. The food is divine.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4pkxd1", imageAlt: "satisfied customer dining restaurant" },
{ id: "2", name: "Michael T.", role: "Local Business Owner", testimonial: "Always perfect for meetings and casual dinners.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbciwh", imageAlt: "smiling customer restaurant lunch" },
{ id: "3", name: "Emily R.", role: "Art Enthusiast", testimonial: "The atmosphere is unmatched. Highly recommended.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22jrbk", imageAlt: "relaxed customer dining evening" },
{ id: "4", name: "David L.", role: "Family Man", testimonial: "Wonderful experience with my whole family. We will return.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9q1t4d", imageAlt: "happy couple dining out" },
{ id: "5", name: "Jessica M.", role: "Traveler", testimonial: "Stumbled upon this gem and was blown away by the quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4r0e7", imageAlt: "smiling professional guest dining" },
]}
title="What Our Guests Say"
description="Hear stories from our wonderful guests who made us a part of their special moments."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you need reservations?",
content: "Yes, we recommend reservations to ensure your preferred time.",
},
{
id: "q2",
title: "Are vegetarian options available?",
content: "Yes, we offer a dedicated vegetarian menu crafted by our chef.",
},
{
id: "q3",
title: "Is parking available?",
content: "Yes, complimentary parking is available for all guests.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6i3zp"
title="Common Questions"
description="Have inquiries? Here are the most common things people ask about Careva Ćuprija."
faqsAnimation="slide-up"
imageAlt="restaurant customer support help"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do you need reservations?", content: "Yes, we recommend reservations to ensure your preferred time." },
{ id: "q2", title: "Are vegetarian options available?", content: "Yes, we offer a dedicated vegetarian menu crafted by our chef." },
{ id: "q3", title: "Is parking available?", content: "Yes, complimentary parking is available for all guests." },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6i3zp"
title="Common Questions"
description="Have inquiries? Here are the most common things people ask about Careva Ćuprija."
faqsAnimation="slide-up"
imageAlt="restaurant customer support help"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Visit Us"
title="Book Your Dining Experience"
description="Ready for an exceptional meal? Contact us today to secure your table."
buttons={[
{
text: "Contact Us Now",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Visit Us"
title="Book Your Dining Experience"
description="Ready for an exceptional meal? Contact us today to secure your table."
buttons={[{ text: "Contact Us Now", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Careva Ćuprija"
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Careva Ćuprija"
columns={[
{
title: "Navigate", items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);