Merge version_1 into main #2
352
src/app/page.tsx
352
src/app/page.tsx
@@ -25,266 +25,110 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Ahlam Incense"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="Ahlam Incense"
|
||||
button={{ text: "Contact Us", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="AHLAM INCENSE"
|
||||
description="Luxury Oud Redefined"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-decorating-her-home-with-orchids_23-2150960684.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-compostable-beauty-product-flowers_23-2149353143.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-employee-wearing-formal-white-shirt-walking-hallway-holding-hand-her-face-having-serious-confident-look_343059-2160.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Grade Oud",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Blends",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Luxury",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="AHLAM INCENSE"
|
||||
description="Luxury Oud Redefined"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-decorating-her-home-with-orchids_23-2150960684.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-compostable-beauty-product-flowers_23-2149353143.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-employee-wearing-formal-white-shirt-walking-hallway-holding-hand-her-face-having-serious-confident-look_343059-2160.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "User 5" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
buttons={[{ text: "Shop Now", href: "#products" }, { text: "Our Story", href: "#" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Handcrafted Excellence" },
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Premium Grade Oud" },
|
||||
{ type: "text", text: "Artisanal Blends" },
|
||||
{ type: "text", text: "Global Luxury" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Royal Amber Oud",
|
||||
price: "$60",
|
||||
variant: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquor-beautiful-glass-bottle_176474-6070.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Midnight Musk Oud",
|
||||
price: "$55",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-jar-blends-ancient-beauty-nature-design-generated-by-ai_188544-26224.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Golden Sandal Oud",
|
||||
price: "$50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/luxury-golden-design-perfume-logo_23-2148458759.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Desert Rose Oud",
|
||||
price: "$65",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-purple-tea-buds_23-2148349663.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pure Black Oud",
|
||||
price: "$70",
|
||||
variant: "Exotic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337761.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Exquisite scents handcrafted for the sophisticated soul."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Royal Amber Oud", price: "$60", variant: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/liquor-beautiful-glass-bottle_176474-6070.jpg" },
|
||||
{ id: "2", name: "Midnight Musk Oud", price: "$55", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/rustic-jar-blends-ancient-beauty-nature-design-generated-by-ai_188544-26224.jpg" },
|
||||
{ id: "3", name: "Golden Sandal Oud", price: "$50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-vector/luxury-golden-design-perfume-logo_23-2148458759.jpg" },
|
||||
{ id: "4", name: "Desert Rose Oud", price: "$65", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-purple-tea-buds_23-2148349663.jpg" },
|
||||
{ id: "5", name: "Pure Black Oud", price: "$70", variant: "Exotic", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337761.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Exquisite scents handcrafted for the sophisticated soul."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Best oud I’ve ever owned.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Smells rich and powerful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-decorating-her-home-with-orchids_23-2150960684.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrod",
|
||||
testimonial: "Luxury in a bottle.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-compostable-beauty-product-flowers_23-2149353143.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "An incredible sensory experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-employee-wearing-formal-white-shirt-walking-hallway-holding-hand-her-face-having-serious-confident-look_343059-2160.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "The depth of these scents is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our scent connoisseurs have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Best oud I’ve ever owned.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Smells rich and powerful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-decorating-her-home-with-orchids_23-2150960684.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "Luxury in a bottle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-compostable-beauty-product-flowers_23-2149353143.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "An incredible sensory experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-employee-wearing-formal-white-shirt-walking-hallway-holding-hand-her-face-having-serious-confident-look_343059-2160.jpg" },
|
||||
{ id: "5", name: "Elena V.", handle: "@elenav", testimonial: "The depth of these scents is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our scent connoisseurs have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Perfume Lovers"
|
||||
description="Join thousands who have elevated their home scent ritual."
|
||||
names={[
|
||||
"Vogue Living",
|
||||
"Luxury Daily",
|
||||
"Fragrance Monthly",
|
||||
"Architectural Digest",
|
||||
"Scent Weekly",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Perfume Lovers"
|
||||
description="Join thousands who have elevated their home scent ritual."
|
||||
names={["Vogue Living", "Luxury Daily", "Fragrance Monthly", "Architectural Digest", "Scent Weekly"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Oud"
|
||||
description="Discover the meticulous craftsmanship behind every Ahlam bottle."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Sustainably Sourced",
|
||||
description: "We partner with local harvesters to ensure the highest quality ethical agarwood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquor-beautiful-glass-bottle_176474-6070.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Artisanal Blending",
|
||||
description: "Each scent is matured for six months to achieve perfect aromatic complexity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-jar-blends-ancient-beauty-nature-design-generated-by-ai_188544-26224.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Oud"
|
||||
description="Discover the meticulous craftsmanship behind every Ahlam bottle."
|
||||
features={[
|
||||
{ id: 1, title: "Sustainably Sourced", description: "We partner with local harvesters to ensure the highest quality ethical agarwood.", imageSrc: "http://img.b2bpic.net/free-photo/liquor-beautiful-glass-bottle_176474-6070.jpg" },
|
||||
{ id: 2, title: "Artisanal Blending", description: "Each scent is matured for six months to achieve perfect aromatic complexity.", imageSrc: "http://img.b2bpic.net/free-photo/rustic-jar-blends-ancient-beauty-nature-design-generated-by-ai_188544-26224.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Ahlam Incense"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#" }, { label: "Shop", href: "#products" }, { label: "Contact", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Ahlam Incense"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user