254 lines
9.2 KiB
TypeScript
254 lines
9.2 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { Gift, Compass, HelpCircle } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
|
|
export default function DiscoverySetPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "For Him", id: "for-him" },
|
|
{ name: "For Her", id: "for-her" },
|
|
{ name: "Unisex", id: "unisex" },
|
|
{ name: "By Notes", id: "by-notes" },
|
|
{ name: "Discovery Set", id: "discovery-set" },
|
|
{ name: "Our Story", id: "our-story" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const discoverySamples = [
|
|
{
|
|
id: "ds-1",
|
|
brand: "LUXURY NOTES",
|
|
name: "Midnight Solstice Sample",
|
|
price: "₪50",
|
|
rating: 5,
|
|
reviewCount: "348",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176150.jpg?_wi=2",
|
|
imageAlt: "Midnight Solstice fragrance sample",
|
|
},
|
|
{
|
|
id: "ds-2",
|
|
brand: "LUXURY NOTES",
|
|
name: "Urban Legend Sample",
|
|
price: "₪50",
|
|
rating: 5,
|
|
reviewCount: "526",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/liquor-square-bottle_176474-6075.jpg?_wi=2",
|
|
imageAlt: "Urban Legend fragrance sample",
|
|
},
|
|
{
|
|
id: "ds-3",
|
|
brand: "LUXURY NOTES",
|
|
name: "Ethereal Essence Sample",
|
|
price: "₪50",
|
|
rating: 5,
|
|
reviewCount: "412",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-product_23-2150347093.jpg?_wi=2",
|
|
imageAlt: "Ethereal Essence fragrance sample",
|
|
},
|
|
{
|
|
id: "ds-4",
|
|
brand: "LUXURY NOTES",
|
|
name: "Golden Hour Sample",
|
|
price: "₪50",
|
|
rating: 5,
|
|
reviewCount: "289",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669104.jpg?_wi=2",
|
|
imageAlt: "Golden Hour fragrance sample",
|
|
},
|
|
];
|
|
|
|
const faqItems = [
|
|
{
|
|
id: "ds-faq-1",
|
|
title: "What's included in the Discovery Set?",
|
|
content: "The Discovery Set includes premium samples (2ml each) of our four signature fragrances. Perfect for exploring different scent profiles before committing to a full-size bottle.",
|
|
},
|
|
{
|
|
id: "ds-faq-2",
|
|
title: "How long do the samples last?",
|
|
content: "Each 2ml sample provides approximately 10-15 applications, giving you sufficient time to experience the fragrance development and longevity.",
|
|
},
|
|
{
|
|
id: "ds-faq-3",
|
|
title: "Can I get samples of specific fragrances?",
|
|
content: "Yes! While the Discovery Set features our bestsellers, you can customize your set by contacting our customer service team. We're happy to create personalized sample selections.",
|
|
},
|
|
{
|
|
id: "ds-faq-4",
|
|
title: "Is there a discount on full-size bottles after trying samples?",
|
|
content: "Absolutely! Once you find your perfect scent from the samples, mention 'Discovery Set' at checkout and receive a 15% discount on any full-size bottle purchase.",
|
|
},
|
|
{
|
|
id: "ds-faq-5",
|
|
title: "Can I gift the Discovery Set?",
|
|
content: "Yes, the Discovery Set comes in premium gift packaging with a personalized message card. It's the perfect gift for perfume enthusiasts who love exploring new scents.",
|
|
},
|
|
{
|
|
id: "ds-faq-6",
|
|
title: "What's the shelf life of fragrance samples?",
|
|
content: "Our samples maintain full potency for 2+ years when stored properly in cool, dark conditions. The sealed packaging ensures no degradation.",
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="LUXURY NOTES"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Shop",
|
|
href: "/products",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="discovery-samples" data-section="discovery-samples">
|
|
<ProductCardTwo
|
|
title="Discovery Set Samples"
|
|
description="Experience our signature fragrances with premium 2ml samples. Perfect for finding your perfect scent."
|
|
tag="SAMPLE COLLECTION"
|
|
tagIcon={Gift}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
products={discoverySamples}
|
|
buttons={[
|
|
{
|
|
text: "Add to Cart",
|
|
href: "/products",
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "/by-notes",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="discovery-experience" data-section="discovery-experience">
|
|
<MetricSplitMediaAbout
|
|
title="The Perfect Starting Point"
|
|
description="Our Discovery Set is designed for the modern fragrance explorer. Whether you're new to luxury perfumes or expanding your collection, this curated selection introduces you to the full spectrum of LUXURY NOTES' artistry. Each sample tells a story—from fresh citrus awakening to deep oriental mystique. Take your time exploring, layer fragrances, find what resonates with your essence, and then upgrade to your signature bottle."
|
|
tag="GUIDED JOURNEY"
|
|
tagIcon={Compass}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-cosmetic-products_23-2148532769.jpg?_wi=2"
|
|
imageAlt="Discovery Set experience"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
value: "4",
|
|
title: "Premium Samples",
|
|
},
|
|
{
|
|
value: "10-15",
|
|
title: "Sprays Per Sample",
|
|
},
|
|
{
|
|
value: "15%",
|
|
title: "Discount on Full Size",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="discovery-faq" data-section="discovery-faq">
|
|
<FaqSplitMedia
|
|
title="Discovery Set Questions"
|
|
description="Everything you need to know about sampling, gifting, and upgrading to full-size fragrances."
|
|
tag="SUPPORT"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
faqs={faqItems}
|
|
imageSrc="http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307307.jpg"
|
|
imageAlt="Discovery Set details"
|
|
mediaPosition="left"
|
|
buttons={[
|
|
{
|
|
text: "Shop Collections",
|
|
href: "/for-him",
|
|
},
|
|
{
|
|
text: "Browse by Notes",
|
|
href: "/by-notes",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{ label: "For Him", href: "/for-him" },
|
|
{ label: "For Her", href: "/for-her" },
|
|
{ label: "Unisex", href: "/unisex" },
|
|
{ label: "Discovery Set", href: "/discovery-set" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "Our Story", href: "/our-story" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Track Order", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
{ label: "Contact Us", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "WhatsApp", href: "https://wa.me/" },
|
|
{ label: "Email", href: "mailto:hello@luxurynotes.com" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 LUXURY NOTES. The scent of who you are."
|
|
bottomRightText="Erbil, Iraq | hello@luxurynotes.com | +964 77 XXX XXXX"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |