Merge version_3 into main #2
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
@@ -9,8 +9,8 @@ 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 FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Mail, Leaf, Droplet, Sprout, Wind } from "lucide-react";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Mail, Leaf, Droplet, Sprout, Wind, Instagram, Twitter, Facebook } from "lucide-react";
|
||||
|
||||
export default function SkincareTemplatePage() {
|
||||
return (
|
||||
@@ -27,7 +27,7 @@ export default function SkincareTemplatePage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Luminé Skincare"
|
||||
navItems={[
|
||||
{ name: "Skincare", id: "products" },
|
||||
@@ -35,7 +35,8 @@ export default function SkincareTemplatePage() {
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Shop Now", href: "products" }}
|
||||
bottomLeftText="Worldwide Shipping Available"
|
||||
bottomRightText="hello@lumine.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,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: "/templates/skincare/image2.webp", imageAlt: "Hydrating Moisturizer bottle"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Radiance Serum", price: "$85", imageSrc: "/templates/skincare/image3.webp", imageAlt: "Radiance Serum bottle"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Purifying Face Mask", price: "$52", imageSrc: "/templates/skincare/image1.webp", imageAlt: "Purifying Face Mask jar"
|
||||
}
|
||||
{ id: "1", name: "Hydrating Moisturizer", price: "$68", imageSrc: "/templates/skincare/image2.webp", imageAlt: "Hydrating Moisturizer bottle" },
|
||||
{ id: "2", name: "Radiance Serum", price: "$85", imageSrc: "/templates/skincare/image3.webp", imageAlt: "Radiance Serum bottle" },
|
||||
{ id: "3", name: "Purifying Face Mask", price: "$52", imageSrc: "/templates/skincare/image1.webp", imageAlt: "Purifying Face Mask jar" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -97,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"
|
||||
@@ -123,12 +107,7 @@ export default function SkincareTemplatePage() {
|
||||
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: "/templates/skincare/image5.avif", alt: "Sarah Mitchell" },
|
||||
{ src: "/templates/skincare/image6.avif", alt: "Customer testimonial" },
|
||||
{ src: "/templates/skincare/image7.avif", alt: "Customer testimonial" },
|
||||
{ src: "/templates/skincare/image8.avif", alt: "Customer testimonial" }
|
||||
]}
|
||||
avatars={[{ src: "/templates/skincare/image5.avif", alt: "Sarah Mitchell" }, { src: "/templates/skincare/image6.avif", alt: "Customer" }, { src: "/templates/skincare/image7.avif", alt: "Customer" }, { src: "/templates/skincare/image8.avif", alt: "Customer" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -139,22 +118,9 @@ export default function SkincareTemplatePage() {
|
||||
<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."
|
||||
}
|
||||
]}
|
||||
faqs={[{ id: "1", title: "How long does it take to see results?", content: "Most customers notice visible improvements within 2-4 weeks." }, { id: "2", title: "Are your products sensitive skin friendly?", content: "Yes, all products are formulated to be gentle and non-irritating." }, { id: "3", title: "Do you offer worldwide shipping?", content: "Absolutely! We ship to over 150 countries." }, { id: "4", title: "What is your return policy?", content: "60-day satisfaction guarantee on all purchases." }]}
|
||||
imageSrc="/templates/skincare/image4.webp"
|
||||
imageAlt="Skincare routine and wellness"
|
||||
imageAlt="Skincare routine"
|
||||
mediaPosition="left"
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -168,7 +134,7 @@ export default function SkincareTemplatePage() {
|
||||
<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."
|
||||
description="Subscribe to our newsletter for skincare tips, product launches, and exclusive worldwide shipping offers."
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -179,12 +145,16 @@ export default function SkincareTemplatePage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterCard
|
||||
logoText="Luminé"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
copyrightText="© 2025 Luminé Skincare. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user