Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8c14bbd951 | |||
| 0d28d0285d | |||
| e02a637e20 | |||
| 2b9d9572ef | |||
| debd7ccf57 |
151
src/app/page.tsx
151
src/app/page.tsx
@@ -32,65 +32,30 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "About", id: "about" },
|
||||||
{
|
{ name: "Products", id: "products" },
|
||||||
name: "About", id: "about"},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Products", id: "products"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Alyaan Perfume"
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DlC7dO4OkHvss25WwEI4u7OmkH/uploaded-1778847604292-7rvz96vp.png"
|
||||||
|
brandName="Alya'an Perfume"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
title="Timeless Elegance in Every Bottle"
|
title="Timeless Elegance in Every Bottle"
|
||||||
description="Elevate your daily presence with scents that command attention and linger in memory."
|
description="Elevate your daily presence with scents that command attention and linger in memory."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "20+", label: "Exclusive Scents" },
|
||||||
value: "20+", label: "Exclusive Scents"},
|
{ value: "100%", label: "Pure Essence" },
|
||||||
{
|
{ value: "Award", label: "Luxury Craft" },
|
||||||
value: "100%", label: "Pure Essence"},
|
|
||||||
{
|
|
||||||
value: "Award", label: "Luxury Craft"},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[{ text: "Explore Scents", href: "#products" }]}
|
||||||
{
|
|
||||||
text: "Explore Scents", href: "#products"},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg", alt: "Elegant vegan alcohol arrangement"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/pink-orchid-girly-arrangement_23-2148229212.jpg", alt: "Pink orchid next to girly arrangement"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-concept-table_23-2148229220.jpg", alt: "Luxurious lifestyle concept on table"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263175.jpg", alt: "Women's day still life with makeup and jewelry"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961351.jpg", alt: "Minimal beauty products composition"},
|
|
||||||
]}
|
|
||||||
avatarText="Join 500+ perfume enthusiasts"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text", text: "Sustainable Sourcing"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Artisan Crafted"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Rare Botanicals"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Enduring Elegance"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Global Inspiration"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -112,27 +77,8 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Rare Ingredients", description: "Sourced from the finest landscapes globally.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types-background_114579-8067.jpg"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/soap-making-ingredients-close-up_23-2148897599.jpg"},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Artisan Craft", description: "Hand-blended by master perfumers.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420646.jpg"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307252.jpg"},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Lasting Impression", description: "Long-wearing concentrations for enduring elegance.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721383.jpg"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-hearts_1048-4221.jpg"},
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
showStepNumbers={true}
|
showStepNumbers={true}
|
||||||
|
features={[]}
|
||||||
title="Defining Moments"
|
title="Defining Moments"
|
||||||
description="Why choose Alya'an? We believe in artistry that transcends the mundane."
|
description="Why choose Alya'an? We believe in artistry that transcends the mundane."
|
||||||
/>
|
/>
|
||||||
@@ -143,14 +89,7 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[]}
|
||||||
{
|
|
||||||
id: "m1", value: "15", title: "Master Blends", description: "Curated collections.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963092.jpg"},
|
|
||||||
{
|
|
||||||
id: "m2", value: "5k+", title: "Happy Clients", description: "Distinguished patrons.", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307222.jpg"},
|
|
||||||
{
|
|
||||||
id: "m3", value: "12", title: "Countries", description: "Global inspiration.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg"},
|
|
||||||
]}
|
|
||||||
title="Quality in Numbers"
|
title="Quality in Numbers"
|
||||||
description="Our commitment to excellence quantified."
|
description="Our commitment to excellence quantified."
|
||||||
/>
|
/>
|
||||||
@@ -162,20 +101,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[]}
|
||||||
{
|
|
||||||
id: "p1", name: "Midnight Bloom", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246381.jpg"},
|
|
||||||
{
|
|
||||||
id: "p2", name: "Golden Oud", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/glass-perfume-bottle-minimal-beauty-product-packaging-with-design-space_53876-126578.jpg"},
|
|
||||||
{
|
|
||||||
id: "p3", name: "Azure Musk", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/wet-daisies-close-up_23-2148151447.jpg"},
|
|
||||||
{
|
|
||||||
id: "p4", name: "Royal Amber", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420673.jpg"},
|
|
||||||
{
|
|
||||||
id: "p5", name: "Velvet Rose", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-fan-yellow-background_23-2148306729.jpg"},
|
|
||||||
{
|
|
||||||
id: "p6", name: "Sandalwood Noir", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/bottle-serum-based-soil-ingredients_23-2150756826.jpg"},
|
|
||||||
]}
|
|
||||||
title="Signature Collections"
|
title="Signature Collections"
|
||||||
description="Explore our curated selection of luxury fragrances."
|
description="Explore our curated selection of luxury fragrances."
|
||||||
/>
|
/>
|
||||||
@@ -185,18 +111,7 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[]}
|
||||||
{
|
|
||||||
id: "t1", title: "Exceptional", quote: "The most exquisite scent I have ever worn.", name: "Aisha K.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/holidays-spring-party-concept-portrait-tender-lovely-blond-woman-white-dress-dancing-joyfully-with-two-macarons-smiling-happy-eating-delicious-dessert-tasty-food-pink-background_1258-93862.jpg"},
|
|
||||||
{
|
|
||||||
id: "t2", title: "Refined", quote: "Alya'an redefined my daily presence.", name: "Omar F.", role: "Businessman", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336393.jpg"},
|
|
||||||
{
|
|
||||||
id: "t3", title: "Elegant", quote: "Pure perfection in a bottle.", name: "Sara M.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-dancer-listening-music-headphones-with-copy-space_23-2148417988.jpg"},
|
|
||||||
{
|
|
||||||
id: "t4", title: "Sophisticated", quote: "I get asked about my perfume daily.", name: "Youssef Z.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-girl-soft-colored-sweater-white-background-holds-small-cute-gift-boxes_343596-8024.jpg"},
|
|
||||||
{
|
|
||||||
id: "t5", title: "Unrivaled", quote: "Quality that speaks for itself.", name: "Leila B.", role: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg"},
|
|
||||||
]}
|
|
||||||
title="Loved by Aficionados"
|
title="Loved by Aficionados"
|
||||||
description="Hear what our distinguished clients say."
|
description="Hear what our distinguished clients say."
|
||||||
/>
|
/>
|
||||||
@@ -205,14 +120,7 @@ export default function LandingPage() {
|
|||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[]}
|
||||||
{
|
|
||||||
id: "f1", title: "What makes our perfume unique?", content: "We use 100% natural essences sourced from heritage farms."},
|
|
||||||
{
|
|
||||||
id: "f2", title: "Are these fragrances long-lasting?", content: "Yes, our high-concentration blends ensure endurance throughout the day."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "How should I store my perfume?", content: "Keep in a cool, dry place away from direct sunlight."},
|
|
||||||
]}
|
|
||||||
sideTitle="Expert Guidance"
|
sideTitle="Expert Guidance"
|
||||||
sideDescription="Common queries regarding our fragrances."
|
sideDescription="Common queries regarding our fragrances."
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
@@ -222,8 +130,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
tag="Get in Touch"
|
tag="Get in Touch"
|
||||||
title="Join Our Journey"
|
title="Join Our Journey"
|
||||||
description="Sign up for updates on our latest scent releases and exclusive boutique events."
|
description="Sign up for updates on our latest scent releases and exclusive boutique events."
|
||||||
@@ -234,28 +141,12 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DlC7dO4OkHvss25WwEI4u7OmkH/uploaded-1778847604292-7rvz96vp.png"
|
||||||
{
|
columns={[]}
|
||||||
items: [
|
logoText="Alya'an Perfume"
|
||||||
{
|
|
||||||
label: "Home", href: "#hero"},
|
|
||||||
{
|
|
||||||
label: "About", href: "#about"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Products", href: "#products"},
|
|
||||||
{
|
|
||||||
label: "Privacy", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="Alyaan Perfume"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user