|
|
|
|
@@ -8,9 +8,9 @@ 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 ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
|
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
|
|
|
import { Mail, Leaf, Droplet, Sprout, Wind } from "lucide-react";
|
|
|
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
|
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
|
|
|
import { Mail, Leaf, Droplet, Sprout, Wind, Camera, Calendar } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function SkincareTemplatePage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -31,6 +31,7 @@ export default function SkincareTemplatePage() {
|
|
|
|
|
brandName="Luminé Skincare"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Products", id: "products" },
|
|
|
|
|
{ name: "Gallery", id: "gallery" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Benefits", id: "benefits" },
|
|
|
|
|
{ name: "Reviews", id: "reviews" },
|
|
|
|
|
@@ -45,7 +46,7 @@ export default function SkincareTemplatePage() {
|
|
|
|
|
logoText="Luminé"
|
|
|
|
|
description="Pure, natural skincare formulated for radiant, healthy skin. Discover the power of botanical ingredients and scientific innovation."
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp"
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp?_wi=1"
|
|
|
|
|
imageAlt="Luxury skincare products with natural ingredients"
|
|
|
|
|
frameStyle="card"
|
|
|
|
|
buttons={[
|
|
|
|
|
@@ -76,27 +77,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?_wi=1", 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?_wi=1", imageAlt: "Purifying Face Mask jar" }
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -105,32 +88,32 @@ export default function SkincareTemplatePage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
title="Galerie Foto"
|
|
|
|
|
description="O privire asupra procesului nostru și a ingredientelor naturale utilizate."
|
|
|
|
|
tag="Vizual"
|
|
|
|
|
tagIcon={Camera}
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "g1", name: "Botanical Garden", price: "", imageSrc: "https://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg", imageAlt: "Botanicals" },
|
|
|
|
|
{ id: "g2", name: "Skincare Lab", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp", imageAlt: "Lab" },
|
|
|
|
|
{ id: "g3", name: "Product Texture", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp?_wi=2", imageAlt: "Texture" }
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
animationType="scale-rotate"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
|
|
|
<FeatureBento
|
|
|
|
|
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"
|
|
|
|
|
@@ -140,15 +123,10 @@ export default function SkincareTemplatePage() {
|
|
|
|
|
|
|
|
|
|
<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."
|
|
|
|
|
testimonial="Luminé skincare has completely transformed my routine. My skin feels more radiant and healthy than ever before."
|
|
|
|
|
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" }
|
|
|
|
|
]}
|
|
|
|
|
avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif", alt: "Sarah Mitchell" }]}
|
|
|
|
|
ratingAnimation="slide-up"
|
|
|
|
|
avatarsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -158,98 +136,41 @@ export default function SkincareTemplatePage() {
|
|
|
|
|
<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."
|
|
|
|
|
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."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp"
|
|
|
|
|
imageAlt="Skincare routine and wellness"
|
|
|
|
|
mediaPosition="left"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
description="Everything you need to know about our skincare products."
|
|
|
|
|
faqs={[{ id: "1", title: "Shipping?", content: "Worldwide shipping in 7-14 days." }, { id: "2", title: "Sensitive skin?", content: "Yes, our formulas are gentle." }]}
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
animationType="smooth"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
tag="Newsletter"
|
|
|
|
|
title="Get Your Glow On"
|
|
|
|
|
description="Subscribe to our newsletter for skincare tips, product launches, and exclusive worldwide shipping offers delivered to your inbox."
|
|
|
|
|
tagIcon={Mail}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
<ContactSplit
|
|
|
|
|
tag="Rezervări & Contact"
|
|
|
|
|
tagIcon={Calendar}
|
|
|
|
|
title="Rezervă o consultație"
|
|
|
|
|
description="Contactează echipa noastră pentru recomandări personalizate sau rezervă o ședință de testare a produselor noastre premium."
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp?_wi=2"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
inputPlaceholder="Enter your email"
|
|
|
|
|
buttonText="Subscribe"
|
|
|
|
|
termsText="We respect your privacy. Unsubscribe anytime."
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
buttonText="Trimite Mesaj"
|
|
|
|
|
onSubmit={(email) => console.log(email)}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseCard
|
|
|
|
|
<FooterMedia
|
|
|
|
|
logoText="Luminé"
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp?_wi=2"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Product",
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Moisturizers", href: "#products" },
|
|
|
|
|
{ label: "Serums", href: "#products" },
|
|
|
|
|
{ label: "Masks", href: "#products" },
|
|
|
|
|
{ label: "Bundles", href: "#products" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Company",
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "About Us", href: "#about" },
|
|
|
|
|
{ label: "Sustainability", href: "#about" },
|
|
|
|
|
{ label: "Blog", href: "#" },
|
|
|
|
|
{ label: "Careers", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Support",
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Contact Us", href: "#contact" },
|
|
|
|
|
{ label: "FAQ", href: "#faq" },
|
|
|
|
|
{ label: "Worldwide Shipping", href: "#" },
|
|
|
|
|
{ label: "Returns", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Connect",
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Instagram", href: "#" },
|
|
|
|
|
{ label: "Facebook", href: "#" },
|
|
|
|
|
{ label: "Pinterest", href: "#" },
|
|
|
|
|
{ label: "TikTok", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
{ title: "Product", items: [{ label: "Moisturizers", href: "#products" }] },
|
|
|
|
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] }
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 Luminé Skincare. All rights reserved."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
