bender/3a11e629-64db-4a90-a3e5-920df894297c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

5 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
d8d2099863 Update src/app/styles/variables.css 2026-03-04 05:46:21 +00:00
bender
9f671df0c3 Update src/app/page.tsx 2026-03-04 05:46:20 +00:00
bender
864d5ce66a Merge version_2 into main 
Merge version_2 into main
 2026-03-04 05:44:30 +00:00
bender
e28f13fb63 Update src/app/layout.tsx 2026-03-04 05:44:26 +00:00
bender
e3a6058ca8 Merge version_1 into main 
Merge version_1 into main
 2026-03-04 05:41:03 +00:00
3 changed files with 36 additions and 81 deletions
Expand all files Collapse all files

50
src/app/layout.tsx
View File

@@ -1,55 +1,20 @@
import type { Metadata } from "next";
import { Lato } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import "@/styles/globals.css";
const lato = Lato({
variable: "--font-lato", subsets: ["latin"],
weight: ["100", "300", "400", "700", "900"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Saint Luciel | Luxury Jewelry & Streetwear", description: "Discover Saint Luciel's curated collection of luxury jewelry and elevated streetwear. Ethically sourced, handcrafted pieces that celebrate elegance and individuality.", keywords: "luxury jewelry, designer streetwear, artisan jewelry, ethical fashion, luxury accessories", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Saint Luciel | Luxury Jewelry & Streetwear", description: "Discover Saint Luciel's curated collection of luxury jewelry and elevated streetwear. Ethically sourced, handcrafted pieces that celebrate elegance and individuality.", url: "https://saintluciel.com", siteName: "Saint Luciel", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/close-up-portrait-elegant-woman-blonde-woman-with-curly-beautiful-hair-beautiful-blonde-long-curly-hair-woman-with-beauty-makeup-healthy-skin-accessories_343629-56.jpg", alt: "Saint Luciel luxury jewelry and streetwear"},
],
},
twitter: {
card: "summary_large_image", title: "Saint Luciel | Luxury Jewelry & Streetwear", description: "Discover Saint Luciel's curated collection of luxury jewelry and elevated streetwear.", images: ["http://img.b2bpic.net/free-photo/close-up-portrait-elegant-woman-blonde-woman-with-curly-beautiful-hair-beautiful-blonde-long-curly-hair-woman-with-beauty-makeup-healthy-skin-accessories_343629-56.jpg"],
},
};
title: "Saint Luciel - Luxury Jewelry & Elevated Streetwear", description: "Discover luxury jewelry and elevated streetwear celebrating the bright side of fashion. Radiant pieces that elevate your everyday."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${lato.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1417,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

39
src/app/page.tsx
View File

@@ -54,6 +54,9 @@ export default function LandingPage() {
frameStyle="card"
mediaAnimation="slide-up"
buttonAnimation="opacity"
containerClassName="bg-black text-white"
logoClassName="text-white"
descriptionClassName="text-white"
ariaLabel="Hero section showcasing Saint Luciel luxury brand"
/>
</div>
@@ -76,14 +79,11 @@ export default function LandingPage() {
<ProductCardOne
products={[
{
id: "1", name: "Aurora Pendant", price: "$1,250", imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg", imageAlt: "Aurora Pendant luxury necklace"
},
id: "1", name: "Aurora Pendant", price: "$1,250", imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg", imageAlt: "Aurora Pendant luxury necklace"},
{
id: "2", name: "Street Elegance Bracelet", price: "$680", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-wearing-accessories_23-2149645105.jpg", imageAlt: "Street Elegance Bracelet luxury accessory"
},
id: "2", name: "Street Elegance Bracelet", price: "$680", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-wearing-accessories_23-2149645105.jpg", imageAlt: "Street Elegance Bracelet luxury accessory"},
{
id: "3", name: "Luminous Ring", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-man-s-back_1304-3785.jpg", imageAlt: "Luminous Ring premium jewelry"
},
id: "3", name: "Luminous Ring", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-man-s-back_1304-3785.jpg", imageAlt: "Luminous Ring premium jewelry"},
]}
title="Featured Collections"
description="Curated selections of our finest jewelry and streetwear that celebrate luxury and individuality."
@@ -109,8 +109,7 @@ export default function LandingPage() {
tagAnimation="slide-up"
features={[
{
title: "Ethically Sourced", description: "Every material is responsibly selected from trusted artisans worldwide.", bentoComponent: "globe"
},
title: "Ethically Sourced", description: "Every material is responsibly selected from trusted artisans worldwide.", bentoComponent: "globe"},
{
title: "Timeless Design", description: "Pieces that transcend trends and become heirlooms.", bentoComponent: "reveal-icon", icon: Sparkles,
},
@@ -142,17 +141,13 @@ export default function LandingPage() {
author="Alexandra Chen, Fashion Editor"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-pretty-woman-with-light-brown-hair-wearing-black-jacket-with-red-lips_291650-1321.jpg", alt: "Alexandra Chen"
},
src: "http://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-pretty-woman-with-light-brown-hair-wearing-black-jacket-with-red-lips_291650-1321.jpg", alt: "Alexandra Chen"},
{
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Marcus Webb"
},
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Marcus Webb"},
{
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg", alt: "Sophie Laurent"
},
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg", alt: "Sophie Laurent"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "James Mitchell"
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "James Mitchell"},
]}
ratingAnimation="slide-up"
avatarsAnimation="opacity"
@@ -170,17 +165,13 @@ export default function LandingPage() {
tagAnimation="slide-up"
faqs={[
{
id: "1", title: "What makes Saint Luciel jewelry unique?", content: "Each piece is handcrafted by master artisans using ethically sourced materials. We blend timeless design with contemporary aesthetics to create jewelry that transcends trends."
},
id: "1", title: "What makes Saint Luciel jewelry unique?", content: "Each piece is handcrafted by master artisans using ethically sourced materials. We blend timeless design with contemporary aesthetics to create jewelry that transcends trends."},
{
id: "2", title: "Do you offer customization services?", content: "Absolutely! We offer bespoke jewelry design services. Contact our team to discuss your vision, and we'll create a unique piece tailored to your style."
},
id: "2", title: "Do you offer customization services?", content: "Absolutely! We offer bespoke jewelry design services. Contact our team to discuss your vision, and we'll create a unique piece tailored to your style."},
{
id: "3", title: "What is your return and exchange policy?", content: "We offer a 30-day return and exchange policy on all pieces. Items must be in original condition with all documentation."
},
id: "3", title: "What is your return and exchange policy?", content: "We offer a 30-day return and exchange policy on all pieces. Items must be in original condition with all documentation."},
{
id: "4", title: "How do you ensure ethical sourcing?", content: "We maintain direct relationships with suppliers and conduct regular audits to ensure all materials meet our strict ethical and environmental standards."
},
id: "4", title: "How do you ensure ethical sourcing?", content: "We maintain direct relationships with suppliers and conduct regular audits to ensure all materials meet our strict ethical and environmental standards."},
]}
imageSrc="http://img.b2bpic.net/free-photo/set-different-gold-rings-showcase-luxury-jewelry-store-close-up-photo_613910-20947.jpg"
imageAlt="Saint Luciel luxury jewelry collection display"

28
src/app/styles/variables.css
View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #fcf6ec;;
--card: #f3ede2;;
--foreground: #2e2521;;
--primary-cta: #2e2521;;
--secondary-cta: #ffffff;;
--accent: #b2a28b;;
--background-accent: #b2a28b;; */
/* --background: #000000;;
--card: #0c0c0c;;
--foreground: #ffffff;;
--primary-cta: #4dd9ff;;
--secondary-cta: #000000;;
--accent: #4dd9ff;;
--background-accent: #1a3d4d;; */
--background: #fcf6ec;;
--card: #f3ede2;;
--foreground: #2e2521;;
--primary-cta: #2e2521;;
--background: #000000;;
--card: #0c0c0c;;
--foreground: #ffffff;;
--primary-cta: #4dd9ff;;
--primary-cta-text: #fcf6ec;;
--secondary-cta: #ffffff;;
--secondary-cta: #000000;;
--secondary-cta-text: #2e2521;;
--accent: #b2a28b;;
--background-accent: #b2a28b;;
--accent: #4dd9ff;;
--background-accent: #1a3d4d;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);