bender/ce4de04b-28e1-40cc-8cd6-4d172061b2cf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 17:28:04 +00:00
parent ad0046a303
commit bae5857a76
1 changed files with 143 additions and 403 deletions
Download Patch File Download Diff File Expand all files Collapse all files

546
src/app/page.tsx
View File

@@ -29,418 +29,158 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Story",
id: "about",
},
{
name: "Selection",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Lamasa Dimashqiya"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Selection", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="Lamasa Dimashqiya"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Damascene Touch"
description="Authentic oriental delicacies crafted with refined tradition for the modern connoisseur."
testimonials={[
{
name: "Amal S.",
handle: "Culinary Critic",
testimonial: "A journey to Damascus in every bite.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfm7hc&_wi=1",
imageAlt: "luxury oriental sweets arrangement",
},
{
name: "Jean-Pierre",
handle: "Food Connoisseur",
testimonial: "Unparalleled craftsmanship.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajaq0k&_wi=1",
imageAlt: "luxury oriental sweets arrangement",
},
{
name: "Elena R.",
handle: "Lifestyle Editor",
testimonial: "Exquisite textures and flavors.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p&_wi=1",
imageAlt: "luxury oriental sweets arrangement",
},
{
name: "Samy K.",
handle: "Chef",
testimonial: "Authenticity redefined.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2t7zkz",
imageAlt: "luxury oriental sweets arrangement",
},
{
name: "Nadia L.",
handle: "Gourmet",
testimonial: "The finest baklava I've ever had.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6x9bjt",
imageAlt: "luxury oriental sweets arrangement",
},
]}
buttons={[
{
text: "Discover Our Sweets",
href: "#features",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfm7hc&_wi=2"
mediaAnimation="blur-reveal"
avatars={[
{
src: "asset://avatar-hero-1",
alt: "Customer portrait",
},
{
src: "asset://avatar-hero-2",
alt: "Customer portrait",
},
{
src: "asset://avatar-hero-3",
alt: "Customer portrait",
},
{
src: "asset://avatar-hero-4",
alt: "Customer portrait",
},
{
src: "asset://avatar-hero-5",
alt: "Customer portrait",
},
]}
avatarText="Loved by connoisseurs worldwide"
marqueeItems={[
{
type: "text-icon",
text: "100% Natural",
icon: Leaf,
},
{
type: "text-icon",
text: "Artisan Crafted",
icon: Award,
},
{
type: "text-icon",
text: "Daily Fresh",
icon: Clock,
},
{
type: "text-icon",
text: "Damascene Heritage",
icon: Globe,
},
{
type: "text-icon",
text: "Premium Quality",
icon: Star,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Damascene Touch"
description="Authentic oriental delicacies crafted with refined tradition for the modern connoisseur."
testimonials={[
{ name: "Amal S.", handle: "Culinary Critic", testimonial: "A journey to Damascus in every bite.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfm7hc", imageAlt: "luxury oriental sweets arrangement" },
{ name: "Jean-Pierre", handle: "Food Connoisseur", testimonial: "Unparalleled craftsmanship.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajaq0k", imageAlt: "luxury oriental sweets arrangement" },
{ name: "Elena R.", handle: "Lifestyle Editor", testimonial: "Exquisite textures and flavors.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p", imageAlt: "luxury oriental sweets arrangement" },
{ name: "Samy K.", handle: "Chef", testimonial: "Authenticity redefined.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2t7zkz", imageAlt: "luxury oriental sweets arrangement" },
{ name: "Nadia L.", handle: "Gourmet", testimonial: "The finest baklava I've ever had.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6x9bjt", imageAlt: "luxury oriental sweets arrangement" },
]}
buttons={[{ text: "Discover Our Sweets", href: "#features" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfm7hc"
mediaAnimation="blur-reveal"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p", alt: "Customer portrait" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2t7zkz", alt: "Customer portrait" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6x9bjt", alt: "Customer portrait" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hivi9g", alt: "Customer portrait" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lo0mjp", alt: "Customer portrait" },
]}
avatarText="Loved by connoisseurs worldwide"
marqueeItems={[
{ type: "text-icon", text: "100% Natural", icon: Leaf },
{ type: "text-icon", text: "Artisan Crafted", icon: Award },
{ type: "text-icon", text: "Daily Fresh", icon: Clock },
{ type: "text-icon", text: "Damascene Heritage", icon: Globe },
{ type: "text-icon", text: "Premium Quality", icon: Star },
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Heritage in Luxembourg"
description="We bridge centuries of Syrian culinary tradition with European luxury, curating an artisanal experience that celebrates the refined flavors of Damascus."
metrics={[
{
value: "100+",
title: "Traditional Recipes",
},
{
value: "15",
title: "Premium Ingredients",
},
{
value: "5",
title: "Artisan Chefs",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajaq0k&_wi=2"
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Heritage in Luxembourg"
description="We bridge centuries of Syrian culinary tradition with European luxury, curating an artisanal experience that celebrates the refined flavors of Damascus."
metrics={[
{ value: "100+", title: "Traditional Recipes" },
{ value: "15", title: "Premium Ingredients" },
{ value: "5", title: "Artisan Chefs" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajaq0k"
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Artisan Baklava",
description: "Hand-layered pastries with premium pistachios.",
icon: Sparkles,
},
{
title: "Bespoke Catering",
description: "Elegant service for exclusive events.",
icon: Award,
},
{
title: "Gift Collections",
description: "Luxury packaging for special occasions.",
icon: Gift,
},
]}
title="Premium Selection"
description="Explore our curated collection of artisanal sweets and bespoke catering offerings."
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{ title: "Artisan Baklava", description: "Hand-layered pastries with premium pistachios.", icon: Sparkles },
{ title: "Bespoke Catering", description: "Elegant service for exclusive events.", icon: Award },
{ title: "Gift Collections", description: "Luxury packaging for special occasions.", icon: Gift },
]}
title="Premium Selection"
description="Explore our curated collection of artisanal sweets and bespoke catering offerings."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Natural Ingredients",
items: [
"No additives",
"Organic source",
],
},
{
id: "m2",
value: "24h",
title: "Freshness Window",
items: [
"Daily production",
"Optimal taste",
],
},
{
id: "m3",
value: "0",
title: "Compromise",
items: [
"Authentic method",
"True heritage",
],
},
]}
title="Quality Assured"
description="Precision in every detail of our production process."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
metrics={[
{ id: "m1", value: "100%", title: "Natural Ingredients", items: ["No additives", "Organic source"] },
{ id: "m2", value: "24h", title: "Freshness Window", items: ["Daily production", "Optimal taste"] },
{ id: "m3", value: "0", title: "Compromise", items: ["Authentic method", "True heritage"] },
]}
title="Quality Assured"
description="Precision in every detail of our production process."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "p1",
title: "Signature Box",
price: "€45",
period: "per box",
features: [
"12 pieces",
"Gift wrapped",
"Premium selection",
],
button: {
text: "Select",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajaq0k&_wi=3",
imageAlt: "luxurious artisan kitchen bakery",
},
{
id: "p2",
title: "Deluxe Selection",
price: "€85",
period: "per box",
features: [
"24 pieces",
"Hand-crafted tray",
"Priority delivery",
],
button: {
text: "Select",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfm7hc&_wi=3",
imageAlt: "luxurious artisan kitchen bakery",
},
{
id: "p3",
title: "Exclusive Estate",
price: "€150",
period: "per set",
features: [
"48 pieces",
"Custom branding",
"Personalized note",
],
button: {
text: "Select",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p&_wi=2",
imageAlt: "luxurious artisan kitchen bakery",
},
]}
title="Gifting Tiers"
description="Select the perfect arrangement for your requirements."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
plans={[
{ id: "p1", title: "Signature Box", price: "€45", period: "per box", features: ["12 pieces", "Gift wrapped", "Premium selection"], button: { text: "Select" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajaq0k", imageAlt: "luxurious artisan kitchen bakery" },
{ id: "p2", title: "Deluxe Selection", price: "€85", period: "per box", features: ["24 pieces", "Hand-crafted tray", "Priority delivery"], button: { text: "Select" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfm7hc", imageAlt: "luxurious artisan kitchen bakery" },
{ id: "p3", title: "Exclusive Estate", price: "€150", period: "per set", features: ["48 pieces", "Custom branding", "Personalized note"], button: { text: "Select" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p", imageAlt: "luxurious artisan kitchen bakery" },
]}
title="Gifting Tiers"
description="Select the perfect arrangement for your requirements."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah M.",
date: "Oct 2023",
title: "Regular Client",
quote: "The baklava is truly authentic.",
tag: "Excellent",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfm7hc&_wi=4",
imageAlt: "minimalist portrait style",
},
{
id: "t2",
name: "David L.",
date: "Nov 2023",
title: "Corporate Event",
quote: "The catering service was flawless.",
tag: "Professional",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2t7zkz",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajaq0k&_wi=4",
imageAlt: "minimalist portrait style",
},
{
id: "t3",
name: "Chloe B.",
date: "Dec 2023",
title: "Gourmet",
quote: "I love the subtle rose notes.",
tag: "Delicate",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6x9bjt",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hivi9g",
imageAlt: "minimalist portrait style",
},
{
id: "t4",
name: "Ahmed K.",
date: "Jan 2024",
title: "Local Resident",
quote: "The finest sweets in town.",
tag: "Traditional",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lo0mjp",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p&_wi=3",
imageAlt: "minimalist portrait style",
},
{
id: "t5",
name: "Marie D.",
date: "Feb 2024",
title: "Wedding Planner",
quote: "Clients are always impressed.",
tag: "Luxurious",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lo0mjp",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p&_wi=4",
imageAlt: "minimalist portrait style",
},
]}
title="Voices of Elegance"
description="Experiences shared by our distinguished clientele."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah M.", date: "Oct 2023", title: "Regular Client", quote: "The baklava is truly authentic.", tag: "Excellent", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfm7hc", imageAlt: "minimalist portrait style" },
{ id: "t2", name: "David L.", date: "Nov 2023", title: "Corporate Event", quote: "The catering service was flawless.", tag: "Professional", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2t7zkz", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajaq0k", imageAlt: "minimalist portrait style" },
{ id: "t3", name: "Chloe B.", date: "Dec 2023", title: "Gourmet", quote: "I love the subtle rose notes.", tag: "Delicate", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6x9bjt", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hivi9g", imageAlt: "minimalist portrait style" },
{ id: "t4", name: "Ahmed K.", date: "Jan 2024", title: "Local Resident", quote: "The finest sweets in town.", tag: "Traditional", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lo0mjp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p", imageAlt: "minimalist portrait style" },
{ id: "t5", name: "Marie D.", date: "Feb 2024", title: "Wedding Planner", quote: "Clients are always impressed.", tag: "Luxurious", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lo0mjp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo686p", imageAlt: "minimalist portrait style" },
]}
title="Voices of Elegance"
description="Experiences shared by our distinguished clientele."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"Luxe Event Venue",
"Grand Hotel Lux",
"Boutique Fine Dining",
"Elite Concierge",
"Artisan Kitchen",
"Lux Catering Co",
"Premier Club Lux",
]}
title="Proudly Partnered"
description="Trusted by exclusive venues and luxury boutiques."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={["Luxe Event Venue", "Grand Hotel Lux", "Boutique Fine Dining", "Elite Concierge", "Artisan Kitchen", "Lux Catering Co", "Premier Club Lux"]}
title="Proudly Partnered"
description="Trusted by exclusive venues and luxury boutiques."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Inquire"
title="Connect with Us"
description="Join our newsletter for exclusive insights into Damascene culinary arts."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Inquire"
title="Connect with Us"
description="Join our newsletter for exclusive insights into Damascene culinary arts."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Lamasa Dimashqiya"
columns={[
{
title: "Company",
items: [
{
label: "Story",
href: "#about",
},
{
label: "Selection",
href: "#features",
},
],
},
{
title: "Connect",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Instagram",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Lamasa Dimashqiya"
columns={[
{ title: "Company", items: [{ label: "Story", href: "#about" }, { label: "Selection", href: "#features" }] },
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Instagram", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);