bender/2ba62b4b-6e89-437c-b4f7-e3780963e6cf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 1 commits from version_2 into main 2026-03-22 03:40:13 +00:00
Conversation 0 Commits 1 Files Changed 1 +75 -75
1 changed files with 75 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
src/app/page.tsx
View File

@@ -28,7 +28,7 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Heroines"
brandName="Messi Clothes"
navItems={[
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
@@ -42,9 +42,9 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Radiant Skin Starts Here"
description="Discover premium skincare formulated with natural ingredients and scientific precision. Transform your complexion with Heroines—where luxury meets wellness."
tag="Dermatologist-Tested"
title="Champion Style, Every Day"
description="Step into the world of Messi Clothes—where legendary performance meets timeless fashion. Inspired by the greatest footballer of our era, our collection brings together premium quality, iconic design, and unmatched comfort for fans who demand excellence."
tag="Official Collection"
tagIcon={Shield}
tagAnimation="slide-up"
buttons={[
@@ -53,74 +53,74 @@ export default function LandingPage() {
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/assortment-cosmetic-bottles-jars_23-2152029108.jpg"
imageAlt="Premium skincare products"
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-man-wearing-white-shirt-black-pants_176420-7966.jpg"
imageAlt="Messi Clothes Collection"
mediaAnimation="slide-up"
testimonials={[
{
name: "Sarah Mitchell", handle: "@skincare_lover", testimonial: "My skin has never looked better. The results are incredible!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-caucasian-brunette-female-black-dress-looking-camera_273609-9531.jpg?_wi=1"
name: "Marco Antonini", handle: "@football_fan", testimonial: "The quality is exceptional. I feel like a champion wearing these clothes!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-outdoor_176420-3315.jpg?_wi=1"
},
{
name: "Jessica Chen", handle: "@wellness_journey", testimonial: "Finally found products that work for sensitive skin. Absolutely love it.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg?_wi=1"
name: "Diego Santos", handle: "@style_athlete", testimonial: "Perfect blend of comfort and style. Every piece is a masterpiece.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man_176420-2963.jpg?_wi=1"
},
{
name: "Emma Rodriguez", handle: "@beauty_essentials", testimonial: "The glow is real. Everyone asks what I'm using!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg?_wi=1"
name: "Carlos Rodriguez", handle: "@casual_luxury", testimonial: "These are the only clothes I wear now. Simply the best!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man_176420-8172.jpg?_wi=1"
},
{
name: "Olivia Brooks", handle: "@natural_beauty", testimonial: "Worth every penny. My favorite skincare brand.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg?_wi=1"
name: "Luis Martinez", handle: "@messi_supporter", testimonial: "Wearing Messi Clothes makes me feel connected to greatness.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-outdoors-casual-pose_176420-4921.jpg?_wi=1"
}
]}
avatars={[
{ src: "http://img.b2bpic.net/free-vector/pack-expressive-businesswoman-character-flat-design_23-2147606507.jpg", alt: "Customer avatar 1" },
{ src: "http://img.b2bpic.net/free-vector/colorful-women-pattern-with-flat-design_23-2147974483.jpg", alt: "Customer avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "Customer avatar 3" },
{ src: "http://img.b2bpic.net/free-vector/modern-avatars-different-women_23-2147672542.jpg", alt: "Customer avatar 4" }
{ src: "http://img.b2bpic.net/free-vector/pack-expressive-businessman-character-flat-design_23-2147606506.jpg", alt: "Customer avatar 1" },
{ src: "http://img.b2bpic.net/free-vector/colorful-men-pattern-with-flat-design_23-2147974482.jpg", alt: "Customer avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-man-smiling_1262-4730.jpg", alt: "Customer avatar 3" },
{ src: "http://img.b2bpic.net/free-vector/modern-avatars-different-men_23-2147672541.jpg", alt: "Customer avatar 4" }
]}
avatarText="Trusted by 10,000+ customers"
ariaLabel="Heroines skincare hero section"
avatarText="Trusted by 50,000+ fans worldwide"
ariaLabel="Messi Clothes hero section"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
title="Why Choose Heroines?"
description="We believe skincare should be both effective and luxurious. Every product is carefully crafted with premium natural ingredients, backed by scientific research, and cruelty-free."
tag="Our Story"
title="Experience the Messi Legacy"
description="Messi Clothes represents more than just apparel—it's a tribute to dedication, excellence, and the pursuit of perfection. Every piece is crafted with the same precision and quality that defines a champion, combining premium materials with innovative design to create clothing that inspires greatness."
tag="Our Vision"
tagIcon={Heart}
tagAnimation="slide-up"
bulletPoints={[
{
title: "Natural Ingredients", description: "Sourced from sustainable farms, our ingredients are pure and potent.", icon: Leaf
title: "Premium Quality", description: "Crafted with the finest materials and expert craftsmanship for durability and comfort.", icon: Star
},
{
title: "Science-Backed", description: "Formulated with dermatologists to deliver visible results.", icon: Beaker
title: "Iconic Design", description: "Inspired by legendary moments and timeless fashion that never goes out of style.", icon: Sparkles
},
{
title: "Cruelty-Free", description: "100% vegan and never tested on animals.", icon: Award
title: "Perfect Fit", description: "Engineered for optimal comfort and movement, whether on the pitch or in the streets.", icon: Award
},
{
title: "Sustainable", description: "Eco-friendly packaging and ethical sourcing practices.", icon: Globe
title: "Sustainable Production", description: "Committed to ethical manufacturing and eco-friendly practices for a better future.", icon: Globe
}
]}
imageSrc="http://img.b2bpic.net/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types-background_114579-8069.jpg"
imageAlt="Natural skincare ingredients"
imageSrc="http://img.b2bpic.net/free-photo/male-model-wearing-casual-outfit-posing_176420-2912.jpg"
imageAlt="Messi Clothes Collection Detail"
mediaAnimation="slide-up"
imagePosition="right"
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="About Heroines skincare brand"
ariaLabel="About Messi Clothes brand"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
title="Our Signature Collection"
description="Explore our carefully curated selection of premium skincare essentials designed to transform your daily routine."
tag="Featured Products"
title="Champion Collection"
description="Explore our curated selection of premium apparel designed for those who demand excellence in every stitch."
tag="Featured Items"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
@@ -129,25 +129,25 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "serum", name: "Luminous Glow Serum", price: "$64.00", imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016644.jpg", imageAlt: "Luminous Glow Serum bottle"
id: "jersey", name: "Legacy Jersey", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sport-jersey-fabric_176420-5847.jpg", imageAlt: "Legacy Jersey"
},
{
id: "moisturizer", name: "Hydra Luxe Moisturizer", price: "$72.00", imageSrc: "http://img.b2bpic.net/free-photo/blank-steel-tin-isolated-with-copy-space_1194-639087.jpg", imageAlt: "Hydra Luxe Moisturizer jar"
id: "tracksuit", name: "Victory Tracksuit", price: "$149.00", imageSrc: "http://img.b2bpic.net/free-photo/athletic-wear-flat-lay_176420-8234.jpg", imageAlt: "Victory Tracksuit"
},
{
id: "cleanser", name: "Gentle Silk Cleanser", price: "$48.00", imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307212.jpg", imageAlt: "Gentle Silk Cleanser bottle"
id: "tshirt", name: "Icon T-Shirt", price: "$54.00", imageSrc: "http://img.b2bpic.net/free-photo/plain-white-tshirt-front-view_176420-1834.jpg", imageAlt: "Icon T-Shirt"
}
]}
carouselMode="buttons"
ariaLabel="Heroines product collection"
ariaLabel="Messi Clothes product collection"
/>
</div>
<div id="benefits" data-section="benefits">
<FeatureCardSeven
title="Transform Your Skin"
description="Experience visible results with our scientifically-formulated skincare line. Each product targets specific skin concerns with precision."
tag="Skincare Benefits"
title="Why Choose Messi Clothes?"
description="Experience the difference that true craftsmanship and legendary inspiration bring to everyday wear."
tag="Key Benefits"
tagIcon={Zap}
tagAnimation="slide-up"
textboxLayout="default"
@@ -156,25 +156,25 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Deep Hydration", description: "Lock in moisture for plump, dewy skin that radiates from within.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-towel-smiling-holding-glass_176420-12897.jpg", imageAlt: "Hydrated glowing skin"
title: "Unmatched Comfort", description: "Premium fabrics engineered for all-day wear with breathability and flexibility.", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-comfortable-casual-outfit-smiling_176420-3456.jpg", imageAlt: "Comfortable wearing experience"
},
{
id: 2,
title: "Anti-Aging Power", description: "Reduce fine lines and wrinkles while boosting skin elasticity.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-beautiful-women-looking-camera_23-2148206855.jpg", imageAlt: "Youthful glowing complexion"
title: "Timeless Style", description: "Classic designs that transcend trends, keeping you looking sharp season after season.", imageSrc: "http://img.b2bpic.net/free-photo/male-model-casual-formal-wear_176420-4789.jpg", imageAlt: "Stylish fashion forward look"
},
{
id: 3,
title: "Brightening Effect", description: "Even out skin tone and fade dark spots for a luminous complexion.", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-portrait-watching-camera_633478-1360.jpg", imageAlt: "Bright radiant skin"
title: "Durability Built In", description: "Engineered to last with superior stitching and premium material quality for years of wear.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-quality-fabric-texture_176420-5123.jpg", imageAlt: "Premium quality materials"
}
]}
ariaLabel="Heroines skincare benefits"
ariaLabel="Messi Clothes benefits"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Loved by Our Community"
description="Thousands of women have transformed their skin with Heroines. Here's what they have to say."
title="Loved by Champions"
description="Thousands of fans around the world have made Messi Clothes their go-to choice. See what they're saying."
tag="Customer Stories"
tagIcon={Star}
tagAnimation="slide-up"
@@ -185,30 +185,30 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "1", name: "Sarah Mitchell", role: "Makeup Artist", company: "Beauty Studios NYC", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-caucasian-brunette-female-black-dress-looking-camera_273609-9531.jpg?_wi=2"
id: "1", name: "Marco Antonini", role: "Football Coach", company: "AC Milan Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-man-outdoor_176420-2521.jpg?_wi=2"
},
{
id: "2", name: "Jessica Chen", role: "Wellness Coach", company: "Zen Living Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg?_wi=2"
id: "2", name: "Diego Santos", role: "Athlete", company: "Sports Performance", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-man-portrait_176420-3812.jpg?_wi=2"
},
{
id: "3", name: "Emma Rodriguez", role: "Fashion Designer", company: "Emma's Atelier", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg?_wi=2"
id: "3", name: "Carlos Rodriguez", role: "Fashion Influencer", company: "Style Collective", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-outdoors_176420-4156.jpg?_wi=2"
},
{
id: "4", name: "Olivia Brooks", role: "Entrepreneur", company: "Brooks Wellness", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg?_wi=2"
id: "4", name: "Luis Martinez", role: "Brand Ambassador", company: "Champion Sports", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoor-portrait_176420-5234.jpg?_wi=2"
}
]}
ariaLabel="Customer testimonials for Heroines skincare"
ariaLabel="Customer testimonials for Messi Clothes"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Simple, Transparent Pricing"
description="Choose the plan that fits your skincare journey. All plans include free shipping and a 30-day satisfaction guarantee."
title="Flexible Pricing Options"
description="Find the perfect plan that matches your style and budget. All orders include free shipping and our satisfaction guarantee."
tag="Pricing Plans"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -218,29 +218,29 @@ export default function LandingPage() {
carouselMode="buttons"
plans={[
{
id: "starter", name: "Starter Set", price: "$89.00", badge: "Popular", badgeIcon: Heart,
id: "essentials", name: "Essentials Pack", price: "$129.00", badge: "Popular", badgeIcon: Heart,
buttons: [{ text: "Get Started", href: "#" }],
features: ["Cleanser + Moisturizer", "Free shipping", "30-day guarantee", "Email support"]
features: ["1 Premium Jersey", "Free shipping", "30-day guarantee", "Email support"]
},
{
id: "complete", name: "Complete Collection", price: "$189.00", badge: "Best Value", badgeIcon: Sparkles,
id: "champion", name: "Champion Bundle", price: "$249.00", badge: "Best Value", badgeIcon: Sparkles,
buttons: [{ text: "Subscribe Now", href: "#" }],
features: ["All 3 signature products", "Free shipping", "30-day guarantee", "Priority support", "15% monthly discount"]
features: ["3 Premium Items", "Free shipping", "30-day guarantee", "Priority support", "15% monthly discount"]
},
{
id: "premium", name: "Premium Bundle", price: "$249.00", badge: "Exclusive", badgeIcon: Star,
id: "legend", name: "Legend Collection", price: "$399.00", badge: "Exclusive", badgeIcon: Star,
buttons: [{ text: "Upgrade Now", href: "#" }],
features: ["Full skincare collection", "Exclusive items", "Free priority shipping", "60-day guarantee", "VIP concierge support", "20% monthly discount"]
features: ["Complete wardrobe set", "Exclusive items", "Free priority shipping", "60-day guarantee", "VIP concierge support", "20% monthly discount"]
}
]}
ariaLabel="Heroines pricing plans"
ariaLabel="Messi Clothes pricing plans"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Find answers to common questions about our skincare products and services."
description="Get answers to common questions about our products, shipping, and services."
tag="Help & Support"
tagIcon={HelpCircle}
tagAnimation="slide-up"
@@ -250,25 +250,25 @@ export default function LandingPage() {
animationType="smooth"
faqs={[
{
id: "1", title: "How long until I see results?", content: "Most customers see visible improvements in skin texture and hydration within 2-3 weeks of consistent use. For anti-aging benefits, allow 4-8 weeks of regular application for optimal results."
id: "1", title: "What is the sizing like?", content: "Our sizing follows international standards. We recommend checking our detailed size chart before ordering. If you're between sizes, we suggest going up for a more comfortable fit. All items include a 30-day return policy."
},
{
id: "2", title: "Are your products suitable for sensitive skin?", content: "Yes! Our formulations are dermatologist-tested and hypoallergenic. However, we recommend performing a patch test first. If you have severe sensitivities, consult with a dermatologist before use."
id: "2", title: "How should I care for my clothes?", content: "For best results, wash in cold water with similar colors and hang dry. Avoid bleach and high heat. Our premium fabrics are designed to maintain their quality wash after wash. Check the care tag on each item for specific instructions."
},
{
id: "3", title: "Can I use all products together?", content: "Absolutely. Our products are designed to work synergistically. We recommend: cleanse, apply serum, then moisturize. For best results, use morning and night."
id: "3", title: "Do you offer international shipping?", content: "Yes! We ship to over 100 countries worldwide. Orders over $150 qualify for free international shipping. Delivery typically takes 10-20 business days depending on your location."
},
{
id: "4", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee on all orders. If you're not happy with your purchase, simply return it for a full refund. No questions asked."
id: "4", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee on all orders. If you're not completely satisfied, simply return it for a full refund or exchange. Return shipping is free for defective items."
},
{
id: "5", title: "Are your products vegan and cruelty-free?", content: "Yes, 100% vegan and cruelty-free. We never test on animals and source all ingredients ethically from sustainable suppliers."
id: "5", title: "Are your products ethically produced?", content: "Absolutely. All our clothing is manufactured in facilities that meet strict ethical standards. We ensure fair wages, safe working conditions, and environmentally responsible production practices."
},
{
id: "6", title: "Do you ship internationally?", content: "Yes, we ship to over 50 countries worldwide. International orders include free shipping on orders over $150. Delivery typically takes 10-15 business days."
id: "6", title: "How often do you release new designs?", content: "We release new collections seasonally, with limited edition items dropping monthly. Subscribe to our newsletter to stay updated on the latest releases and exclusive early access to new items."
}
]}
ariaLabel="Heroines skincare FAQ section"
ariaLabel="Messi Clothes FAQ section"
/>
</div>
@@ -280,7 +280,7 @@ export default function LandingPage() {
{ label: "All Products", href: "#products" },
{ label: "New Arrivals", href: "#" },
{ label: "Best Sellers", href: "#" },
{ label: "Gift Sets", href: "#" }
{ label: "Collections", href: "#" }
]
},
{
@@ -307,10 +307,10 @@ export default function LandingPage() {
]
}
]}
copyrightText="© 2024 Heroines Skincare. All rights reserved."
copyrightText="© 2024 Messi Clothes. All rights reserved."
ariaLabel="Footer navigation"
/>
</div>
</ThemeProvider>
);
}
}