From 5af3acf5b17786a58940a307d89fe311715bd622 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 05:13:35 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 339 +++++++++++------------------------------------ 1 file changed, 74 insertions(+), 265 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 82466ca..a1935db 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,29 +33,17 @@ export default function LandingPage() { @@ -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() { @@ -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"}, ], }, ]}