Merge version_1 into main #2
276
src/app/page.tsx
276
src/app/page.tsx
@@ -31,73 +31,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ZULRY"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="ZULRY Essence"
|
||||
description="Artisan attars and premium perfumes crafted with pure botanical oils. Discover the symphony of nature in every drop."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Explore Collection", href: "#products" },
|
||||
{ text: "Our Story", href: "#about" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg?_wi=1",
|
||||
imageAlt: "Luxurious fragrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-leaves-shadow_23-2148879039.jpg?_wi=1",
|
||||
imageAlt: "Essence drops",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-holding-statuette-medium-shot_23-2148966909.jpg?_wi=1",
|
||||
imageAlt: "Master perfumer",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162939.jpg",
|
||||
imageAlt: "Perfume details",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163014.jpg",
|
||||
imageAlt: "Fragrance ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg",
|
||||
imageAlt: "Bottle display",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg", imageAlt: "Luxurious fragrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-leaves-shadow_23-2148879039.jpg", imageAlt: "Essence drops" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-holding-statuette-medium-shot_23-2148966909.jpg", imageAlt: "Master perfumer" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162939.jpg", imageAlt: "Perfume details" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163014.jpg", imageAlt: "Fragrance ingredients" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg", imageAlt: "Bottle display" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,18 +69,9 @@ export default function LandingPage() {
|
||||
title="Crafting Timeless Scents"
|
||||
description="At Zulry, we believe in the fusion of traditional distillation techniques and modern elegance. Each bottle of attar and perfume is a testament to quality, patience, and purity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Purity First",
|
||||
description: "100% natural botanical extractions.",
|
||||
},
|
||||
{
|
||||
title: "Artisan Craft",
|
||||
description: "Distilled in small batches for intensity.",
|
||||
},
|
||||
{
|
||||
title: "Timeless Elegance",
|
||||
description: "Scents that linger for a lifetime.",
|
||||
},
|
||||
{ title: "Purity First", description: "100% natural botanical extractions." },
|
||||
{ title: "Artisan Craft", description: "Distilled in small batches for intensity." },
|
||||
{ title: "Timeless Elegance", description: "Scents that linger for a lifetime." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-pharmacist-working-drugstore_23-2151684834.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -134,42 +85,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Royal Oud",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Rose Bloom",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382860.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Amber Musk",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292012.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Golden Resin",
|
||||
price: "$135",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420710.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Woodland Myst",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fragrance-transparent-designed-beautiful-bottle-white-desk_140725-11628.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Jasmine Pure",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382914.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Royal Oud", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg" },
|
||||
{ id: "p2", name: "Rose Bloom", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382860.jpg" },
|
||||
{ id: "p3", name: "Amber Musk", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292012.jpg" },
|
||||
{ id: "p4", name: "Golden Resin", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420710.jpg" },
|
||||
{ id: "p5", name: "Woodland Myst", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fragrance-transparent-designed-beautiful-bottle-white-desk_140725-11628.jpg" },
|
||||
{ id: "p6", name: "Jasmine Pure", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382914.jpg" },
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="From woody ouds to floral musks, find your unique signature scent."
|
||||
@@ -179,43 +100,23 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Ethically harvested flowers and woods.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-still-life_23-2149249550.jpg",
|
||||
imageAlt: "Sourcing",
|
||||
},
|
||||
title: "Sustainable Sourcing", description: "Ethically harvested flowers and woods.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-still-life_23-2149249550.jpg", imageAlt: "Sourcing" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg?_wi=2",
|
||||
imageAlt: "master perfumer working with oils",
|
||||
},
|
||||
{
|
||||
title: "Long Lasting",
|
||||
description: "High oil concentration for extended wear.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceremonial-wedding-candles-with-white-ribbons-engagement-ring-perfume-wooden-floor_8353-10520.jpg",
|
||||
imageAlt: "Quality",
|
||||
},
|
||||
title: "Long Lasting", description: "High oil concentration for extended wear.", media: { imageSrc: "http://img.b2bpic.net/free-photo/ceremonial-wedding-candles-with-white-ribbons-engagement-ring-perfume-wooden-floor_8353-10520.jpg", imageAlt: "Quality" },
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-leaves-shadow_23-2148879039.jpg?_wi=2",
|
||||
imageAlt: "master perfumer working with oils",
|
||||
},
|
||||
{
|
||||
title: "Zero Synthetics",
|
||||
description: "No alcohol, no parabens, no artificial dyes.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-phytotherapy-items-assortment_23-2149339746.jpg",
|
||||
imageAlt: "Purity",
|
||||
},
|
||||
title: "Zero Synthetics", description: "No alcohol, no parabens, no artificial dyes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-phytotherapy-items-assortment_23-2149339746.jpg", imageAlt: "Purity" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-holding-statuette-medium-shot_23-2148966909.jpg?_wi=2",
|
||||
imageAlt: "master perfumer working with oils",
|
||||
},
|
||||
]}
|
||||
title="Why Zulry Stands Out"
|
||||
@@ -229,41 +130,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
handle: "@sarah.perfumes",
|
||||
testimonial: "The Rose Bloom attar is absolutely exquisite. It stays all day without feeling overpowering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen.reviews",
|
||||
testimonial: "Finally found a pure Oud that feels authentic and high-quality. Zulry is my go-to.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1777.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily.scent",
|
||||
testimonial: "The packaging is beautiful, but the fragrance inside is the true star. Amazing craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-concept-close-up-attractive-young-dark-haired-caucasian-woman-sunglasses-black-dress-smiling-looking-aside-with-happy-expression-talking-phone-with-mother-carrying-shopping_176420-5553.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim.fragrance",
|
||||
testimonial: "Excellent service and prompt delivery. The Amber Musk is a unique masterpiece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya Singh",
|
||||
handle: "@priya.sings",
|
||||
testimonial: "I have sensitive skin and these natural oils are perfect for me. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holidays-spring-party-concept-portrait-tender-lovely-blond-woman-white-dress-dancing-joyfully-with-two-macarons-smiling-happy-eating-delicious-dessert-tasty-food-pink-background_1258-93862.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Ahmed", handle: "@sarah.perfumes", testimonial: "The Rose Bloom attar is absolutely exquisite. It stays all day without feeling overpowering.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen.reviews", testimonial: "Finally found a pure Oud that feels authentic and high-quality. Zulry is my go-to.", imageSrc: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1777.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emily.scent", testimonial: "The packaging is beautiful, but the fragrance inside is the true star. Amazing craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-concept-close-up-attractive-young-dark-haired-caucasian-woman-sunglasses-black-dress-smiling-looking-aside-with-happy-expression-talking-phone-with-mother-carrying-shopping_176420-5553.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim.fragrance", testimonial: "Excellent service and prompt delivery. The Amber Musk is a unique masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg" },
|
||||
{ id: "5", name: "Priya Singh", handle: "@priya.sings", testimonial: "I have sensitive skin and these natural oils are perfect for me. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/holidays-spring-party-concept-portrait-tender-lovely-blond-woman-white-dress-dancing-joyfully-with-two-macarons-smiling-happy-eating-delicious-dessert-tasty-food-pink-background_1258-93862.jpg" },
|
||||
]}
|
||||
title="Aromatic Memories"
|
||||
description="What our fragrance enthusiasts say."
|
||||
@@ -276,27 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Year History",
|
||||
description: "Years of perfecting distillation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-foam-barbershop_23-2147737003.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Pure Extracts",
|
||||
description: "Botanical oils sourced globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/centered-bottle-with-natural-skin-products_23-2148317649.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20K+",
|
||||
title: "Happy Users",
|
||||
description: "Across the globe served.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-workshop-demontration-beauty-products_259150-60057.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Year History", description: "Years of perfecting distillation.", imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-foam-barbershop_23-2147737003.jpg" },
|
||||
{ id: "m2", value: "50+", title: "Pure Extracts", description: "Botanical oils sourced globally.", imageSrc: "http://img.b2bpic.net/free-photo/centered-bottle-with-natural-skin-products_23-2148317649.jpg" },
|
||||
{ id: "m3", value: "20K+", title: "Happy Users", description: "Across the globe served.", imageSrc: "http://img.b2bpic.net/free-photo/online-workshop-demontration-beauty-products_259150-60057.jpg" },
|
||||
]}
|
||||
title="Our Journey in Numbers"
|
||||
description="Excellence defined by our dedication to the craft."
|
||||
@@ -308,21 +161,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are these oils safe?",
|
||||
content: "Yes, our oils are 100% natural and skin-safe.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to all major countries.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return the product?",
|
||||
content: "Unopened bottles can be returned within 14 days.",
|
||||
},
|
||||
{ id: "f1", title: "Are these oils safe?", content: "Yes, our oils are 100% natural and skin-safe." },
|
||||
{ id: "f2", title: "Do you ship worldwide?", content: "Yes, we ship to all major countries." },
|
||||
{ id: "f3", title: "Can I return the product?", content: "Unopened bottles can be returned within 14 days." },
|
||||
]}
|
||||
title="Questions Answered"
|
||||
description="Clear answers to your queries."
|
||||
@@ -333,18 +174,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Let's Find Your Signature Scent"
|
||||
description="Have questions about our collections? Our fragrance experts are here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@zulry.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "mailto:hello@zulry.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -353,32 +187,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blur-hospital-clinic-interior_74190-5205.jpg"
|
||||
logoText="ZULRY"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user