Merge version_1_1781440271766 into main #1
@@ -12,225 +12,153 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="RJBeauty"
|
||||
description="Beauty That Works. Ingredients You Trust. Discover RJBeauty's curated collection of clean, effective skincare and cosmetics. Every product tested. Every ingredient transparent."
|
||||
primaryButton={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238337.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="RJBeauty"
|
||||
description="Beauty That Works. Ingredients You Trust. Discover RJBeauty's curated collection of clean, effective skincare and cosmetics. Every product tested. Every ingredient transparent."
|
||||
primaryButton={{
|
||||
text: "Shop Now", href: "#products"}}
|
||||
secondaryButton={{
|
||||
text: "Our Story", href: "#about"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238337.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Transparency First"
|
||||
title="Clean Beauty Without Compromise"
|
||||
description="We believe in radical ingredient transparency. Every formula is carefully curated for efficacy and safety, ensuring you get the most out of your skincare ritual."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-fish-eggs-with-word-fish-them_91008-486.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Transparency First"
|
||||
title="Clean Beauty Without Compromise"
|
||||
description="We believe in radical ingredient transparency. Every formula is carefully curated for efficacy and safety, ensuring you get the most out of your skincare ritual."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-fish-eggs-with-word-fish-them_91008-486.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBorderGlow
|
||||
tag="Our Standard"
|
||||
title="Quality You Can Feel"
|
||||
description="We set the industry bar high with stringent testing and curated standards."
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Dermatologically Tested",
|
||||
description: "All products pass rigorous safety testing for sensitive skin types.",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "100% Transparent",
|
||||
description: "Full ingredient lists on every label with clear sourcing details.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Effective Results",
|
||||
description: "Clinical potency matched with gentle, nourishing botanicals.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Standard"
|
||||
title="Quality You Can Feel"
|
||||
description="We set the industry bar high with stringent testing and curated standards."
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Dermatologically Tested", description: "All products pass rigorous safety testing for sensitive skin types."},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "100% Transparent", description: "Full ingredient lists on every label with clear sourcing details."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Effective Results", description: "Clinical potency matched with gentle, nourishing botanicals."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Curated Collection"
|
||||
title="Best Sellers"
|
||||
description="Shop our top-rated essentials loved by our community."
|
||||
items={[
|
||||
{
|
||||
title: "Hydrating Serum",
|
||||
description: "Daily boost for healthy skin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-with-green-background_23-2149249583.jpg",
|
||||
},
|
||||
{
|
||||
title: "Renewal Cream",
|
||||
description: "Overnight restoration formula.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232280.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gentle Cleanser",
|
||||
description: "Perfect for all skin types.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-high-angle_23-2149030366.jpg",
|
||||
},
|
||||
{
|
||||
title: "Clay Mask",
|
||||
description: "Deep clean and detox treatment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-glass-dropper-bottle-with-white-box-product-mockup_53876-143026.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tinted Balm",
|
||||
description: "Subtle, natural everyday color.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macadamia-body-lotion-skin-cream_1150-42822.jpg",
|
||||
},
|
||||
{
|
||||
title: "Night Essence",
|
||||
description: "Restorative facial treatment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cream-based-soil-ingredients_23-2150756794.jpg",
|
||||
},
|
||||
{
|
||||
title: "Daily Sunscreen",
|
||||
description: "Broad spectrum protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167919.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Curated Collection"
|
||||
title="Best Sellers"
|
||||
description="Shop our top-rated essentials loved by our community."
|
||||
items={[
|
||||
{
|
||||
title: "Hydrating Serum", description: "Daily boost for healthy skin.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-with-green-background_23-2149249583.jpg"},
|
||||
{
|
||||
title: "Renewal Cream", description: "Overnight restoration formula.", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232280.jpg"},
|
||||
{
|
||||
title: "Gentle Cleanser", description: "Perfect for all skin types.", imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-high-angle_23-2149030366.jpg"},
|
||||
{
|
||||
title: "Clay Mask", description: "Deep clean and detox treatment.", imageSrc: "http://img.b2bpic.net/free-photo/brown-glass-dropper-bottle-with-white-box-product-mockup_53876-143026.jpg"},
|
||||
{
|
||||
title: "Tinted Balm", description: "Subtle, natural everyday color.", imageSrc: "http://img.b2bpic.net/free-photo/macadamia-body-lotion-skin-cream_1150-42822.jpg"},
|
||||
{
|
||||
title: "Night Essence", description: "Restorative facial treatment.", imageSrc: "http://img.b2bpic.net/free-photo/cream-based-soil-ingredients_23-2150756794.jpg"},
|
||||
{
|
||||
title: "Daily Sunscreen", description: "Broad spectrum protection.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167919.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Proven Impact"
|
||||
title="By The Numbers"
|
||||
description="The results speak for themselves."
|
||||
metrics={[
|
||||
{
|
||||
value: "50K+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
description: "Tested Ingredients",
|
||||
},
|
||||
{
|
||||
value: "4.8/5",
|
||||
description: "Avg Product Rating",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Proven Impact"
|
||||
title="By The Numbers"
|
||||
description="The results speak for themselves."
|
||||
metrics={[
|
||||
{
|
||||
value: "50K+", description: "Happy Customers"},
|
||||
{
|
||||
value: "100%", description: "Tested Ingredients"},
|
||||
{
|
||||
value: "4.8/5", description: "Avg Product Rating"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Community"
|
||||
title="What Our Community Says"
|
||||
description="Real results, real transformations."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Skincare Enthusiast",
|
||||
quote: "Finally found products that don't irritate my sensitive skin. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-face-closeup-isolated-black-background-beautiful-model-girl-makeup-gorgeous-lady-with-perfect-skin_639032-159.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
role: "Verified Buyer",
|
||||
quote: "The transparency is incredible. I know exactly what I'm putting on my face.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-mirror_23-2150100205.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Beauty Blogger",
|
||||
quote: "RJBeauty has become the core of my daily routine. My skin has never looked better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warm-portrait-beautiful-young-brunette_8353-5051.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Gift Buyer",
|
||||
quote: "Bought this for my wife and she absolutely loves it. Great customer service too.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021782.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica W.",
|
||||
role: "Loyal Customer",
|
||||
quote: "Clean, effective, and beautiful packaging. What more could you ask for?",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-summer-field-brunette-white-dress_1157-39415.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Community"
|
||||
title="What Our Community Says"
|
||||
description="Real results, real transformations."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", role: "Skincare Enthusiast", quote: "Finally found products that don't irritate my sensitive skin. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-face-closeup-isolated-black-background-beautiful-model-girl-makeup-gorgeous-lady-with-perfect-skin_639032-159.jpg"},
|
||||
{
|
||||
name: "Michael T.", role: "Verified Buyer", quote: "The transparency is incredible. I know exactly what I'm putting on my face.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-mirror_23-2150100205.jpg"},
|
||||
{
|
||||
name: "Emily R.", role: "Beauty Blogger", quote: "RJBeauty has become the core of my daily routine. My skin has never looked better.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warm-portrait-beautiful-young-brunette_8353-5051.jpg"},
|
||||
{
|
||||
name: "David L.", role: "Gift Buyer", quote: "Bought this for my wife and she absolutely loves it. Great customer service too.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021782.jpg"},
|
||||
{
|
||||
name: "Jessica W.", role: "Loyal Customer", quote: "Clean, effective, and beautiful packaging. What more could you ask for?", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-summer-field-brunette-white-dress_1157-39415.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Common Queries"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to help."
|
||||
items={[
|
||||
{
|
||||
question: "Are all products vegan?",
|
||||
answer: "Yes, we are 100% cruelty-free and vegan-friendly.",
|
||||
},
|
||||
{
|
||||
question: "How long for shipping?",
|
||||
answer: "Standard shipping takes 3-5 business days.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer returns?",
|
||||
answer: "Yes, we have a 30-day money-back guarantee on all products.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Common Queries"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to help."
|
||||
items={[
|
||||
{
|
||||
question: "Are all products vegan?", answer: "Yes, we are 100% cruelty-free and vegan-friendly."},
|
||||
{
|
||||
question: "How long for shipping?", answer: "Standard shipping takes 3-5 business days."},
|
||||
{
|
||||
question: "Do you offer returns?", answer: "Yes, we have a 30-day money-back guarantee on all products."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in touch"
|
||||
text="Join our newsletter for exclusive beauty tips and early access to new collections."
|
||||
primaryButton={{
|
||||
text: "Subscribe Now",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in touch"
|
||||
text="Join our newsletter for exclusive beauty tips and early access to new collections."
|
||||
primaryButton={{
|
||||
text: "Subscribe Now", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user