Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7fa9b8d423 | |||
| eaa4ff777c |
170
src/app/page.tsx
170
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Al-Siraj (السراج)"
|
||||
/>
|
||||
@@ -47,59 +43,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Al-Siraj (السراج)"
|
||||
description="رفيقك البارد في الأيام الساخنة. Experience the peak of luxury fragrances."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmed Ali", handle: "@ahmed", testimonial: "The best perfume in Basra. Truly premium and long-lasting.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg?_wi=1", imageAlt: "luxury perfume bottle studio"},
|
||||
{
|
||||
name: "Sara Mohamed", handle: "@sara", testimonial: "Sophisticated scents that redefine elegance. Loved it!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg?_wi=1", imageAlt: "luxury perfume bottle studio"},
|
||||
{
|
||||
name: "Khalid Al-Safar", handle: "@khalid", testimonial: "Excellent service and high-quality fragrance bottles.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg?_wi=1", imageAlt: "luxury perfume bottle studio"},
|
||||
{
|
||||
name: "Layla Zaid", handle: "@layla", testimonial: "Every bottle feels like a piece of art.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg?_wi=1", imageAlt: "luxury perfume bottle studio"},
|
||||
{
|
||||
name: "Omar Fakhri", handle: "@omar", testimonial: "Fast delivery and the scent stays all day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg?_wi=1", imageAlt: "luxury perfume bottle studio"},
|
||||
{ name: "Ahmed Ali", handle: "@ahmed", testimonial: "The best perfume in Basra. Truly premium and long-lasting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
|
||||
{ name: "Sara Mohamed", handle: "@sara", testimonial: "Sophisticated scents that redefine elegance. Loved it!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
|
||||
{ name: "Khalid Al-Safar", handle: "@khalid", testimonial: "Excellent service and high-quality fragrance bottles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
|
||||
{ name: "Layla Zaid", handle: "@layla", testimonial: "Every bottle feels like a piece of art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
|
||||
{ name: "Omar Fakhri", handle: "@omar", testimonial: "Fast delivery and the scent stays all day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg?_wi=1", imageAlt: "luxury perfume bottle studio" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "#shop"},
|
||||
{
|
||||
text: "Wholesale Orders", href: "#contact"},
|
||||
{ text: "Shop Now", href: "#shop" },
|
||||
{ text: "Wholesale Orders", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg?_wi=2"
|
||||
imageAlt="luxury perfume bottle studio"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Close up portrait of young handsome successful man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", alt: "People having dinner in luxurious restaurants"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Closeup of Confident Asian Man with Arms Crossed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Close-up of positive businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", alt: "Front view woman sitting on chair"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Premium Scent"},
|
||||
{
|
||||
type: "text", text: "Authentic Ingredients"},
|
||||
{
|
||||
type: "text", text: "Global Luxury"},
|
||||
{
|
||||
type: "text", text: "Exclusive Design"},
|
||||
{
|
||||
type: "text", text: "Refined Elegance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,10 +66,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Al-Siraj (السراج) PERFUME - Elegance Defined"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Collection", href: "#shop"},
|
||||
]}
|
||||
buttons={[{ text: "Discover Collection", href: "#shop" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,18 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Royal Oud", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2", name: "Midnight Breeze", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3", name: "Golden Horizon", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg?_wi=2"},
|
||||
{
|
||||
id: "p4", name: "Summer Essence", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg?_wi=2"},
|
||||
{
|
||||
id: "p5", name: "Desert Rose", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-product-with-gift-box-balloons-black-background_187299-46830.jpg"},
|
||||
{
|
||||
id: "p6", name: "Ocean Mist", price: "$130", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg"},
|
||||
{ id: "new-product", name: "Perfume Product Card", price: "4,000 IQD", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjhSh33YKz7XEmNGulwbzltEjS/uploaded-1778801844710-uea0hmhj.png" },
|
||||
{ id: "p1", name: "Royal Oud", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg?_wi=2" },
|
||||
{ id: "p2", name: "Midnight Breeze", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg?_wi=2" },
|
||||
{ id: "p3", name: "Golden Horizon", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg?_wi=2" },
|
||||
{ id: "p4", name: "Summer Essence", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg?_wi=2" },
|
||||
{ id: "p5", name: "Desert Rose", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-product-with-gift-box-balloons-black-background_187299-46830.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our curated selection of fine luxury fragrances."
|
||||
@@ -144,18 +94,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Royal Oud", description: "The timeless classic.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-transparent-bottle-fragrance-isolated-white-wall_140725-11689.jpg", buttonIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Midnight Breeze", description: "A scent for the evening.", imageSrc: "http://img.b2bpic.net/free-photo/golden-perfume-bottle-with-elegant-fabric-warm-lighting-dark-background_84443-91473.jpg", buttonIcon: Moon,
|
||||
},
|
||||
{
|
||||
title: "Golden Horizon", description: "Luxury in every drop.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-perfume-bottle-small-blue-picture-frame-flowers-dark-blue-background-free-space_140725-145167.jpg", buttonIcon: Sun,
|
||||
},
|
||||
{
|
||||
title: "Summer Essence", description: "Cool, refreshing, bold.", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg", buttonIcon: Wind,
|
||||
},
|
||||
{ title: "Royal Oud", description: "The timeless classic.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-transparent-bottle-fragrance-isolated-white-wall_140725-11689.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Midnight Breeze", description: "A scent for the evening.", imageSrc: "http://img.b2bpic.net/free-photo/golden-perfume-bottle-with-elegant-fabric-warm-lighting-dark-background_84443-91473.jpg", buttonIcon: Moon },
|
||||
{ title: "Golden Horizon", description: "Luxury in every drop.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-perfume-bottle-small-blue-picture-frame-flowers-dark-blue-background-free-space_140725-145167.jpg", buttonIcon: Sun },
|
||||
{ title: "Summer Essence", description: "Cool, refreshing, bold.", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg", buttonIcon: Wind },
|
||||
]}
|
||||
title="Best Sellers"
|
||||
description="Top-rated fragrances loved by our global community."
|
||||
@@ -168,18 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100+", title: "Perfume Varieties", items: [
|
||||
"Sourced globally", "High quality extracts"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "5000+", title: "Happy Customers", items: [
|
||||
"Fast delivery", "Quality assurance"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "200+", title: "Wholesale Traders", items: [
|
||||
"Bulk discounts", "B2B support"],
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Perfume Varieties", items: ["Sourced globally", "High quality extracts"] },
|
||||
{ id: "m2", value: "5000+", title: "Happy Customers", items: ["Fast delivery", "Quality assurance"] },
|
||||
{ id: "m3", value: "200+", title: "Wholesale Traders", items: ["Bulk discounts", "B2B support"] },
|
||||
]}
|
||||
title="Global Presence"
|
||||
description="Trusted by traders and fragrance lovers across Iraq and beyond."
|
||||
@@ -190,16 +123,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Ali Hassan", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
|
||||
{
|
||||
id: "t2", name: "Fatima Noor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},
|
||||
{
|
||||
id: "t3", name: "Yousef Ibrahim", imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg"},
|
||||
{
|
||||
id: "t4", name: "Laila Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/calm-thoughtful-blonde-young-lady-dark-velvet-pants-white-blouse-looks-into-camera-squats-near-wooden-door_197531-23204.jpg"},
|
||||
{
|
||||
id: "t5", name: "Omar Khaled", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg"},
|
||||
{ id: "t1", name: "Ali Hassan", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "t2", name: "Fatima Noor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg" },
|
||||
{ id: "t3", name: "Yousef Ibrahim", imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg" },
|
||||
{ id: "t4", name: "Laila Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/calm-thoughtful-blonde-young-lady-dark-velvet-pants-white-blouse-looks-into-camera-squats-near-wooden-door_197531-23204.jpg" },
|
||||
{ id: "t5", name: "Omar Khaled", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg" },
|
||||
]}
|
||||
cardTitle="Our Clients"
|
||||
cardTag="Luxury Experience"
|
||||
@@ -211,12 +139,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How can I book a perfume?", content: "Visit our reservations page to secure your favorite scents."},
|
||||
{
|
||||
id: "f2", title: "Do you support B2B wholesale?", content: "Yes, we offer specialized trading accounts with bulk pricing."},
|
||||
{
|
||||
id: "f3", title: "Which payment methods work?", content: "We accept Visa, MasterCard, Zain Cash, and Qi Card."},
|
||||
{ id: "f1", title: "How can I book a perfume?", content: "Visit our reservations page to secure your favorite scents." },
|
||||
{ id: "f2", title: "Do you support B2B wholesale?", content: "Yes, we offer specialized trading accounts with bulk pricing." },
|
||||
{ id: "f3", title: "Which payment methods work?", content: "We accept Visa, MasterCard, Zain Cash, and Qi Card." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -229,38 +154,19 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions? Our luxury concierge is ready to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
buttonText="Send Inquiry"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crystal-whiskey-bottle-alcohol-drinks-packaging_53876-110846.jpg"
|
||||
imageAlt="Crystal whiskey bottle alcohol drinks packaging"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Al-Siraj (السراج)", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Shop", href: "#shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Account", items: [
|
||||
{
|
||||
label: "Wholesale", href: "#"},
|
||||
{
|
||||
label: "Track Order", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Al-Siraj (السراج)", items: [{ label: "About", href: "#about" }, { label: "Shop", href: "#shop" }] },
|
||||
{ title: "Account", items: [{ label: "Wholesale", href: "#" }, { label: "Track Order", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2025 Al-Siraj Perfume. All rights reserved."
|
||||
bottomRightText="Basra - Al-Wufud Street"
|
||||
|
||||
Reference in New Issue
Block a user