bender/ab00ae14-e34b-43b7-9580-3595242aab68
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

3 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
2a3a0462c9 Update src/app/page.tsx 2026-03-06 16:13:46 +00:00
bender
16b8fa92d7 Update src/app/layout.tsx 2026-03-06 16:13:45 +00:00
bender
78f7bec0ef Merge version_1 into main 
Merge version_1 into main
 2026-03-06 16:11:44 +00:00
2 changed files with 63 additions and 75 deletions
Expand all files Collapse all files

61
src/app/layout.tsx
View File

@@ -1,64 +1,28 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google"; import { Geist, Geist_Mono } from "next/font/google";
import { Inter } from "next/font/google";
import { Playfair_Display } from "next/font/google";
import { Lora } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const geist = Geist({
variable: "--font-halant", subsets: ["latin"], variable: "--font-geist-sans", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
}); });
const inter = Inter({ const geistMono = Geist_Mono({
variable: "--font-inter", subsets: ["latin"], variable: "--font-geist-mono", subsets: ["latin"],
});
const playfairDisplay = Playfair_Display({
variable: "--font-playfair-display", subsets: ["latin"],
weight: ["400", "500", "600", "700", "800", "900"],
});
const lora = Lora({
variable: "--font-lora", subsets: ["latin"],
weight: ["400", "500", "600", "700"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Luminé | Premium Luxury Skincare", description: "Discover Luminé luxury skincare. Handcrafted formulations combining ancient botanical wisdom with modern science for radiant, timeless beauty.", keywords: "luxury skincare, premium beauty products, skincare serum, luxury moisturizer, botanical skincare, anti-aging cream", metadataBase: new URL("https://luminebeauty.com"), title: "Luminé Beauty | Luxury Skincare", description: "Experience luxury skincare with Luminé's premium botanical formulations."};
alternates: {
canonical: "https://luminebeauty.com"},
openGraph: {
title: "Luminé | Premium Luxury Skincare", description: "Experience the intersection of ancient botanical wisdom and modern skincare science.", url: "https://luminebeauty.com", siteName: "Luminé", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963077.jpg", alt: "luxury skincare product photography luxury"},
],
},
twitter: {
card: "summary_large_image", title: "Luminé | Premium Luxury Skincare", description: "Experience the intersection of ancient botanical wisdom and modern skincare science.", images: ["http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963077.jpg"],
},
robots: {
index: true,
follow: true,
},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={`${geist.variable} ${geistMono.variable} antialiased`}>
<body {children}
className={`${halant.variable} ${inter.variable} ${playfairDisplay.variable} ${lora.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1426,7 +1390,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

77
src/app/page.tsx
View File

@@ -74,11 +74,14 @@ export default function LandingPage() {
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", alt: "Customer 1"}, src: "http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", alt: "Customer 1"
},
{ {
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", alt: "Customer 2"}, src: "http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", alt: "Customer 2"
},
{ {
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", alt: "Customer 3"}, src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", alt: "Customer 3"
},
]} ]}
avatarText="Trusted by 50,000+ beauty enthusiasts" avatarText="Trusted by 50,000+ beauty enthusiasts"
ariaLabel="Hero section for luxury skincare brand" ariaLabel="Hero section for luxury skincare brand"
@@ -113,15 +116,18 @@ export default function LandingPage() {
{ {
icon: Droplets, icon: Droplets,
title: "Luminous Serum", description: title: "Luminous Serum", description:
"Advanced hydration with hyaluronic acid complex and rose hip extract for radiant, plump skin."}, "Advanced hydration with hyaluronic acid complex and rose hip extract for radiant, plump skin."
},
{ {
icon: Zap, icon: Zap,
title: "Renewal Moisturizer", description: title: "Renewal Moisturizer", description:
"Luxurious cream with peptides and ceramides to restore elasticity and overnight restoration."}, "Luxurious cream with peptides and ceramides to restore elasticity and overnight restoration."
},
{ {
icon: Flower2, icon: Flower2,
title: "Essence Mask", description: title: "Essence Mask", description:
"Transformative treatment mask with botanical extracts and gold particles for intensive rejuvenation."}, "Transformative treatment mask with botanical extracts and gold particles for intensive rejuvenation."
},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -140,13 +146,16 @@ export default function LandingPage() {
products={[ products={[
{ {
id: "1", name: "Luminous Serum", price: "$89", imageSrc: id: "1", name: "Luminous Serum", price: "$89", imageSrc:
"http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047770.jpg", imageAlt: "Luminous Serum luxury bottle"}, "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047770.jpg", imageAlt: "Luminous Serum luxury bottle"
},
{ {
id: "2", name: "Renewal Moisturizer", price: "$115", imageSrc: id: "2", name: "Renewal Moisturizer", price: "$115", imageSrc:
"http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg", imageAlt: "Renewal Moisturizer premium jar"}, "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg", imageAlt: "Renewal Moisturizer premium jar"
},
{ {
id: "3", name: "Essence Mask", price: "$95", imageSrc: id: "3", name: "Essence Mask", price: "$95", imageSrc:
"http://img.b2bpic.net/free-vector/realistic-charcoal-sheet-mask-ad_52683-42655.jpg", imageAlt: "Essence Mask luxury container"}, "http://img.b2bpic.net/free-vector/realistic-charcoal-sheet-mask-ad_52683-42655.jpg", imageAlt: "Essence Mask luxury container"
},
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
@@ -166,15 +175,18 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
id: "1", value: "97%", title: "Visible skin improvement in 4 weeks", items: [ id: "1", value: "97%", title: "Visible skin improvement in 4 weeks", items: [
"Increased hydration", "Reduced fine lines", "Enhanced radiance"], "Increased hydration", "Reduced fine lines", "Enhanced radiance"
],
}, },
{ {
id: "2", value: "50K+", title: "Satisfied customers worldwide", items: [ id: "2", value: "50K+", title: "Satisfied customers worldwide", items: [
"Average rating 4.9/5", "Repeat purchase rate 78%", "Award-winning formulas"], "Average rating 4.9/5", "Repeat purchase rate 78%", "Award-winning formulas"
],
}, },
{ {
id: "3", value: "100%", title: "Natural & ethical sourcing", items: [ id: "3", value: "100%", title: "Natural & ethical sourcing", items: [
"Cruelty-free certified", "Sustainable packaging", "Dermatologist tested"], "Cruelty-free certified", "Sustainable packaging", "Dermatologist tested"
],
}, },
]} ]}
animationType="slide-up" animationType="slide-up"
@@ -196,32 +208,38 @@ export default function LandingPage() {
id: "1", name: "Sarah Mitchell", handle: "@sarahmbeauty", testimonial: id: "1", name: "Sarah Mitchell", handle: "@sarahmbeauty", testimonial:
"Luminé's serum has completely transformed my skin. After just two weeks, my complexion is noticeably brighter and more hydrated. This is luxury skincare at its finest.", rating: 5, "Luminé's serum has completely transformed my skin. After just two weeks, my complexion is noticeably brighter and more hydrated. This is luxury skincare at its finest.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", imageAlt: "Sarah Mitchell"}, "http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", imageAlt: "Sarah Mitchell"
},
{ {
id: "2", name: "Emma Rodriguez", handle: "@emmakskincare", testimonial: id: "2", name: "Emma Rodriguez", handle: "@emmakskincare", testimonial:
"I'm obsessed with the Essence Mask. It feels like a spa treatment at home. My skin has never looked better, and the results are immediate.", rating: 5, "I'm obsessed with the Essence Mask. It feels like a spa treatment at home. My skin has never looked better, and the results are immediate.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", imageAlt: "Emma Rodriguez"}, "http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", imageAlt: "Emma Rodriguez"
},
{ {
id: "3", name: "Olivia Chen", handle: "@oliviachenbeauty", testimonial: id: "3", name: "Olivia Chen", handle: "@oliviachenbeauty", testimonial:
"The quality of these products is unmatched. Every item feels premium, and they actually deliver results. Worth every penny!", rating: 5, "The quality of these products is unmatched. Every item feels premium, and they actually deliver results. Worth every penny!", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", imageAlt: "Olivia Chen"}, "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", imageAlt: "Olivia Chen"
},
{ {
id: "4", name: "Jessica Anderson", handle: "@jessicaglows", testimonial: id: "4", name: "Jessica Anderson", handle: "@jessicaglows", testimonial:
"Switching to Luminé was the best decision for my skin. The formulations are gentle yet effective, and my sensitive skin has never been happier.", rating: 5, "Switching to Luminé was the best decision for my skin. The formulations are gentle yet effective, and my sensitive skin has never been happier.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-dressed-halloween_329181-16670.jpg", imageAlt: "Jessica Anderson"}, "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-dressed-halloween_329181-16670.jpg", imageAlt: "Jessica Anderson"
},
{ {
id: "5", name: "Maria Lopez", handle: "@mariabeautyjourney", testimonial: id: "5", name: "Maria Lopez", handle: "@mariabeautyjourney", testimonial:
"This is real luxury skincare. The products smell divine, feel luxurious, and actually work. I recommend Luminé to everyone.", rating: 5, "This is real luxury skincare. The products smell divine, feel luxurious, and actually work. I recommend Luminé to everyone.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/new-mascara-presentation-young-beautiful-woman-demonstrating-new-mascara-looking-amused_259150-60153.jpg", imageAlt: "Maria Lopez"}, "http://img.b2bpic.net/free-photo/new-mascara-presentation-young-beautiful-woman-demonstrating-new-mascara-looking-amused_259150-60153.jpg", imageAlt: "Maria Lopez"
},
{ {
id: "6", name: "Alexandra Thompson", handle: "@alexandrathompson", testimonial: id: "6", name: "Alexandra Thompson", handle: "@alexandrathompson", testimonial:
"I've tried countless skincare brands, but Luminé stands out. The results are visible, and the customer service is impeccable.", rating: 5, "I've tried countless skincare brands, but Luminé stands out. The results are visible, and the customer service is impeccable.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-462.jpg", imageAlt: "Alexandra Thompson"}, "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-462.jpg", imageAlt: "Alexandra Thompson"
},
]} ]}
showRating={true} showRating={true}
animationType="slide-up" animationType="slide-up"
@@ -245,7 +263,8 @@ export default function LandingPage() {
{ text: "Learn More", href: "#" }, { text: "Learn More", href: "#" },
], ],
features: [ features: [
"Luminous Serum (30ml)", "Renewal Moisturizer (50ml)", "Free shipping", "Email support"], "Luminous Serum (30ml)", "Renewal Moisturizer (50ml)", "Free shipping", "Email support"
],
}, },
{ {
id: "2", badge: "Most Popular", badgeIcon: Crown, id: "2", badge: "Most Popular", badgeIcon: Crown,
@@ -254,7 +273,8 @@ export default function LandingPage() {
{ text: "Learn More", href: "#" }, { text: "Learn More", href: "#" },
], ],
features: [ features: [
"Full Luminous Serum (50ml)", "Full Renewal Moisturizer (100ml)", "Essence Mask (75ml)", "Priority support", "Exclusive samples", "Free expedited shipping"], "Full Luminous Serum (50ml)", "Full Renewal Moisturizer (100ml)", "Essence Mask (75ml)", "Priority support", "Exclusive samples", "Free expedited shipping"
],
}, },
{ {
id: "3", price: "$379", name: "Premium Luxury Bundle", buttons: [ id: "3", price: "$379", name: "Premium Luxury Bundle", buttons: [
@@ -262,7 +282,8 @@ export default function LandingPage() {
{ text: "Learn More", href: "#" }, { text: "Learn More", href: "#" },
], ],
features: [ features: [
"Complete Full-Size Collection", "Luxury gift packaging", "Quarterly exclusive releases", "VIP concierge support", "Personal beauty consultation", "Complimentary refills every 3 months"], "Complete Full-Size Collection", "Luxury gift packaging", "Quarterly exclusive releases", "VIP concierge support", "Personal beauty consultation", "Complimentary refills every 3 months"
],
}, },
]} ]}
animationType="slide-up" animationType="slide-up"
@@ -277,7 +298,7 @@ export default function LandingPage() {
text="Ready to elevate your skincare routine? Join thousands of beauty enthusiasts experiencing the Luminé difference." text="Ready to elevate your skincare routine? Join thousands of beauty enthusiasts experiencing the Luminé difference."
animationType="entrance-slide" animationType="entrance-slide"
buttons={[ buttons={[
{ text: "Shop Now", href: "#products" }, { text: "Claim 20% Off", href: "#products" },
{ text: "Contact Us", href: "mailto:hello@luminebeauty.com" }, { text: "Contact Us", href: "mailto:hello@luminebeauty.com" },
]} ]}
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
@@ -293,16 +314,20 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Instagram, icon: Instagram,
href: "https://instagram.com/luminebeauty", ariaLabel: "Instagram"}, href: "https://instagram.com/luminebeauty", ariaLabel: "Instagram"
},
{ {
icon: Facebook, icon: Facebook,
href: "https://facebook.com/luminebeauty", ariaLabel: "Facebook"}, href: "https://facebook.com/luminebeauty", ariaLabel: "Facebook"
},
{ {
icon: Twitter, icon: Twitter,
href: "https://twitter.com/luminebeauty", ariaLabel: "Twitter"}, href: "https://twitter.com/luminebeauty", ariaLabel: "Twitter"
},
{ {
icon: Linkedin, icon: Linkedin,
href: "https://linkedin.com/company/luminebeauty", ariaLabel: "LinkedIn"}, href: "https://linkedin.com/company/luminebeauty", ariaLabel: "LinkedIn"
},
]} ]}
ariaLabel="Site footer" ariaLabel="Site footer"
/> />