448 lines
16 KiB
TypeScript
448 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "Collection",
|
|
id: "#collection",
|
|
},
|
|
{
|
|
name: "About Us",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "How to Order",
|
|
id: "#order-process",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "#reviews",
|
|
},
|
|
{
|
|
name: "FAQs",
|
|
id: "#faqs",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/luxury-golden-style-perfume-logo_23-2148458760.jpg"
|
|
logoAlt="Scent.JO Logo"
|
|
brandName="Scent.JO"
|
|
button={{
|
|
text: "Order via Instagram",
|
|
href: "https://www.instagram.com/fragrence_shop01",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated-grid",
|
|
}}
|
|
title="Scent.JO"
|
|
description="Experience an exclusive collection of luxury fragrances, delivered with care across Jordan, tailored for your unique style."
|
|
buttons={[
|
|
{
|
|
text: "Shop Now",
|
|
href: "#collection",
|
|
},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "hero-perfume-1",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExTmmuyq808K96JDrxO5PQx8ox/uploaded-1781119437136-dcpspz6g.png?_wi=1",
|
|
imageAlt: "Luxury Perfume Bottle Scent.JO",
|
|
},
|
|
{
|
|
id: "hero-perfume-2",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExTmmuyq808K96JDrxO5PQx8ox/uploaded-1781119437136-4npfpfoq.png?_wi=1",
|
|
imageAlt: "Scent.JO Fragrance Collection",
|
|
},
|
|
{
|
|
id: "hero-perfume-3",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExTmmuyq808K96JDrxO5PQx8ox/uploaded-1781119437136-efvnjim4.png",
|
|
imageAlt: "Elegant Perfume Display Scent.JO",
|
|
},
|
|
{
|
|
id: "hero-perfume-4",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExTmmuyq808K96JDrxO5PQx8ox/uploaded-1781119437136-9pjsjref.jpg",
|
|
imageAlt: "Scent.JO Luxury Scent",
|
|
},
|
|
{
|
|
id: "hero-perfume-5",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExTmmuyq808K96JDrxO5PQx8ox/uploaded-1781119437137-yvs76oru.png",
|
|
imageAlt: "High-End Perfume Presentation Scent.JO",
|
|
},
|
|
{
|
|
id: "hero-perfume-6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adobe-photoshop-pdf_181624-58239.jpg",
|
|
imageAlt: "Signature Scent.JO Bottle",
|
|
},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="The Essence of Scent.JO"
|
|
description="Scent.JO is Jordan's premier destination for exclusive luxury fragrances. We meticulously source rare and exquisite perfumes, offering a collection that speaks of sophistication and individuality. Every bottle is a testament to our commitment to quality, elegance, and a truly personalized experience for our cherished customers. Enjoy prompt and secure delivery, exclusively within Jordan."
|
|
metrics={[
|
|
{
|
|
value: "100+",
|
|
title: "Exclusive Scents",
|
|
},
|
|
{
|
|
value: "5+",
|
|
title: "Years of Expertise",
|
|
},
|
|
{
|
|
value: "99%",
|
|
title: "Customer Satisfaction",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/serum-bottle-transparent-items_23-2149249534.jpg"
|
|
imageAlt="Luxury perfume display"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="collection" data-section="collection">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
brand: "Scent.JO Signature",
|
|
name: "Desert Rose Elixir",
|
|
price: "JD 75",
|
|
rating: 5,
|
|
reviewCount: "250 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/japanese-cups-flowers-assortment_23-2149869747.jpg",
|
|
imageAlt: "Desert Rose Elixir Perfume",
|
|
},
|
|
{
|
|
id: "p2",
|
|
brand: "Scent.JO Essence",
|
|
name: "Oud Majesty",
|
|
price: "JD 90",
|
|
rating: 5,
|
|
reviewCount: "180 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-container-pink-background_23-2148366115.jpg",
|
|
imageAlt: "Oud Majesty Perfume",
|
|
},
|
|
{
|
|
id: "p3",
|
|
brand: "Scent.JO Luxe",
|
|
name: "Golden Sands Bloom",
|
|
price: "JD 68",
|
|
rating: 5,
|
|
reviewCount: "320 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-expensive-fragnance-dark-background-color-perfume-gift-present-love-couple-marriage-feeling-scent_140725-158065.jpg",
|
|
imageAlt: "Golden Sands Bloom Perfume",
|
|
},
|
|
{
|
|
id: "p4",
|
|
brand: "Scent.JO Prestige",
|
|
name: "Emerald Oasis",
|
|
price: "JD 82",
|
|
rating: 5,
|
|
reviewCount: "210 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/natural-selfcare-products-arrangement_23-2149353134.jpg",
|
|
imageAlt: "Emerald Oasis Perfume",
|
|
},
|
|
{
|
|
id: "p5",
|
|
brand: "Scent.JO Heritage",
|
|
name: "Midnight Whisper",
|
|
price: "JD 95",
|
|
rating: 5,
|
|
reviewCount: "150 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420708.jpg",
|
|
imageAlt: "Midnight Whisper Perfume",
|
|
},
|
|
{
|
|
id: "p6",
|
|
brand: "Scent.JO Modern",
|
|
name: "Citrus Dawn",
|
|
price: "JD 70",
|
|
rating: 5,
|
|
reviewCount: "280 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-daisy-flowers_23-2150321411.jpg",
|
|
imageAlt: "Citrus Dawn Perfume",
|
|
},
|
|
]}
|
|
title="Our Luxury Fragrance Collection"
|
|
description="Explore our curated selection of best sellers, new arrivals, and featured collections. Each scent is a masterpiece, a perfect pick for every discerning individual."
|
|
buttons={[
|
|
{
|
|
text: "View All & Order via Instagram",
|
|
href: "https://www.instagram.com/fragrence_shop01",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="order-process" data-section="order-process">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Discover Your Scent",
|
|
description: "Browse our exquisite collection and find the perfect luxury fragrance that resonates with your style and preference.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3s0yyj",
|
|
imageAlt: "luxury fashion brand logo",
|
|
},
|
|
{
|
|
title: "Order via Instagram DM",
|
|
description: "Simply click the 'Order via Instagram' button or send us a Direct Message with your chosen perfume. Our team is ready to assist you.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExTmmuyq808K96JDrxO5PQx8ox/uploaded-1781119437136-dcpspz6g.png?_wi=2",
|
|
imageAlt: "luxury fashion brand logo",
|
|
},
|
|
{
|
|
title: "Local Jordan Delivery",
|
|
description: "Confirm your order details and delivery address. Your luxury fragrance will be swiftly and securely delivered anywhere in Jordan.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExTmmuyq808K96JDrxO5PQx8ox/uploaded-1781119437136-4npfpfoq.png?_wi=2",
|
|
imageAlt: "luxury fashion brand logo",
|
|
},
|
|
]}
|
|
title="Seamless Ordering, Exclusively for You"
|
|
description="At Scent.JO, we prioritize a personalized and direct purchasing experience. All orders are processed with care through Instagram Direct Messages."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Luxury Living",
|
|
"Elite Scents",
|
|
"Aroma Artistry",
|
|
"Prestige Perfumes",
|
|
"Elegance Magazine",
|
|
"Fragrance House",
|
|
"Sophisticated Style",
|
|
]}
|
|
title="Trusted by Luxury Enthusiasts"
|
|
description="Scent.JO is a cherished name among connoisseurs of fine fragrances, recognized for our commitment to exclusivity and quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Layla K.",
|
|
role: "Fashion Enthusiast",
|
|
company: "Amman",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-coffee-terrace-cafe_624325-938.jpg",
|
|
imageAlt: "Layla K.",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Ahmed S.",
|
|
role: "Entrepreneur",
|
|
company: "Irbid",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/single-gesture-lifestyle-white-male_1262-2168.jpg",
|
|
imageAlt: "Ahmed S.",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Sara H.",
|
|
role: "Luxury Blogger",
|
|
company: "Aqaba",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lip-gloss-young-woman-demonstrating-new-lip-gloss-looking-excited_259150-60077.jpg",
|
|
imageAlt: "Sara H.",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Omar M.",
|
|
role: "Consultant",
|
|
company: "Zarqa",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
|
|
imageAlt: "Omar M.",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Noor F.",
|
|
role: "Art Director",
|
|
company: "Mafraq",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-bronze-make-up-black-golden-dress-near-palm-tree_343596-364.jpg",
|
|
imageAlt: "Noor F.",
|
|
},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear from our satisfied clients about their Scent.JO experience and their journey to finding the perfect fragrance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faqs" data-section="faqs">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1",
|
|
title: "How do I place an order?",
|
|
content: "All orders are placed exclusively through Instagram Direct Messages. Simply send us a message with the product name you wish to purchase.",
|
|
},
|
|
{
|
|
id: "faq2",
|
|
title: "Do you deliver outside of Jordan?",
|
|
content: "Currently, Scent.JO offers delivery services exclusively within Jordan to ensure the highest quality and efficiency for our local customers.",
|
|
},
|
|
{
|
|
id: "faq3",
|
|
title: "What payment methods are accepted?",
|
|
content: "As orders are processed via Instagram DM, payment methods will be discussed and arranged directly with our team to best suit your convenience.",
|
|
},
|
|
{
|
|
id: "faq4",
|
|
title: "How long does delivery take within Jordan?",
|
|
content: "Once your order is confirmed via Instagram DM, we aim for delivery within 1-3 business days, depending on your location within Jordan.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg"
|
|
imageAlt="Elegant perfume bottles"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common queries regarding our fragrances, ordering process, and delivery services in Jordan."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
text="Ready to discover your signature scent? Our specialists are available to assist you with personalized recommendations and direct ordering via Instagram. Your luxury experience awaits."
|
|
buttons={[
|
|
{
|
|
text: "Order via Instagram",
|
|
href: "https://www.instagram.com/fragrence_shop01",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Explore",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
label: "Collection",
|
|
href: "#collection",
|
|
},
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "How to Order",
|
|
href: "#order-process",
|
|
},
|
|
{
|
|
label: "FAQs",
|
|
href: "#faqs",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{
|
|
label: "Instagram",
|
|
href: "https://www.instagram.com/fragrence_shop01",
|
|
},
|
|
{
|
|
label: "Reviews",
|
|
href: "#reviews",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/luxury-golden-style-perfume-logo_23-2148458760.jpg"
|
|
logoAlt="Scent.JO Logo"
|
|
logoText="Scent.JO"
|
|
copyrightText="© 2024 Scent.JO. All rights reserved. Delivery exclusively within Jordan."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|