Update src/app/page.tsx
This commit is contained in:
274
src/app/page.tsx
274
src/app/page.tsx
@@ -12,6 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Sparkles, Moon, Sun, Wind } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AMILANO"
|
||||
/>
|
||||
@@ -55,107 +48,57 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="AMILANO"
|
||||
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: "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", 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: "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", 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: "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", 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: "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", 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: "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", imageAlt: "luxury perfume bottle studio"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Now", href: "#shop"},
|
||||
{
|
||||
text: "Wholesale Orders",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Wholesale Orders", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg"
|
||||
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/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/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/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/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",
|
||||
},
|
||||
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: "Premium Scent"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Ingredients",
|
||||
},
|
||||
type: "text", text: "Authentic Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Luxury",
|
||||
},
|
||||
type: "text", text: "Global Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Design",
|
||||
},
|
||||
type: "text", text: "Exclusive Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Refined Elegance",
|
||||
},
|
||||
type: "text", text: "Refined Elegance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,9 +109,7 @@ export default function LandingPage() {
|
||||
title="AMILANO PERFUME - Elegance Defined"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Discover Collection", href: "#shop"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -181,41 +122,17 @@ export default function LandingPage() {
|
||||
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: "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"},
|
||||
{
|
||||
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: "p2", name: "Midnight Breeze", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Golden Horizon",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Golden Horizon", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639153.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Summer Essence",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Summer Essence", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307299.jpg"},
|
||||
{
|
||||
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: "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: "p6", name: "Ocean Mist", price: "$130", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our curated selection of fine luxury fragrances."
|
||||
@@ -228,28 +145,16 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "Summer Essence", description: "Cool, refreshing, bold.", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg", buttonIcon: Wind,
|
||||
},
|
||||
]}
|
||||
title="Best Sellers"
|
||||
@@ -264,31 +169,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Perfume Varieties",
|
||||
items: [
|
||||
"Sourced globally",
|
||||
"High quality extracts",
|
||||
],
|
||||
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: "m2", value: "5000+", title: "Happy Customers", items: [
|
||||
"Fast delivery", "Quality assurance"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
title: "Wholesale Traders",
|
||||
items: [
|
||||
"Bulk discounts",
|
||||
"B2B support",
|
||||
],
|
||||
id: "m3", value: "200+", title: "Wholesale Traders", items: [
|
||||
"Bulk discounts", "B2B support"],
|
||||
},
|
||||
]}
|
||||
title="Global Presence"
|
||||
@@ -301,30 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ali Hassan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.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: "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: "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: "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: "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"
|
||||
@@ -337,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How can I book a perfume?",
|
||||
content: "Visit our reservations page to secure your favorite scents.",
|
||||
},
|
||||
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: "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: "f3", title: "Which payment methods work?", content: "We accept Visa, MasterCard, Zain Cash, and Qi Card."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -364,16 +230,10 @@ export default function LandingPage() {
|
||||
description="Have questions? Our luxury concierge is ready to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Send Inquiry"
|
||||
@@ -386,29 +246,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "AMILANO",
|
||||
items: [
|
||||
title: "AMILANO", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop", href: "#shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Account",
|
||||
items: [
|
||||
title: "Account", items: [
|
||||
{
|
||||
label: "Wholesale",
|
||||
href: "#",
|
||||
},
|
||||
label: "Wholesale", href: "#"},
|
||||
{
|
||||
label: "Track Order",
|
||||
href: "#",
|
||||
},
|
||||
label: "Track Order", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user