bender/d2ce6976-7953-409c-8bf4-e0dfbf0b9b4b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-23 12:39:48 +00:00
parent 39f172e597
commit 0d3e377781
1 changed files with 52 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

262
src/app/page.tsx
View File

@@ -34,21 +34,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Collections",
id: "#collections",
},
name: "Collections", id: "#collections"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Shop",
id: "#shop",
},
name: "Shop", id: "#shop"},
]}
brandName="Glossy Ara"
/>
@@ -60,39 +52,23 @@ export default function LandingPage() {
description="Where timeless elegance meets modern luxury. Discover beauty curated by Afiya."
buttons={[
{
text: "Shop Now",
href: "#shop",
},
text: "Shop Now", href: "#shop"},
{
text: "Explore",
href: "#about",
},
text: "Explore", href: "#about"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-products-arrangement_23-2149249585.jpg?_wi=1",
imageAlt: "Luxury beauty editorial",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-products-arrangement_23-2149249585.jpg", imageAlt: "Luxury beauty editorial"},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-beige-wedding-shoes-circled-around-engagement-ring-middle_8353-10521.jpg?_wi=1",
imageAlt: "Elegant lifestyle portrait",
},
imageSrc: "http://img.b2bpic.net/free-photo/white-beige-wedding-shoes-circled-around-engagement-ring-middle_8353-10521.jpg", imageAlt: "Elegant lifestyle portrait"},
{
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-powder-plant_23-2149030354.jpg",
imageAlt: "Cosmetic detail shot",
},
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-powder-plant_23-2149030354.jpg", imageAlt: "Cosmetic detail shot"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-long-black-hair-dark-green-dress-posing-chair_613910-11094.jpg",
imageAlt: "Feminine aesthetic style",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-long-black-hair-dark-green-dress-posing-chair_613910-11094.jpg", imageAlt: "Feminine aesthetic style"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-charcoal-different-forms_23-2149654126.jpg",
imageAlt: "Minimalist beauty campaign",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-charcoal-different-forms_23-2149654126.jpg", imageAlt: "Minimalist beauty campaign"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-transgender-posing_23-2149154631.jpg",
imageAlt: "Luxury cosmetic advertisement",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-transgender-posing_23-2149154631.jpg", imageAlt: "Luxury cosmetic advertisement"},
]}
/>
</div>
@@ -105,25 +81,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100+",
title: "Artisan Items",
description: "Curated selection.",
icon: Sparkles,
id: "m1", value: "100+", title: "Artisan Items", description: "Curated selection.", icon: Sparkles,
},
{
id: "m2",
value: "10k+",
title: "Happy Clients",
description: "Global satisfaction.",
icon: Heart,
id: "m2", value: "10k+", title: "Happy Clients", description: "Global satisfaction.", icon: Heart,
},
{
id: "m3",
value: "5*",
title: "Rated Quality",
description: "Exceeding expectations.",
icon: Star,
id: "m3", value: "5*", title: "Rated Quality", description: "Exceeding expectations.", icon: Star,
},
]}
title="Crafted with <em>Precision</em>"
@@ -135,30 +99,16 @@ export default function LandingPage() {
<FeatureBento
textboxLayout="split"
useInvertedBackground={true}
animationType="slide-up"
features={[
{
title: "Natural Ingredients",
description: "Only the finest elements.",
bentoComponent: "reveal-icon",
icon: Leaf,
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232242.jpg",
imageAlt: "Skin regeneration product still life",
title: "Natural Ingredients", description: "Only the finest elements.", bentoComponent: "reveal-icon", icon: Leaf,
},
{
title: "Artisan Crafting",
description: "Handcrafted for luxury.",
bentoComponent: "reveal-icon",
icon: Palette,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-products-arrangement_23-2149249585.jpg?_wi=2",
imageAlt: "Skin regeneration product still life",
title: "Artisan Crafting", description: "Handcrafted for luxury.", bentoComponent: "reveal-icon", icon: Palette,
},
{
title: "Global Reach",
description: "Bringing beauty to all.",
bentoComponent: "reveal-icon",
icon: Globe,
imageSrc: "http://img.b2bpic.net/free-photo/white-beige-wedding-shoes-circled-around-engagement-ring-middle_8353-10521.jpg?_wi=2",
imageAlt: "Skin regeneration product still life",
title: "Global Reach", description: "Bringing beauty to all.", bentoComponent: "reveal-icon", icon: Globe,
},
]}
title="The Glossy <em>Ara</em> Vision"
@@ -174,41 +124,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Silk Glow Cream",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-product-arrangement-sand_23-2148761480.jpg",
},
id: "p1", name: "Silk Glow Cream", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-product-arrangement-sand_23-2148761480.jpg"},
{
id: "p2",
name: "Radiance Serum",
price: "$68",
imageSrc: "http://img.b2bpic.net/free-photo/amber-dropper-bottle-stacked-white-stones_9975-134661.jpg",
},
id: "p2", name: "Radiance Serum", price: "$68", imageSrc: "http://img.b2bpic.net/free-photo/amber-dropper-bottle-stacked-white-stones_9975-134661.jpg"},
{
id: "p3",
name: "Velvet Lip Balm",
price: "$25",
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-blushes_23-2149030355.jpg",
},
id: "p3", name: "Velvet Lip Balm", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-blushes_23-2149030355.jpg"},
{
id: "p4",
name: "Gold Face Oil",
price: "$52",
imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047762.jpg",
},
id: "p4", name: "Gold Face Oil", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047762.jpg"},
{
id: "p5",
name: "Soft Touch Lotion",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg",
},
id: "p5", name: "Soft Touch Lotion", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg"},
{
id: "p6",
name: "Deep Calm Mask",
price: "$42",
imageSrc: "http://img.b2bpic.net/free-photo/face-wash-tech-device-with-minimalist-monochrome-background_23-2150763323.jpg",
},
id: "p6", name: "Deep Calm Mask", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/face-wash-tech-device-with-minimalist-monochrome-background_23-2150763323.jpg"},
]}
title="Shop Our <em>Collections</em>"
description="From daily essentials to exclusive statements, find your perfect glow."
@@ -222,45 +148,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@sarahbeauty",
testimonial: "The glow is unmatched! Truly premium results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-carefree-teenage-girl-with-bun-hairstyle-looks-happily-away-wears-stylish-green-costume-white-boots-blue-eyeliner-feels-good-poses-against-grey-concrete-wall-urban-lifestyle-concept_273609-57790.jpg",
},
id: "t1", name: "Sarah J.", handle: "@sarahbeauty", testimonial: "The glow is unmatched! Truly premium results.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-carefree-teenage-girl-with-bun-hairstyle-looks-happily-away-wears-stylish-green-costume-white-boots-blue-eyeliner-feels-good-poses-against-grey-concrete-wall-urban-lifestyle-concept_273609-57790.jpg"},
{
id: "t2",
name: "Emily R.",
handle: "@emstyle",
testimonial: "Glossy Ara has completely transformed my daily routine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
},
id: "t2", name: "Emily R.", handle: "@emstyle", testimonial: "Glossy Ara has completely transformed my daily routine.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg"},
{
id: "t3",
name: "Michael K.",
handle: "@mkbeauty",
testimonial: "Sophisticated ingredients and beautiful packaging.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg",
},
id: "t3", name: "Michael K.", handle: "@mkbeauty", testimonial: "Sophisticated ingredients and beautiful packaging.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg"},
{
id: "t4",
name: "Linda V.",
handle: "@lvmakeup",
testimonial: "I love the artisan feel of the products.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg",
},
id: "t4", name: "Linda V.", handle: "@lvmakeup", testimonial: "I love the artisan feel of the products.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg"},
{
id: "t5",
name: "Jessica L.",
handle: "@jessglow",
testimonial: "Simply the best skincare I've owned so far.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-front-view_23-2149708064.jpg",
},
id: "t5", name: "Jessica L.", handle: "@jessglow", testimonial: "Simply the best skincare I've owned so far.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-front-view_23-2149708064.jpg"},
]}
showRating={true}
title="Loved by <em>Many</em>"
@@ -273,14 +174,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"Harper's Bazaar",
"Cosmopolitan",
"Allure",
"Elle",
"Glamour",
"Vanity Fair",
]}
"Vogue", "Harper's Bazaar", "Cosmopolitan", "Allure", "Elle", "Glamour", "Vanity Fair"]}
title="Featured In"
description="Recognized by industry leaders for our commitment to beauty excellence."
/>
@@ -291,20 +185,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Are products vegan?",
content: "Yes, we prioritize cruelty-free ingredients.",
},
id: "f1", title: "Are products vegan?", content: "Yes, we prioritize cruelty-free ingredients."},
{
id: "f2",
title: "Shipping times?",
content: "Usually arrives within 3-5 business days.",
},
id: "f2", title: "Shipping times?", content: "Usually arrives within 3-5 business days."},
{
id: "f3",
title: "How to return?",
content: "Contact us within 14 days of purchase.",
},
id: "f3", title: "How to return?", content: "Contact us within 14 days of purchase."},
]}
sideTitle="Frequently Asked"
sideDescription="Everything you need to know about our products and ethics."
@@ -321,35 +206,11 @@ export default function LandingPage() {
description="Tips, trends, and tutorials for your radiant lifestyle."
blogs={[
{
id: "b1",
category: "Trends",
title: "Natural Glow",
excerpt: "How to achieve natural radiance daily.",
imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169884.jpg",
authorName: "Afiya",
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera_1301-6572.jpg",
date: "Oct 2023",
},
id: "b1", category: "Trends", title: "Natural Glow", excerpt: "How to achieve natural radiance daily.", imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169884.jpg", authorName: "Afiya", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera_1301-6572.jpg", date: "Oct 2023"},
{
id: "b2",
category: "Routine",
title: "Skincare 101",
excerpt: "Foundational steps for healthy skin.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-flowers_23-2148916407.jpg",
authorName: "Afiya",
authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
date: "Sept 2023",
},
id: "b2", category: "Routine", title: "Skincare 101", excerpt: "Foundational steps for healthy skin.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-flowers_23-2148916407.jpg", authorName: "Afiya", authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg", date: "Sept 2023"},
{
id: "b3",
category: "Lifestyle",
title: "Art of Beauty",
excerpt: "Slow down and practice self care.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418569.jpg",
authorName: "Afiya",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-pink-clothes-with-no-makeup-isolated-gray-drinking-coffee_158538-14933.jpg",
date: "Aug 2023",
},
id: "b3", category: "Lifestyle", title: "Art of Beauty", excerpt: "Slow down and practice self care.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418569.jpg", authorName: "Afiya", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-pink-clothes-with-no-makeup-isolated-gray-drinking-coffee_158538-14933.jpg", date: "Aug 2023"},
]}
/>
</div>
@@ -358,8 +219,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Join the <em>Afiya</em> Circle"
description="Get exclusive beauty updates and early access to drops."
tag="Newsletter"
@@ -372,49 +232,31 @@ export default function LandingPage() {
{
items: [
{
label: "Shop All",
href: "#shop",
},
label: "Shop All", href: "#shop"},
{
label: "About Afiya",
href: "#about",
},
label: "About Afiya", href: "#about"},
{
label: "Sustainability",
href: "#",
},
label: "Sustainability", href: "#"},
],
},
{
items: [
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
{
label: "Pinterest",
href: "#",
},
label: "Pinterest", href: "#"},
],
},
]}