bender/d15e79ac-8cb6-469d-8ead-af6ee12180ad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
dk
2026-06-10 19:25:49 +00:00
commit 79f197e3d0
648 changed files with 80280 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

447
src/app/page.tsx Normal file
View File

@@ -0,0 +1,447 @@
"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",
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",
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",
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",
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>
);
}