bender/9cdb346e-e93f-455c-aee6-9fd6809f0353
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-06-12 05:13:35 +00:00
parent cd1014657b
commit 5af3acf5b1
1 changed files with 74 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

339
src/app/page.tsx
View File

@@ -33,29 +33,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-photo/eye-shadow-palette-makeup-beauty-cosmetics_23-2151983302.jpg"
logoAlt="Radiant Beauty Logo"
@@ -66,72 +54,44 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Unleash Your Inner Radiance"
description="Discover premium makeup designed to empower your unique beauty. Experience flawless finishes and vibrant colors that inspire confidence."
tag="New Arrivals"
tagIcon={Sparkles}
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Explore Collections",
href: "#features",
},
text: "Explore Collections", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-girl-model-with-evening-makeup-romantic-hairstyle-red-lips_158538-9193.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-girl-model-with-evening-makeup-romantic-hairstyle-red-lips_158538-9193.jpg"
imageAlt="Woman applying luminous foundation with glowing skin"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-brunette-with-makeup-wavy-hair-bare-shoulders-posing-smiling_1098-17770.jpg",
alt: "Happy customer Sophia",
},
src: "http://img.b2bpic.net/free-photo/beautiful-brunette-with-makeup-wavy-hair-bare-shoulders-posing-smiling_1098-17770.jpg", alt: "Happy customer Sophia"},
{
src: "http://img.b2bpic.net/free-photo/lady-with-glowing-look-applying-face-cream-camera-using-moisturizer-sunscreen-cheeks-flawless-young-model-being-confident-positive-about-dermatology-products-self-love_482257-66629.jpg",
alt: "Glowing skin model Olivia",
},
src: "http://img.b2bpic.net/free-photo/lady-with-glowing-look-applying-face-cream-camera-using-moisturizer-sunscreen-cheeks-flawless-young-model-being-confident-positive-about-dermatology-products-self-love_482257-66629.jpg", alt: "Glowing skin model Olivia"},
{
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-1223.jpg",
alt: "Confident beauty enthusiast Ava",
},
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-1223.jpg", alt: "Confident beauty enthusiast Ava"},
{
src: "http://img.b2bpic.net/free-photo/bride-getting-makeup-ready-wedding-side-view_23-2149860809.jpg",
alt: "Skilled MUA Isabella",
},
src: "http://img.b2bpic.net/free-photo/bride-getting-makeup-ready-wedding-side-view_23-2149860809.jpg", alt: "Skilled MUA Isabella"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-beauty-content-creator-sitting-room-front-digital-camera_1258-281860.jpg",
alt: "Influencer with bright smile Mia",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-beauty-content-creator-sitting-room-front-digital-camera_1258-281860.jpg", alt: "Influencer with bright smile Mia"},
]}
avatarText="Loved by 5K+ beauty enthusiasts worldwide."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/wavy-text-collage-concept_52683-104224.jpg",
alt: "Vogue Beauty Logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/wavy-text-collage-concept_52683-104224.jpg", alt: "Vogue Beauty Logo"},
{
type: "text",
text: "Featured in Allure",
},
type: "text", text: "Featured in Allure"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/8-march-inscription-with-rose-petals-envelope-eye-shadows_23-2148055095.jpg",
alt: "Cosmopolitan Logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/8-march-inscription-with-rose-petals-envelope-eye-shadows_23-2148055095.jpg", alt: "Cosmopolitan Logo"},
{
type: "text",
text: "Harper's Bazaar Pick",
},
type: "text", text: "Harper's Bazaar Pick"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/label-collection-with-vintage-style_23-2147842739.jpg",
alt: "Glamour Magazine Logo",
},
type: "image", src: "http://img.b2bpic.net/free-vector/label-collection-with-vintage-style_23-2147842739.jpg", alt: "Glamour Magazine Logo"},
]}
/>
</div>
@@ -143,20 +103,14 @@ export default function LandingPage() {
description="Radiant Beauty is dedicated to creating high-quality, cruelty-free makeup that celebrates individuality. We believe in empowering every person to express their unique style with confidence and creativity."
metrics={[
{
value: "100%",
title: "Cruelty-Free",
},
value: "100%", title: "Cruelty-Free"},
{
value: "Vegan",
title: "Formulations",
},
value: "Vegan", title: "Formulations"},
{
value: "5K+",
title: "Happy Customers",
},
value: "5K+", title: "Happy Customers"},
]}
tag="Our Story"
imageSrc="http://img.b2bpic.net/free-photo/spa-composition-with-items-body-care-colored-wall_169016-1629.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/spa-composition-with-items-body-care-colored-wall_169016-1629.jpg"
imageAlt="Minimalist beauty lab with clean aesthetic"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -170,46 +124,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Vibrant Color Payoff",
description: "Experience intense, long-lasting pigments that pop with every application. Our formulas ensure true-to-pan color.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/different-lip-balm-shades-view_23-2149518391.jpg",
imageAlt: "Makeup palette with vibrant colors",
},
title: "Vibrant Color Payoff", description: "Experience intense, long-lasting pigments that pop with every application. Our formulas ensure true-to-pan color.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/different-lip-balm-shades-view_23-2149518391.jpg", imageAlt: "Makeup palette with vibrant colors"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-brow-brush_23-2149626961.jpg",
imageAlt: "Woman applying lipstick",
},
imageSrc: "http://img.b2bpic.net/free-photo/eye-shadow-palette-makeup-beauty-cosmetics_23-2151983302.jpg",
imageAlt: "makeup palette vibrant colors swatches",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-brow-brush_23-2149626961.jpg", imageAlt: "Woman applying lipstick"}
},
{
title: "Skin-Loving Formulas",
description: "Infused with nourishing ingredients, our makeup not only beautifies but also cares for your skin, promoting a healthy glow.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/container-white-paper-green-leaf_23-2149353089.jpg",
imageAlt: "Skincare products with natural ingredients",
},
title: "Skin-Loving Formulas", description: "Infused with nourishing ingredients, our makeup not only beautifies but also cares for your skin, promoting a healthy glow.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/container-white-paper-green-leaf_23-2149353089.jpg", imageAlt: "Skincare products with natural ingredients"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-girl-beauty-blogger-recording-vlog-her-bedroom-doing-makeup-tutorial_1258-281646.jpg",
imageAlt: "Person using facial roller",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-model-with-evening-makeup-romantic-hairstyle-red-lips_158538-9193.jpg?_wi=2",
imageAlt: "makeup palette vibrant colors swatches",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-girl-beauty-blogger-recording-vlog-her-bedroom-doing-makeup-tutorial_1258-281646.jpg", imageAlt: "Person using facial roller"}
},
{
title: "Effortless Application",
description: "Designed for ease of use, our products blend seamlessly for a professional finish, whether you're a beginner or a pro.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-packing-small-bag_23-2149764847.jpg",
imageAlt: "Professional makeup brushes set",
},
title: "Effortless Application", description: "Designed for ease of use, our products blend seamlessly for a professional finish, whether you're a beginner or a pro.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-packing-small-bag_23-2149764847.jpg", imageAlt: "Professional makeup brushes set"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-manicure-home_1163-3831.jpg",
imageAlt: "Woman doing makeup tutorial on tablet",
},
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-items-body-care-colored-wall_169016-1629.jpg?_wi=2",
imageAlt: "makeup palette vibrant colors swatches",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-manicure-home_1163-3831.jpg", imageAlt: "Woman doing makeup tutorial on tablet"}
},
]}
showStepNumbers={true}
@@ -226,53 +156,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p-1",
name: "Luminous Foundation",
price: "$38.00",
variant: "All Shades",
imageSrc: "http://img.b2bpic.net/free-photo/red-serum-bottle-with-dropper_187299-47252.jpg",
imageAlt: "Luminous liquid foundation bottle",
},
id: "p-1", name: "Luminous Foundation", price: "$38.00", variant: "All Shades", imageSrc: "http://img.b2bpic.net/free-photo/red-serum-bottle-with-dropper_187299-47252.jpg", imageAlt: "Luminous liquid foundation bottle"},
{
id: "p-2",
name: "Velvet Matte Lipstick",
price: "$22.00",
variant: "Ruby Red",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-pink-lipsticks_23-2148978201.jpg",
imageAlt: "Velvet matte lipstick tube in ruby red",
},
id: "p-2", name: "Velvet Matte Lipstick", price: "$22.00", variant: "Ruby Red", imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-pink-lipsticks_23-2148978201.jpg", imageAlt: "Velvet matte lipstick tube in ruby red"},
{
id: "p-3",
name: "Radiant Eyeshadow Palette",
price: "$45.00",
variant: "Warm Neutrals",
imageSrc: "http://img.b2bpic.net/free-photo/eye-shadow-detail_23-2148136574.jpg",
imageAlt: "Radiant eyeshadow palette with warm neutral shades",
},
id: "p-3", name: "Radiant Eyeshadow Palette", price: "$45.00", variant: "Warm Neutrals", imageSrc: "http://img.b2bpic.net/free-photo/eye-shadow-detail_23-2148136574.jpg", imageAlt: "Radiant eyeshadow palette with warm neutral shades"},
{
id: "p-4",
name: "Petal Glow Blush",
price: "$28.00",
variant: "Dusty Rose",
imageSrc: "http://img.b2bpic.net/free-photo/face-powder-brush-yellow-background_127675-2594.jpg",
imageAlt: "Petal glow blush compact in dusty rose",
},
id: "p-4", name: "Petal Glow Blush", price: "$28.00", variant: "Dusty Rose", imageSrc: "http://img.b2bpic.net/free-photo/face-powder-brush-yellow-background_127675-2594.jpg", imageAlt: "Petal glow blush compact in dusty rose"},
{
id: "p-5",
name: "Length & Volume Mascara",
price: "$20.00",
variant: "Black",
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-girl-applying-eyelashes-mascara-very-happy-excited-winner-expression-celebrating-victory-screaming-with-big-smile-raised-hands_839833-17944.jpg",
imageAlt: "Length and volume mascara wand",
},
id: "p-5", name: "Length & Volume Mascara", price: "$20.00", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-girl-applying-eyelashes-mascara-very-happy-excited-winner-expression-celebrating-victory-screaming-with-big-smile-raised-hands_839833-17944.jpg", imageAlt: "Length and volume mascara wand"},
{
id: "p-6",
name: "Diamond Glow Highlighter",
price: "$30.00",
variant: "Champagne Pop",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350644.jpg",
imageAlt: "Diamond glow highlighter palette",
},
id: "p-6", name: "Diamond Glow Highlighter", price: "$30.00", variant: "Champagne Pop", imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350644.jpg", imageAlt: "Diamond glow highlighter palette"},
]}
title="Our Signature Collections"
description="Discover our most popular makeup essentials, crafted for every skin tone and style. Find your new holy grail."
@@ -284,15 +178,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue Beauty",
"Allure",
"Cosmopolitan",
"Harper's Bazaar",
"Glamour",
"Beauty Insider",
"Elle",
"Marie Claire",
]}
"Vogue Beauty", "Allure", "Cosmopolitan", "Harper's Bazaar", "Glamour", "Beauty Insider", "Elle", "Marie Claire"]}
title="As Seen In & Loved By"
description="Proudly featured in leading beauty publications and trusted by top influencers."
speed={35}
@@ -308,50 +194,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t-1",
name: "Sophia L.",
role: "Beauty Enthusiast",
company: "Makeup Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-lady-beige-outfit-blows-kiss-takes-selfie-office-attractive-woman-white-blouse-poses-good-mood-apartment_197531-27465.jpg",
imageAlt: "Sophia L.",
},
id: "t-1", name: "Sophia L.", role: "Beauty Enthusiast", company: "Makeup Fan", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-lady-beige-outfit-blows-kiss-takes-selfie-office-attractive-woman-white-blouse-poses-good-mood-apartment_197531-27465.jpg", imageAlt: "Sophia L."},
{
id: "t-2",
name: "Olivia M.",
role: "Professional MUA",
company: "Glam Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg",
imageAlt: "Olivia M.",
},
id: "t-2", name: "Olivia M.", role: "Professional MUA", company: "Glam Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg", imageAlt: "Olivia M."},
{
id: "t-3",
name: "Ava P.",
role: "Content Creator",
company: "Beauty Vlogger",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-natural-elements_23-2148201393.jpg",
imageAlt: "Ava P.",
},
id: "t-3", name: "Ava P.", role: "Content Creator", company: "Beauty Vlogger", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-natural-elements_23-2148201393.jpg", imageAlt: "Ava P."},
{
id: "t-4",
name: "Isabella R.",
role: "Everyday User",
company: "Cosmetics Lover",
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_158538-12785.jpg",
imageAlt: "Isabella R.",
},
id: "t-4", name: "Isabella R.", role: "Everyday User", company: "Cosmetics Lover", 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_158538-12785.jpg", imageAlt: "Isabella R."},
{
id: "t-5",
name: "Mia S.",
role: "Skincare Blogger",
company: "Glow Up",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-woman-with-bright-make-up-making-ponytail-studio-closeup-portrait-young_7502-10397.jpg",
imageAlt: "Mia S.",
},
id: "t-5", name: "Mia S.", role: "Skincare Blogger", company: "Glow Up", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-woman-with-bright-make-up-making-ponytail-studio-closeup-portrait-young_7502-10397.jpg", imageAlt: "Mia S."},
]}
title="What Our Customers Say"
description="Hear directly from our community about their Radiant Beauty experience."
@@ -364,25 +220,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "Are your products cruelty-free and vegan?",
content: "Yes, all Radiant Beauty products are 100% cruelty-free and vegan. We never test on animals and our formulations contain no animal-derived ingredients.",
},
id: "faq-1", title: "Are your products cruelty-free and vegan?", content: "Yes, all Radiant Beauty products are 100% cruelty-free and vegan. We never test on animals and our formulations contain no animal-derived ingredients."},
{
id: "faq-2",
title: "What is your return policy?",
content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your purchase, you can return it for a full refund or exchange within 30 days of receipt.",
},
id: "faq-2", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your purchase, you can return it for a full refund or exchange within 30 days of receipt."},
{
id: "faq-3",
title: "Do you offer international shipping?",
content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more details on our shipping policy page.",
},
id: "faq-3", title: "Do you offer international shipping?", content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more details on our shipping policy page."},
{
id: "faq-4",
title: "How can I find my perfect foundation shade?",
content: "We offer a comprehensive shade matching guide on each foundation product page. You can also contact our customer service for personalized assistance.",
},
id: "faq-4", title: "How can I find my perfect foundation shade?", content: "We offer a comprehensive shade matching guide on each foundation product page. You can also contact our customer service for personalized assistance."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our products, orders, and policies."
@@ -394,18 +238,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
text="Ready to glow? Get in touch with us for inquiries, collaborations, or just to say hello. Our beauty experts are here to help you shine."
buttons={[
{
text: "Email Us",
href: "mailto:hello@radiantbeauty.com",
},
text: "Email Us", href: "mailto:hello@radiantbeauty.com"},
{
text: "Visit Our Store",
href: "#",
},
text: "Visit Our Store", href: "#"},
]}
/>
</div>
@@ -415,75 +254,45 @@ export default function LandingPage() {
logoText="Radiant Beauty"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Foundations",
href: "#products",
},
label: "Foundations", href: "#products"},
{
label: "Lipsticks",
href: "#products",
},
label: "Lipsticks", href: "#products"},
{
label: "Eyeshadows",
href: "#products",
},
label: "Eyeshadows", href: "#products"},
{
label: "Blushes",
href: "#products",
},
label: "Blushes", href: "#products"},
],
},
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Sustainability",
href: "#",
},
label: "Sustainability", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Shipping & Returns",
href: "#",
},
label: "Shipping & Returns", href: "#"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Instagram",
href: "https://instagram.com/radiantbeauty",
},
label: "Instagram", href: "https://instagram.com/radiantbeauty"},
{
label: "Facebook",
href: "https://facebook.com/radiantbeauty",
},
label: "Facebook", href: "https://facebook.com/radiantbeauty"},
{
label: "Pinterest",
href: "https://pinterest.com/radiantbeauty",
},
label: "Pinterest", href: "https://pinterest.com/radiantbeauty"},
],
},
]}