Merge version_1 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="LuxeBeauty"
|
||||
/>
|
||||
@@ -56,94 +48,53 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Define Your Radiance"
|
||||
description="Discover high-performance makeup designed for the modern muse. Elevate your natural beauty with clean, bold, and luxurious essentials."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Chloe",
|
||||
handle: "@makeupqueen",
|
||||
testimonial: "Absolutely the best foundation I have ever used. Feels weightless and looks incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
},
|
||||
name: "Chloe", handle: "@makeupqueen", testimonial: "Absolutely the best foundation I have ever used. Feels weightless and looks incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg"},
|
||||
{
|
||||
name: "Sophia",
|
||||
handle: "@beautyguru",
|
||||
testimonial: "The pigment on these palettes is unmatched. Highly recommended for daily wear.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-lovely-tanned-young-woman-standing-balcony-near-green-plant-smiling-laughing-out-loud-look-adorable-grin-camera-talking-casually-coworker-veranda-enjoy-perfect-sunny-summer-days_197531-30354.jpg",
|
||||
},
|
||||
name: "Sophia", handle: "@beautyguru", testimonial: "The pigment on these palettes is unmatched. Highly recommended for daily wear.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-lovely-tanned-young-woman-standing-balcony-near-green-plant-smiling-laughing-out-loud-look-adorable-grin-camera-talking-casually-coworker-veranda-enjoy-perfect-sunny-summer-days_197531-30354.jpg"},
|
||||
{
|
||||
name: "Elena",
|
||||
handle: "@styleseeker",
|
||||
testimonial: "My go-to store for all things beauty. Quality is consistent and delivery is lightning fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg",
|
||||
},
|
||||
name: "Elena", handle: "@styleseeker", testimonial: "My go-to store for all things beauty. Quality is consistent and delivery is lightning fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg"},
|
||||
{
|
||||
name: "Mia",
|
||||
handle: "@glamlife",
|
||||
testimonial: "Love the minimalist packaging! LuxeBeauty products are a staple in my routine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-making-make-up-near-mirror-home_1301-7731.jpg",
|
||||
},
|
||||
name: "Mia", handle: "@glamlife", testimonial: "Love the minimalist packaging! LuxeBeauty products are a staple in my routine.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-making-make-up-near-mirror-home_1301-7731.jpg"},
|
||||
{
|
||||
name: "Olivia",
|
||||
handle: "@beautybuzz",
|
||||
testimonial: "The lipsticks stay on all day and don't dry out my lips. Just perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girl-summer-field_1157-25015.jpg",
|
||||
},
|
||||
name: "Olivia", handle: "@beautybuzz", testimonial: "The lipsticks stay on all day and don't dry out my lips. Just perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girl-summer-field_1157-25015.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-collection-supplies-one-color_23-2149669197.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-collection-supplies-one-color_23-2149669197.jpg"
|
||||
imageAlt="Luxurious makeup collection"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-women-taking-selfie-together-after-session-shopping_23-2148673258.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-women-taking-selfie-together-after-session-shopping_23-2148673258.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-applies-makeup-shows-beauty-tutorial-video-records-vlog_1258-254500.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-applies-makeup-shows-beauty-tutorial-video-records-vlog_1258-254500.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-young-woman-pink-dress-poses-before-sakura-tree-full-pink-flowers_8353-7281.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-young-woman-pink-dress-poses-before-sakura-tree-full-pink-flowers_8353-7281.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ beauty lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free",
|
||||
},
|
||||
type: "text", text: "Cruelty-Free"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Long-Wearing",
|
||||
},
|
||||
type: "text", text: "Long-Wearing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vegan Beauty",
|
||||
},
|
||||
type: "text", text: "Vegan Beauty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Grade",
|
||||
},
|
||||
type: "text", text: "Professional Grade"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Highly Pigmented",
|
||||
},
|
||||
type: "text", text: "Highly Pigmented"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,37 +114,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vegan & Cruelty-Free",
|
||||
description: "Kind to the planet, kind to your skin. We only use ethically sourced ingredients.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hydroalcoholic-gel-close-up_23-2148858945.jpg",
|
||||
title: "Vegan & Cruelty-Free", description: "Kind to the planet, kind to your skin. We only use ethically sourced ingredients.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-collection-supplies-one-color_23-2149669197.jpg", imageAlt: "skincare and makeup routine aesthetic"
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-collection-supplies-one-color_23-2149669197.jpg?_wi=2",
|
||||
imageAlt: "skincare and makeup routine aesthetic",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Long-Wear Formulas",
|
||||
description: "Designed to last from day to night without smudging or fading.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9072.jpg",
|
||||
title: "Long-Wear Formulas", description: "Designed to last from day to night without smudging or fading.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lipsticks-red-silk_23-2148978202.jpg", imageAlt: "skincare and makeup routine aesthetic"
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lipsticks-red-silk_23-2148978202.jpg?_wi=1",
|
||||
imageAlt: "skincare and makeup routine aesthetic",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Professional Pigmentation",
|
||||
description: "Rich colors that show up beautifully on every skin tone and texture.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastel-pink-cream-smear-texture_53876-126186.jpg",
|
||||
title: "Professional Pigmentation", description: "Rich colors that show up beautifully on every skin tone and texture.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-eyeshadow-white-background_23-2150252039.jpg", imageAlt: "skincare and makeup routine aesthetic"
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-eyeshadow-white-background_23-2150252039.jpg?_wi=1",
|
||||
imageAlt: "skincare and makeup routine aesthetic",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why You Will Love LuxeBeauty"
|
||||
@@ -209,41 +148,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Lipstick",
|
||||
price: "$28.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lipsticks-red-silk_23-2148978202.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Signature Lipstick", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lipsticks-red-silk_23-2148978202.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velvet Shadow Palette",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-eyeshadow-white-background_23-2150252039.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Velvet Shadow Palette", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-eyeshadow-white-background_23-2150252039.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luminous Foundation",
|
||||
price: "$38.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-foundation-containers-assortment_23-2149705552.jpg",
|
||||
},
|
||||
id: "p3", name: "Luminous Foundation", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-foundation-containers-assortment_23-2149705552.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Duo Cream Blush",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/makeup-powder-with-set-brushes_23-2148113259.jpg",
|
||||
},
|
||||
id: "p4", name: "Duo Cream Blush", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/makeup-powder-with-set-brushes_23-2148113259.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Extreme Volume Mascara",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105254.jpg",
|
||||
},
|
||||
id: "p5", name: "Extreme Volume Mascara", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105254.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Skin Perfector Concealer",
|
||||
price: "$24.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345067.jpg",
|
||||
},
|
||||
id: "p6", name: "Skin Perfector Concealer", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345067.jpg"},
|
||||
]}
|
||||
title="Shop Our Bestsellers"
|
||||
description="The products everyone is talking about."
|
||||
@@ -255,14 +170,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Allure",
|
||||
"Elle",
|
||||
"Cosmopolitan",
|
||||
"Marie Claire",
|
||||
"Glamour",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "Allure", "Elle", "Cosmopolitan", "Marie Claire", "Glamour"]}
|
||||
title="Trusted by Beauty Icons"
|
||||
description="Featured in leading beauty publications and media."
|
||||
/>
|
||||
@@ -273,30 +181,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-demonstrating-new-cosmetics-looking-involved_259150-60083.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-demonstrating-new-cosmetics-looking-involved_259150-60083.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-smile_53876-41100.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-smile_53876-41100.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-brunette-woman-with-evening-makeup-perfect-clean-skin-sexy-model-with-curly-hair-posing-studio-with-red-bright-natural-lips_158538-23943.jpg",
|
||||
},
|
||||
id: "t3", name: "Jordan M.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-brunette-woman-with-evening-makeup-perfect-clean-skin-sexy-model-with-curly-hair-posing-studio-with-red-bright-natural-lips_158538-23943.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chloe L.",
|
||||
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-12795.jpg",
|
||||
},
|
||||
id: "t4", name: "Chloe L.", 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-12795.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Avery P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-placing-yellow-flower-her-ear_23-2148049728.jpg",
|
||||
},
|
||||
id: "t5", name: "Avery P.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-placing-yellow-flower-her-ear_23-2148049728.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Our Community"
|
||||
cardTag="Testimonials"
|
||||
@@ -310,20 +203,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your products cruelty-free?",
|
||||
content: "Yes, we are 100% cruelty-free and vegan.",
|
||||
},
|
||||
id: "f1", title: "Are your products cruelty-free?", content: "Yes, we are 100% cruelty-free and vegan."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is shipping?",
|
||||
content: "Shipping usually takes 3-5 business days.",
|
||||
},
|
||||
id: "f2", title: "How long is shipping?", content: "Shipping usually takes 3-5 business days."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we offer returns within 30 days of purchase.",
|
||||
},
|
||||
id: "f3", title: "Can I return items?", content: "Yes, we offer returns within 30 days of purchase."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products."
|
||||
@@ -335,8 +219,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Newsletter"
|
||||
title="Join the Glow Club"
|
||||
description="Get exclusive access to new launches, beauty tips, and special discounts."
|
||||
@@ -349,29 +232,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user