bender/56575b80-940f-4e4b-a25b-092d341ed753
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-30 14:11:48 +00:00
parent c53977ef51 2e8b0db4d8
commit 6d9226db50
1 changed files with 64 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/nature-foliage-wallpaper_53876-89853.jpg"
logoAlt="BeautyBloom Logo"
@@ -62,97 +50,64 @@ export default function LandingPage() {
bottomLeftText="Embrace Your Radiance"
bottomRightText="hello@beautybloom.com"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Unveil Your Natural Radiance with BeautyBloom"
description="Experience luxurious skincare crafted with nature's finest ingredients. Our innovative formulas are designed to nourish, protect, and rejuvenate your skin for a visibly healthier, more luminous glow."
kpis={[
{
value: "100%",
label: "Natural",
},
value: "100%", label: "Natural"},
{
value: "24/7",
label: "Support",
},
value: "24/7", label: "Support"},
{
value: "50K+",
label: "Happy Clients",
},
value: "50K+", label: "Happy Clients"},
]}
enableKpiAnimation={true}
tag="Elevate Your Beauty"
buttons={[
{
text: "Explore Products",
href: "#products",
},
text: "Explore Products", href: "#products"},
{
text: "Our Story",
href: "#about",
},
text: "Our Story", href: "#about"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
alt: "Sarah M.",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", alt: "Sarah M."},
{
src: "http://img.b2bpic.net/free-photo/joyful-young-pretty-woman-laughing_141793-116950.jpg",
alt: "John D.",
},
src: "http://img.b2bpic.net/free-photo/joyful-young-pretty-woman-laughing_141793-116950.jpg", alt: "John D."},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-female-sitting-bench-outdoor_613910-10356.jpg",
alt: "Emily R.",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-female-sitting-bench-outdoor_613910-10356.jpg", alt: "Emily R."},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiling-african-american-woman-with-dark-curly-hair-smiling-camera-near-with-copy-space-your-advertisement-colorful-background-space-text_574295-4835.jpg",
alt: "Jessica P.",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiling-african-american-woman-with-dark-curly-hair-smiling-camera-near-with-copy-space-your-advertisement-colorful-background-space-text_574295-4835.jpg", alt: "Jessica P."},
{
src: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg",
alt: "Maria C.",
},
src: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg", alt: "Maria C."},
]}
avatarText="Join our community of radiant beauties!"
imageSrc="http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg"
imageAlt="Radiant woman with clear skin applying serum"
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Natural Ingredients",
icon: Leaf,
type: "text-icon", text: "Natural Ingredients", icon: Leaf,
},
{
type: "text-icon",
text: "Ethical Sourcing",
icon: Heart,
type: "text-icon", text: "Ethical Sourcing", icon: Heart,
},
{
type: "text-icon",
text: "Dermatologist Tested",
icon: ShieldCheck,
type: "text-icon", text: "Dermatologist Tested", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Visible Results",
icon: Sparkles,
type: "text-icon", text: "Visible Results", icon: Sparkles,
},
{
type: "text-icon",
text: "Cruelty-Free",
icon: Feather,
type: "text-icon", text: "Cruelty-Free", icon: Feather,
},
]}
/>
@@ -163,14 +118,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Commitment to Pure, Effective Beauty"
description={[
"At BeautyBloom, we believe true beauty starts with nature. We meticulously source the finest organic ingredients from around the globe, combining ancient wisdom with modern scientific advancements to create skincare that's both gentle and powerfully effective.",
"Every product is a testament to our dedication to purity, sustainability, and results. We formulate without harmful chemicals, parabens, or synthetic fragrances, ensuring a clean and ethical approach to beauty that you can trust. Discover the difference natural ingredients can make for your skin.",
]}
"At BeautyBloom, we believe true beauty starts with nature. We meticulously source the finest organic ingredients from around the globe, combining ancient wisdom with modern scientific advancements to create skincare that's both gentle and powerfully effective.", "Every product is a testament to our dedication to purity, sustainability, and results. We formulate without harmful chemicals, parabens, or synthetic fragrances, ensuring a clean and ethical approach to beauty that you can trust. Discover the difference natural ingredients can make for your skin."]}
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
buttonAnimation="slide-up"
showBorder={false}
@@ -184,67 +135,34 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Botanical Brilliance",
description: "Harnessing the power of rare botanicals for unparalleled skin nourishment.",
bentoComponent: "media-stack",
items: [
title: "Botanical Brilliance", description: "Harnessing the power of rare botanicals for unparalleled skin nourishment.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-with-hands-holding-plants_23-2149628188.jpg",
imageAlt: "Hand applying skincare serum",
},
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-with-hands-holding-plants_23-2149628188.jpg", imageAlt: "Hand applying skincare serum"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fresh-green-leaves-covered-with-dewdrops_181624-18356.jpg",
imageAlt: "Close up of dewy rose petals",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fresh-green-leaves-covered-with-dewdrops_181624-18356.jpg", imageAlt: "Close up of dewy rose petals"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-applying-mask-near-mirror_23-2147787920.jpg",
imageAlt: "Woman relaxing with a face mask",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/nature-foliage-wallpaper_53876-89853.jpg",
imageAlt: "skincare serum application hand",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-applying-mask-near-mirror_23-2147787920.jpg", imageAlt: "Woman relaxing with a face mask"},
]
},
{
title: "Luxurious Rituals",
description: "Transform your daily routine into a moment of pure indulgence and self-care.",
bentoComponent: "media-stack",
items: [
title: "Luxurious Rituals", description: "Transform your daily routine into a moment of pure indulgence and self-care.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316671.jpg",
imageAlt: "Close up of dewy rose petals",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316671.jpg", imageAlt: "Close up of dewy rose petals"},
{
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-spa-treatment_23-2152003650.jpg",
imageAlt: "Woman relaxing with a face mask",
},
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-spa-treatment_23-2152003650.jpg", imageAlt: "Woman relaxing with a face mask"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466340.jpg",
imageAlt: "Hand applying skincare serum",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg?_wi=2",
imageAlt: "skincare serum application hand",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466340.jpg", imageAlt: "Hand applying skincare serum"},
]
},
{
title: "Visible Transformation",
description: "Witness a noticeable improvement in skin tone, texture, and radiance.",
bentoComponent: "media-stack",
items: [
title: "Visible Transformation", description: "Witness a noticeable improvement in skin tone, texture, and radiance.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-face-mask_1157-15439.jpg",
imageAlt: "Woman relaxing with a face mask",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-face-mask_1157-15439.jpg", imageAlt: "Woman relaxing with a face mask"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-woman-pink_23-2149488272.jpg",
imageAlt: "Hand applying skincare serum",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-woman-pink_23-2149488272.jpg", imageAlt: "Hand applying skincare serum"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dried-pink-rose-reflection-round-mirror_53876-101428.jpg",
imageAlt: "Close up of dewy rose petals",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
imageAlt: "skincare serum application hand",
imageSrc: "http://img.b2bpic.net/free-photo/dried-pink-rose-reflection-round-mirror_53876-101428.jpg", imageAlt: "Close up of dewy rose petals"},
]
},
]}
title="Experience the BeautyBloom Difference"
@@ -260,47 +178,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "serum-glow",
name: "Radiant Glow Serum",
price: "$59.00",
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-dropper-white-stone_23-2148761458.jpg",
imageAlt: "Radiant Glow Serum bottle",
},
id: "serum-glow", name: "Radiant Glow Serum", price: "$59.00", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-dropper-white-stone_23-2148761458.jpg", imageAlt: "Radiant Glow Serum bottle"},
{
id: "cream-hydra",
name: "Deep Hydration Cream",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept-creme_23-2147672794.jpg",
imageAlt: "Deep Hydration Cream jar",
},
id: "cream-hydra", name: "Deep Hydration Cream", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept-creme_23-2147672794.jpg", imageAlt: "Deep Hydration Cream jar"},
{
id: "wash-pure",
name: "Purifying Cleansing Wash",
price: "$28.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-blue-bottle-soaps-white-background_23-2148241915.jpg",
imageAlt: "Purifying Cleansing Wash bottle",
},
id: "wash-pure", name: "Purifying Cleansing Wash", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-blue-bottle-soaps-white-background_23-2148241915.jpg", imageAlt: "Purifying Cleansing Wash bottle"},
{
id: "toner-rose",
name: "Rose Bloom Toner",
price: "$32.00",
imageSrc: "http://img.b2bpic.net/free-photo/single-skincare-bottle-white-background-with-rose-green-leaves_181624-29790.jpg",
imageAlt: "Rose Bloom Toner spray bottle",
},
id: "toner-rose", name: "Rose Bloom Toner", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/single-skincare-bottle-white-background-with-rose-green-leaves_181624-29790.jpg", imageAlt: "Rose Bloom Toner spray bottle"},
{
id: "cream-eye",
name: "Age-Defying Eye Cream",
price: "$68.00",
imageSrc: "http://img.b2bpic.net/free-photo/body-butter-with-leaves-marble-background_23-2148241808.jpg",
imageAlt: "Age-Defying Eye Cream tube",
},
id: "cream-eye", name: "Age-Defying Eye Cream", price: "$68.00", imageSrc: "http://img.b2bpic.net/free-photo/body-butter-with-leaves-marble-background_23-2148241808.jpg", imageAlt: "Age-Defying Eye Cream tube"},
{
id: "sun-protect",
name: "Daily UV Protect SPF 30",
price: "$38.00",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg",
imageAlt: "Daily UV Protect SPF 30 tube",
},
id: "sun-protect", name: "Daily UV Protect SPF 30", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg", imageAlt: "Daily UV Protect SPF 30 tube"},
]}
title="Our Signature Collections"
description="Discover our exquisite range of skincare essentials, each designed to bring out your natural glow."
@@ -315,50 +203,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Chloe S.",
role: "Blogger",
company: "Beauty Insider",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-happy-asian-girl-with-beautiful-exotic-face-posing-garden_273443-638.jpg",
imageAlt: "Chloe S.",
},
id: "1", name: "Chloe S.", role: "Blogger", company: "Beauty Insider", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-happy-asian-girl-with-beautiful-exotic-face-posing-garden_273443-638.jpg", imageAlt: "Chloe S."},
{
id: "2",
name: "Mark L.",
role: "Graphic Designer",
company: "Creative Minds",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-young-man_23-2148121857.jpg",
imageAlt: "Mark L.",
},
id: "2", name: "Mark L.", role: "Graphic Designer", company: "Creative Minds", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-young-man_23-2148121857.jpg", imageAlt: "Mark L."},
{
id: "3",
name: "Isabella V.",
role: "Entrepreneur",
company: "Bloom Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
imageAlt: "Isabella V.",
},
id: "3", name: "Isabella V.", role: "Entrepreneur", company: "Bloom Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg", imageAlt: "Isabella V."},
{
id: "4",
name: "David K.",
role: "Marketing Specialist",
company: "Digital Waves",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-female-leader-standing-table_1262-5860.jpg",
imageAlt: "David K.",
},
id: "4", name: "David K.", role: "Marketing Specialist", company: "Digital Waves", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-female-leader-standing-table_1262-5860.jpg", imageAlt: "David K."},
{
id: "5",
name: "Sophia G.",
role: "Student",
company: "University of Arts",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-without-makeup-summer-hipster-white-dress-clothes-posing-street-background-sunglights-face_158538-12815.jpg",
imageAlt: "Sophia G.",
},
id: "5", name: "Sophia G.", role: "Student", company: "University of Arts", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-without-makeup-summer-hipster-white-dress-clothes-posing-street-background-sunglights-face_158538-12815.jpg", imageAlt: "Sophia G."},
]}
title="What Our Customers Say"
description="Hear from those who have experienced the transformative power of BeautyBloom."
@@ -371,25 +229,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Are your products truly natural and organic?",
content: "Yes, BeautyBloom products are formulated with a high percentage of natural and certified organic ingredients. We prioritize purity and transparency, ensuring our products are free from harsh chemicals, parabens, and synthetic fragrances.",
},
id: "faq-1", title: "Are your products truly natural and organic?", content: "Yes, BeautyBloom products are formulated with a high percentage of natural and certified organic ingredients. We prioritize purity and transparency, ensuring our products are free from harsh chemicals, parabens, and synthetic fragrances."},
{
id: "faq-2",
title: "Are your products cruelty-free and vegan?",
content: "Absolutely! We are proud to be a cruelty-free brand, and none of our products or ingredients are tested on animals. Many of our formulations are also vegan; please check individual product descriptions for specific details.",
},
id: "faq-2", title: "Are your products cruelty-free and vegan?", content: "Absolutely! We are proud to be a cruelty-free brand, and none of our products or ingredients are tested on animals. Many of our formulations are also vegan; please check individual product descriptions for specific details."},
{
id: "faq-3",
title: "What is the shelf life of BeautyBloom products?",
content: "Our products typically have a shelf life of 12-24 months unopened. Once opened, we recommend using them within 6-12 months for optimal freshness and efficacy. Refer to the PAO (Period After Opening) symbol on the packaging.",
},
id: "faq-3", title: "What is the shelf life of BeautyBloom products?", content: "Our products typically have a shelf life of 12-24 months unopened. Once opened, we recommend using them within 6-12 months for optimal freshness and efficacy. Refer to the PAO (Period After Opening) symbol on the packaging."},
{
id: "faq-4",
title: "Do you offer samples or travel sizes?",
content: "We occasionally offer sample kits or travel-sized versions of our popular products. Please subscribe to our newsletter or check our website regularly for updates on availability and special promotions.",
},
id: "faq-4", title: "Do you offer samples or travel sizes?", content: "We occasionally offer sample kits or travel-sized versions of our popular products. Please subscribe to our newsletter or check our website regularly for updates on availability and special promotions."},
]}
title="Frequently Asked Questions"
description="Find answers to common inquiries about our products and brand."
@@ -401,8 +247,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Connect With Us"
title="Get Your Glow On"
description="Have questions or need personalized skincare advice? Reach out to our beauty experts."
@@ -423,13 +268,9 @@ export default function LandingPage() {
logoAlt="BeautyBloom Logo"
logoText="BeautyBloom"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>