Merge version_3 into main #2

Merged
bender merged 1 commits from version_3 into main 2026-04-29 03:54:30 +00:00

View File

@@ -6,11 +6,11 @@ import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Mail, Leaf, Droplet, Sprout, Wind, MessageSquare } from "lucide-react";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Leaf, Droplet, Sprout, Wind, MessageSquare, Mail, Phone, MapPin } from "lucide-react";
export default function SkincareTemplatePage() {
return (
@@ -30,10 +30,10 @@ export default function SkincareTemplatePage() {
<NavbarStyleCentered
brandName="Luminé Skincare"
navItems={[
{ name: "Moisturizers", id: "products" },
{ name: "Serums", id: "products" },
{ name: "Masks", id: "products" },
{ name: "Products", id: "products" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "reviews" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Shop Now", href: "#products" }}
@@ -76,15 +76,9 @@ export default function SkincareTemplatePage() {
title="Our Signature Collection"
description="Discover our carefully curated skincare essentials designed to nourish and revitalize your skin. Worldwide shipping available."
products={[
{
id: "1", name: "Hydrating Moisturizer", price: "$68", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp", imageAlt: "Hydrating Moisturizer bottle"
},
{
id: "2", name: "Radiance Serum", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp", imageAlt: "Radiance Serum bottle"
},
{
id: "3", name: "Purifying Face Mask", price: "$52", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp", imageAlt: "Purifying Face Mask jar"
}
{ id: "1", name: "Hydrating Moisturizer", price: "$68", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp", imageAlt: "Hydrating Moisturizer bottle" },
{ id: "2", name: "Radiance Serum", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp", imageAlt: "Radiance Serum bottle" },
{ id: "3", name: "Purifying Face Mask", price: "$52", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp", imageAlt: "Purifying Face Mask jar" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -98,20 +92,9 @@ export default function SkincareTemplatePage() {
title="Why Choose Luminé"
description="Scientifically-formulated skincare products that deliver visible results with natural, sustainable ingredients. Available for worldwide shipping."
features={[
{
title: "Worldwide Shipping", description: "Fast and reliable delivery to over 150 countries worldwide", bentoComponent: "globe"
},
{
title: "Clinically Proven", description: "Dermatologist-tested and proven effective in clinical trials", bentoComponent: "line-chart"
},
{
title: "Sustainable", description: "Eco-conscious packaging and ethical sourcing practices", bentoComponent: "orbiting-icons", centerIcon: Leaf,
items: [
{ icon: Droplet, ring: 1 },
{ icon: Sprout, ring: 2 },
{ icon: Wind, ring: 3 }
]
}
{ title: "Worldwide Shipping", description: "Fast and reliable delivery to over 150 countries worldwide", bentoComponent: "globe" },
{ title: "Clinically Proven", description: "Dermatologist-tested and proven effective in clinical trials", bentoComponent: "line-chart" },
{ title: "Sustainable", description: "Eco-conscious packaging and ethical sourcing practices", bentoComponent: "orbiting-icons", centerIcon: Leaf, items: [{ icon: Droplet, ring: 1 }, { icon: Sprout, ring: 2 }, { icon: Wind, ring: 3 }] }
]}
animationType="slide-up"
textboxLayout="default"
@@ -120,91 +103,55 @@ export default function SkincareTemplatePage() {
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFifteen
testimonial="Luminé skincare has completely transformed my routine. My skin feels more radiant and healthy than ever before. I love that it's made with natural ingredients I can trust. Plus, worldwide shipping made it so easy to get my products delivered wherever I am."
rating={5}
author="Sarah Mitchell, Beauty Editor"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif", alt: "Sarah Mitchell" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image6.avif", alt: "Customer testimonial" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image7.avif", alt: "Customer testimonial" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif", alt: "Customer testimonial" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
<TestimonialCardThirteen
title="Customer Love"
description="See what our community says about their skincare journey with Luminé."
showRating={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Mitchell", handle: "@sarahbeauty", testimonial: "The hydrating moisturizer completely changed my daily routine. My skin is glowing!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif" },
{ id: "2", name: "James Wilson", handle: "@jwilson_skincare", testimonial: "Fantastic customer service and even better products. The shipping was surprisingly fast.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image6.avif" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Everything you need to know about our skincare products, worldwide shipping, and delivery."
<FaqDouble
title="Help Center & FAQ"
description="Find answers regarding our ingredients, sustainable practices, and shipping policies."
faqs={[
{
id: "1", title: "How long does it take to see results?", content: "Most customers notice visible improvements in skin texture and radiance within 2-4 weeks of consistent use. For more significant results like reduced fine lines or hyperpigmentation, allow 6-8 weeks."
},
{
id: "2", title: "Are your products suitable for sensitive skin?", content: "Yes! All Luminé products are formulated to be gentle and non-irritating. We use natural ingredients and avoid common irritants. We recommend patch testing first if you have very reactive skin."
},
{
id: "3", title: "Do you offer worldwide shipping?", content: "Absolutely! We ship to over 150 countries worldwide. Standard shipping typically takes 7-14 business days depending on your location. Express shipping options are also available for faster delivery."
},
{
id: "4", title: "What is your return policy?", content: "We offer a 60-day satisfaction guarantee on all purchases. If you're not completely happy with your skincare, return it for a full refund or exchange. Worldwide returns are processed efficiently through our international shipping partners."
}
{ id: "1", title: "How do I track my order?", content: "Once your order ships, you will receive an email with your tracking number and a link to follow your delivery status in real-time." },
{ id: "2", title: "Is your packaging sustainable?", content: "Yes, all our bottles and jars are made from 100% recyclable glass and ocean-bound recycled plastic." },
{ id: "3", title: "Can I change my order?", content: "If your order has not shipped yet, please contact our support team immediately to make adjustments to your delivery or products." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp"
imageAlt="Skincare routine and wellness"
mediaPosition="left"
textboxLayout="default"
faqsAnimation="slide-up"
mediaAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Let's Talk Skincare"
description="Have questions about your skin? Our experts are here to help guide you towards your best glow yet."
tagIcon={MessageSquare}
<ContactText
text="Need personalized advice or assistance with your order? Our support team is ready to help you every step of the way."
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp"
imageAlt="Expert beauty consultation"
buttons={[{ text: "Contact Support", href: "mailto:support@lumine.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
<FooterBaseReveal
logoText="Luminé"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp"
columns={[
{
title: "Product", items: [
{ label: "Moisturizers", href: "#products" },
{ label: "Serums", href: "#products" },
{ label: "Masks", href: "#products" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Sustainability", href: "#about" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "#faq" }
]
}
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Best Sellers", href: "#products" }] },
{ title: "Help", items: [{ label: "Shipping Info", href: "#faq" }, { label: "Returns", href: "#faq" }, { label: "Support", href: "#contact" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Facebook", href: "#" }] }
]}
copyrightText="© 2025 Luminé Skincare. All rights reserved."
/>
</div>
</ThemeProvider>
);
}
}