bender/d5405fcd-e2c8-4770-b37d-cb360bb2bf86
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-04-15 08:09:39 +00:00
parent a99b375b67
commit 160a313c2a
1 changed files with 35 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
src/app/page.tsx
View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Skincare",
id: "skincare",
},
name: "Skincare", id: "skincare"},
{
name: "Makeup",
id: "makeup",
},
name: "Makeup", id: "makeup"},
{
name: "Bestsellers",
id: "trending",
},
name: "Bestsellers", id: "trending"},
]}
brandName="CosmokingBeauty"
/>
@@ -52,32 +44,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Your Personalized Beauty Destination"
description="Experience curated, authentic global beauty brands designed for your unique skin journey. Shop our premium collections today."
tag="100% Authentic Products"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/dried-floral-natural-design-space_53876-95509.jpg",
imageAlt: "Glowing skin serum visual",
},
imageSrc: "http://img.b2bpic.net/free-photo/dried-floral-natural-design-space_53876-95509.jpg", imageAlt: "Glowing skin serum visual"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420951.jpg",
imageAlt: "Glowing skin luxury shot",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7545.jpg",
imageAlt: "Young woman relaxing in spa salon",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-pearls-make-up_23-2148871305.jpg",
imageAlt: "Young woman with pearls make up",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/glow-glitter-portrait-beautiful-woman_23-2151934103.jpg",
imageAlt: "Glow glitter portrait of beautiful woman",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420951.jpg", imageAlt: "Glowing skin luxury shot"}
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -93,41 +68,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "L.A. Girl Concealer",
price: "₹699",
imageSrc: "http://img.b2bpic.net/free-photo/brown-glass-dropper-bottle-with-white-box-product-mockup_53876-143026.jpg",
},
id: "1", name: "L.A. Girl Concealer", price: "₹699", imageSrc: "http://img.b2bpic.net/free-photo/brown-glass-dropper-bottle-with-white-box-product-mockup_53876-143026.jpg"},
{
id: "2",
name: "Milani Foundation",
price: "₹1,299",
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263171.jpg",
},
id: "2", name: "Milani Foundation", price: "₹1,299", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263171.jpg"},
{
id: "3",
name: "Luxury Lipstick",
price: "₹899",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-frame-with-red-lipstick-rose_23-2148299633.jpg",
},
id: "3", name: "Luxury Lipstick", price: "₹899", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-frame-with-red-lipstick-rose_23-2148299633.jpg"},
{
id: "4",
name: "Glow Serum",
price: "₹1,499",
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-foundation_23-2149030367.jpg",
},
id: "4", name: "Glow Serum", price: "₹1,499", imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-foundation_23-2149030367.jpg"},
{
id: "5",
name: "Makeup Palette",
price: "₹1,899",
imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-sky-clouds_23-2150260932.jpg",
},
id: "5", name: "Makeup Palette", price: "₹1,899", imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-sky-clouds_23-2150260932.jpg"},
{
id: "6",
name: "Daily Cleanser",
price: "₹799",
imageSrc: "http://img.b2bpic.net/free-photo/female-model-summer-makeup-with-light-tones_114579-9353.jpg",
},
id: "6", name: "Daily Cleanser", price: "₹799", imageSrc: "http://img.b2bpic.net/free-photo/female-model-summer-makeup-with-light-tones_114579-9353.jpg"},
]}
title="Bestsellers & Trending"
description="Discover the beauty products everyone is talking about."
@@ -142,20 +93,11 @@ export default function LandingPage() {
tag="Personalized Shopping"
accordionItems={[
{
id: "q1",
title: "What's your skin type?",
content: "Choose between Oily, Dry, or Combination skin.",
},
id: "q1", title: "What's your skin type?", content: "Choose between Oily, Dry, or Combination skin."},
{
id: "q2",
title: "What's your goal?",
content: "Tell us if you need hydration, coverage, or anti-aging.",
},
id: "q2", title: "What's your goal?", content: "Tell us if you need hydration, coverage, or anti-aging."},
{
id: "q3",
title: "Shade Finder",
content: "Our AI finds the perfect shade match for your foundation.",
},
id: "q3", title: "Shade Finder", content: "Our AI finds the perfect shade match for your foundation."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409649.jpg"
mediaAnimation="slide-up"
@@ -169,40 +111,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
handle: "@sarahm",
testimonial: "The best place to buy authentic makeup online. Amazing service!",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466343.jpg",
},
id: "t1", name: "Sarah Miller", handle: "@sarahm", testimonial: "The best place to buy authentic makeup online. Amazing service!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466343.jpg"},
{
id: "t2",
name: "John Doe",
handle: "@johnd",
testimonial: "Loved the shade finder tool. Perfectly matches my skin!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-portrait_23-2151936985.jpg",
},
id: "t2", name: "John Doe", handle: "@johnd", testimonial: "Loved the shade finder tool. Perfectly matches my skin!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-portrait_23-2151936985.jpg"},
{
id: "t3",
name: "Emily R",
handle: "@emilyr",
testimonial: "Fast shipping and genuine products. Will order again.",
imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184348.jpg",
},
id: "t3", name: "Emily R", handle: "@emilyr", testimonial: "Fast shipping and genuine products. Will order again.", imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184348.jpg"},
{
id: "t4",
name: "Mark S",
handle: "@marks",
testimonial: "The bundle deals are fantastic. Great value for money.",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-woman-doing-sports-morning-sunrise-sea-beach-holding-yoga-mat-bottle-water-healthy-lifestyle-listening-music-earphones-wearing-pink-windbreaker-jacket_285396-5638.jpg",
},
id: "t4", name: "Mark S", handle: "@marks", testimonial: "The bundle deals are fantastic. Great value for money.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-woman-doing-sports-morning-sunrise-sea-beach-holding-yoga-mat-bottle-water-healthy-lifestyle-listening-music-earphones-wearing-pink-windbreaker-jacket_285396-5638.jpg"},
{
id: "t5",
name: "Lucy K",
handle: "@lucyk",
testimonial: "Excellent variety of international brands. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1003.jpg",
},
id: "t5", name: "Lucy K", handle: "@lucyk", testimonial: "Excellent variety of international brands. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1003.jpg"},
]}
title="Loved by Thousands"
description="See why our community trusts CosmokingBeauty."
@@ -213,8 +130,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Join our Community"
title="Get 10% OFF Your First Order"
description="Sign up for our newsletter to get the latest beauty trends, expert tips, and exclusive offers delivered to your inbox."
@@ -228,54 +144,33 @@ export default function LandingPage() {
logoText="CosmokingBeauty"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Policies",
items: [
title: "Policies", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
],
},
]}
@@ -284,4 +179,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}