bender/3a11e629-64db-4a90-a3e5-920df894297c
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_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 type { Metadata } from "next";
import { Lato } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "@/styles/globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const lato = Lato({ const inter = Inter({ subsets: ["latin"] });
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"],
});
export const metadata: Metadata = { 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: { 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."};
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"],
},
};
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={inter.className}>{children}
<body
className={`${lato.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1417,7 +1382,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

39
src/app/page.tsx
View File

@@ -54,6 +54,9 @@ export default function LandingPage() {
frameStyle="card" frameStyle="card"
mediaAnimation="slide-up" mediaAnimation="slide-up"
buttonAnimation="opacity" buttonAnimation="opacity"
containerClassName="bg-black text-white"
logoClassName="text-white"
descriptionClassName="text-white"
ariaLabel="Hero section showcasing Saint Luciel luxury brand" ariaLabel="Hero section showcasing Saint Luciel luxury brand"
/> />
</div> </div>
@@ -76,14 +79,11 @@ export default function LandingPage() {
<ProductCardOne <ProductCardOne
products={[ 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" title="Featured Collections"
description="Curated selections of our finest jewelry and streetwear that celebrate luxury and individuality." 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" tagAnimation="slide-up"
features={[ 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, 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" author="Alexandra Chen, Fashion Editor"
avatars={[ 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" ratingAnimation="slide-up"
avatarsAnimation="opacity" avatarsAnimation="opacity"
@@ -170,17 +165,13 @@ export default function LandingPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
faqs={[ 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" 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" imageAlt="Saint Luciel luxury jewelry collection display"

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

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