Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-03-30 08:04:57 +00:00

View File

@@ -19,27 +19,22 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Collection",
id: "#products",
},
{
name: "Craftsmanship",
id: "#features",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "Collection", id: "#products" },
{ name: "Craftsmanship", id: "#features" },
{ name: "Contact", id: "#contact" },
]}
brandName="Fizalis"
/>
@@ -47,48 +42,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Essence of Arabian Luxury"
description="Discover a heritage of scent. Fizalis brings you the most refined oud, saffron, and exotic flower blends, crafted to define your presence."
buttons={[
{
text: "Shop Now",
href: "#products",
},
]}
buttons={[{ text: "Shop Now", href: "#products" }]}
carouselItems={[
{
id: "1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-photography-of-an-exquisite-1774857843361-8f16aa5c.png",
imageAlt: "Luxurious Arabian Perfume Bottle",
},
{
id: "2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-perfume-vapor-mist-in-soft-a-1774857843613-66d47ce8.png",
imageAlt: "Fragrance Mist",
},
{
id: "3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/abstract-view-of-exotic-incense-smoke-sw-1774857847560-da82af27.png",
imageAlt: "Incense Smoke",
},
{
id: "4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-collection-of-artisanal-perfume-vials--1774857843888-cbb1faf1.png",
imageAlt: "Artisanal Vials",
},
{
id: "5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/golden-spices-oud-chips-and-floral-petal-1774857843289-143b8ca9.png",
imageAlt: "Oud Ingredients",
},
{
id: "6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-silhouette-of-a-perfume-bottle-against-1774857845764-be39fc86.png",
imageAlt: "Perfume Silhouette",
},
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-photography-of-an-exquisite-1774857843361-8f16aa5c.png", imageAlt: "Luxurious Arabian Perfume Bottle" },
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-perfume-vapor-mist-in-soft-a-1774857843613-66d47ce8.png", imageAlt: "Fragrance Mist" },
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/abstract-view-of-exotic-incense-smoke-sw-1774857847560-da82af27.png", imageAlt: "Incense Smoke" },
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-collection-of-artisanal-perfume-vials--1774857843888-cbb1faf1.png", imageAlt: "Artisanal Vials" },
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/golden-spices-oud-chips-and-floral-petal-1774857843289-143b8ca9.png", imageAlt: "Oud Ingredients" },
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-silhouette-of-a-perfume-bottle-against-1774857845764-be39fc86.png", imageAlt: "Perfume Silhouette" }
]}
/>
</div>
@@ -100,34 +64,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Oud Royale",
price: "$129.00",
variant: "50ml",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-professional-product-photo-of-a-1774857843085-60b14408.png?_wi=1",
},
{
id: "p2",
name: "Golden Saffron",
price: "$145.00",
variant: "50ml",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/designer-perfume-bottle-amber-glass-with-1774857843102-1305f904.png",
},
{
id: "p3",
name: "Emerald Dusk",
price: "$110.00",
variant: "50ml",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/designer-perfume-bottle-crystal-glass-em-1774857843818-ca1636a9.png",
},
{
id: "p4",
name: "Midnight Musk",
price: "$135.00",
variant: "50ml",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-professional-product-photo-of-a-1774857843085-60b14408.png?_wi=2",
},
{ id: "p1", name: "Oud Royale", price: "$129.00", variant: "50ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-professional-product-photo-of-a-1774857843085-60b14408.png" },
{ id: "p2", name: "Golden Saffron", price: "$145.00", variant: "50ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/designer-perfume-bottle-amber-glass-with-1774857843102-1305f904.png" },
{ id: "p3", name: "Emerald Dusk", price: "$110.00", variant: "50ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/designer-perfume-bottle-crystal-glass-em-1774857843818-ca1636a9.png" },
{ id: "p4", name: "Midnight Musk", price: "$135.00", variant: "50ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-professional-product-photo-of-a-1774857843085-60b14408.png" }
]}
title="Our Signature Collection"
description="Explore our curated range of artisanal Arabic perfumes."
@@ -139,24 +79,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: 1,
title: "Traditional Crafting",
description: "Hand-crafted using techniques passed through generations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png?_wi=1",
},
{
id: 2,
title: "Pure Ingredients",
description: "Sourced from the finest origins, ensuring depth and longevity.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png?_wi=1",
},
{
id: 3,
title: "Elegant Presentation",
description: "Every bottle is a statement piece for your collection.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png?_wi=1",
},
{ id: 1, title: "Traditional Crafting", description: "Hand-crafted using techniques passed through generations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png" },
{ id: 2, title: "Pure Ingredients", description: "Sourced from the finest origins, ensuring depth and longevity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png" },
{ id: 3, title: "Elegant Presentation", description: "Every bottle is a statement piece for your collection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png" }
]}
title="The Fizalis Promise"
description="We blend age-old traditions with contemporary mastery."
@@ -167,23 +92,12 @@ export default function LandingPage() {
<FeatureCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Sourcing",
description: "Hand selecting the richest oud wood.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png?_wi=2",
},
{
title: "Blending",
description: "A complex dance of olfactory notes.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png?_wi=2",
},
{
title: "Curing",
description: "Aging to perfection for unmatched depth.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png?_wi=2",
},
{ title: "Sourcing", description: "Hand selecting the richest oud wood.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png" },
{ title: "Blending", description: "A complex dance of olfactory notes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png" },
{ title: "Curing", description: "Aging to perfection for unmatched depth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png" }
]}
title="Our Process"
description="How we turn precious raw materials into liquid gold."
@@ -196,27 +110,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "20+",
title: "Years of Tradition",
description: "Legacy in every drop.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png?_wi=3",
},
{
id: "m2",
value: "100%",
title: "Natural Ingredients",
description: "Pure, undiluted essences.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png?_wi=3",
},
{
id: "m3",
value: "5000+",
title: "Delighted Customers",
description: "Worldwide fragrance fans.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png?_wi=3",
},
{ id: "m1", value: "20+", title: "Years of Tradition", description: "Legacy in every drop.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png" },
{ id: "m2", value: "100%", title: "Natural Ingredients", description: "Pure, undiluted essences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png" },
{ id: "m3", value: "5000+", title: "Delighted Customers", description: "Worldwide fragrance fans.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png" }
]}
title="Perfume Excellence"
description="Quality defined by numbers."
@@ -227,39 +123,13 @@ export default function LandingPage() {
<BlogCardOne
textboxLayout="split"
useInvertedBackground={false}
animationType="slide-up"
title="Fragrance Insights"
description="Learn more about the art of scent."
blogs={[
{
id: "b1",
category: "Guide",
title: "How to layer scents",
excerpt: "Mastering the art of olfactory combinations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-beautifully-styled-table-setup-featuri-1774857843338-fd6b666f.png",
authorName: "A. Fizalis",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-beautifully-styled-table-setup-featuri-1774857843338-fd6b666f.png",
date: "Oct 2023",
},
{
id: "b2",
category: "Culture",
title: "Oud: The liquid gold",
excerpt: "Why oud is the centerpiece of Arabic perfumery.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/flat-lay-of-perfume-bottle-silk-cloth-an-1774857842874-76a1001d.png",
authorName: "A. Fizalis",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/flat-lay-of-perfume-bottle-silk-cloth-an-1774857842874-76a1001d.png",
date: "Sep 2023",
},
{
id: "b3",
category: "Craft",
title: "Understanding Notes",
excerpt: "Top, heart, and base notes explained.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-perfume-expert-examining-a--1774857844036-f787ac89.png",
authorName: "A. Fizalis",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-perfume-expert-examining-a--1774857844036-f787ac89.png",
date: "Aug 2023",
},
{ id: "b1", category: "Guide", title: "How to layer scents", excerpt: "Mastering the art of olfactory combinations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-beautifully-styled-table-setup-featuri-1774857843338-fd6b666f.png", authorName: "A. Fizalis", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-beautifully-styled-table-setup-featuri-1774857843338-fd6b666f.png", date: "Oct 2023" },
{ id: "b2", category: "Culture", title: "Oud: The liquid gold", excerpt: "Why oud is the centerpiece of Arabic perfumery.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/flat-lay-of-perfume-bottle-silk-cloth-an-1774857842874-76a1001d.png", authorName: "A. Fizalis", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/flat-lay-of-perfume-bottle-silk-cloth-an-1774857842874-76a1001d.png", date: "Sep 2023" },
{ id: "b3", category: "Craft", title: "Understanding Notes", excerpt: "Top, heart, and base notes explained.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-perfume-expert-examining-a--1774857844036-f787ac89.png", authorName: "A. Fizalis", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-perfume-expert-examining-a--1774857844036-f787ac89.png", date: "Aug 2023" }
]}
/>
</div>
@@ -268,28 +138,16 @@ export default function LandingPage() {
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqsAnimation="blur-reveal"
faqs={[
{
id: "q1",
title: "Are your perfumes original?",
content: "Absolutely. Fizalis crafts only 100% original scent profiles.",
},
{
id: "q2",
title: "Do you ship internationally?",
content: "Yes, we ship our perfumes worldwide with premium packaging.",
},
{
id: "q3",
title: "Can I sample scents?",
content: "We offer sample discovery sets for our entire collection.",
},
{ id: "q1", title: "Are your perfumes original?", content: "Absolutely. Fizalis crafts only 100% original scent profiles." },
{ id: "q2", title: "Do you ship internationally?", content: "Yes, we ship our perfumes worldwide with premium packaging." },
{ id: "q3", title: "Can I sample scents?", content: "We offer sample discovery sets for our entire collection." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/relaxing-luxurious-ambiance-a-customer-c-1774857843258-07c44dc7.png"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Answers to common inquiries about our perfume house."
faqsAnimation="blur-reveal"
/>
</div>
@@ -299,24 +157,10 @@ export default function LandingPage() {
title="Contact Us"
description="Need a personalized fragrance recommendation? Reach out to our house experts."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{
name: "message",
placeholder: "How can we help?",
required: true,
}}
textarea={{ name: "message", placeholder: "How can we help?", required: true }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-minimalist-elegant-contact-form-area-i-1774857842763-8cd0acce.png"
mediaAnimation="slide-up"
/>
@@ -325,34 +169,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop",
href: "#products",
},
{
label: "About",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Shipping",
href: "#",
},
],
},
{ items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#features" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Shipping", href: "#" }] }
]}
logoText="FIZALIS"
/>
@@ -360,4 +178,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}