bender/f5e9b832-23df-4fce-b3ef-598e29e9ef31
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_3
Branches Tags
bender:main bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_9
Branches Tags
bender:main bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

20 Commits
version_3 ... version_9

Author SHA1 Message Date
bender
64cdfe8fba Update theme fonts 2026-06-09 23:11:05 +00:00
bender
9b78c48ba6 Update theme fonts 2026-06-09 23:11:04 +00:00
bender
3cf3a8ca26 Update theme fonts 2026-06-09 23:11:02 +00:00
bender
925db921dd Update theme fonts 2026-06-09 23:11:02 +00:00
bender
5d0650caf3 Update src/app/styles/variables.css 2026-06-09 23:09:01 +00:00
bender
2004718ec8 Update src/app/page.tsx 2026-06-09 23:09:00 +00:00
bender
4050d788ec Merge version_8 into main 
Merge version_8 into main
 2026-06-09 23:06:19 +00:00
bender
275b929451 Merge version_7 into main 
Merge version_7 into main
 2026-06-09 23:06:17 +00:00
bender
4d543101c3 Update theme colors 2026-06-09 23:06:16 +00:00
bender
03e980acac Update theme colors 2026-06-09 23:06:14 +00:00
bender
7aa83fc920 Merge version_6 into main 
Merge version_6 into main
 2026-06-09 23:06:12 +00:00
bender
94e04665da Update theme colors 2026-06-09 23:06:09 +00:00
bender
95e39888d4 Merge version_5 into main 
Merge version_5 into main
 2026-06-09 22:46:31 +00:00
bender
6d830b540b Update src/app/page.tsx 2026-06-09 22:46:28 +00:00
bender
ef5115e9a6 Merge version_4 into main 
Merge version_4 into main
 2026-06-09 22:45:04 +00:00
bender
37e648e31f Update src/app/styles/variables.css 2026-06-09 22:45:01 +00:00
bender
d1ff5d9f51 Update src/app/page.tsx 2026-06-09 22:45:00 +00:00
bender
231ade2e5e Merge version_3 into main 
Merge version_3 into main
 2026-06-09 22:37:52 +00:00
bender
dbcb3e1854 Merge version_3 into main 
Merge version_3 into main
 2026-06-09 22:37:26 +00:00
bender
4f861f1c86 Merge version_3 into main 
Merge version_3 into main
 2026-06-09 22:36:40 +00:00
4 changed files with 35 additions and 34 deletions
Expand all files Collapse all files

14
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Inter_Tight } from "next/font/google"; import { Inter_Tight } from "next/font/google";
import { Open_Sans } from "next/font/google";
@@ -40,10 +41,15 @@ export const metadata: Metadata = {
}, },
}; };
const interTight = Inter_Tight({
variable: "--font-inter-tight",
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"], subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -54,7 +60,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${interTight.variable} antialiased`}> <body className={`${inter.variable} ${openSans.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

35
src/app/page.tsx
View File

@@ -17,9 +17,9 @@ export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="directional-hover" defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight" defaultTextAnimation="reveal-blur"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium" contentWidth="mediumLarge"
sizing="largeSizeMediumTitles" sizing="largeSizeMediumTitles"
background="none" background="none"
cardStyle="soft-shadow" cardStyle="soft-shadow"
@@ -66,19 +66,8 @@ export default function LandingPage() {
imageAlt="Luxury Rolex-style Watch" imageAlt="Luxury Rolex-style Watch"
mediaAnimation="slide-up" mediaAnimation="slide-up"
fixedMediaHeight={true} fixedMediaHeight={true}
avatars={[ avatars={[]}
{ avatarText=""
src: "http://img.b2bpic.net/free-photo/young-man-checking-time-his-watch-against-black-background_23-2147937487.jpg", alt: "Satisfied client"},
{
src: "http://img.b2bpic.net/free-photo/moody-thoughtful-black-young-model-wearing-blank-black-t-shirt-isolated-white_346278-1013.jpg", alt: "Happy customer"},
{
src: "http://img.b2bpic.net/free-photo/portrait-concentrated-young-man_171337-17412.jpg", alt: "Luxury watch owner"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11494.jpg", alt: "Distinguished collector"},
{
src: "http://img.b2bpic.net/free-photo/portrait-schooler-teenage-boy-eyeglasses-dressed-stylish-jacket_613910-11986.jpg", alt: "Premium buyer"},
]}
avatarText="Trusted by discerning collectors worldwide."
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", text: "Precision Engineering", icon: Cog, type: "text-icon", text: "Precision Engineering", icon: Cog,
@@ -112,20 +101,21 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "watch-1", name: "Chronos Black Dial", price: "$12,500", imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Luxury watch with black dial"}, id: "watch-1", name: "Chronos Black Dial", price: "$12,500", imageSrc: "https://images.unsplash.com/photo-1616010078749-0d19f9d7c2a7?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with black dial"},
{ {
id: "watch-2", name: "Oceanic Blue Dial", price: "$12,700", imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Luxury watch with blue dial"}, id: "watch-2", name: "Oceanic Blue Dial", price: "$12,700", imageSrc: "https://images.unsplash.com/photo-1629197943486-5d070b1e4c33?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with blue dial"},
{ {
id: "watch-3", name: "Veridian Green Dial", price: "$12,800", imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=3", imageAlt: "Luxury watch with green dial"}, id: "watch-3", name: "Veridian Green Dial", price: "$12,800", imageSrc: "https://images.unsplash.com/photo-1678841796791-039c3e4c4c23?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with green dial"},
{ {
id: "watch-4", name: "Lumina White Dial", price: "$12,600", imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=4", imageAlt: "Luxury watch with white dial"}, id: "watch-4", name: "Lumina White Dial", price: "$12,600", imageSrc: "https://images.unsplash.com/photo-1621607507641-fdfd31b34c20?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with white dial"},
]} ]}
title="Exquisite Collection" title="Exquisite Collection"
description="A curated selection of mechanical masterpieces, where precision engineering meets timeless design." description="A curated selection of mechanical masterpieces, where precision engineering meets timeless design."
className="py-20 lg:py-32" className="py-20 lg:py-32"
cardClassName="rounded-2xl p-4 md:p-6 bg-card border border-border transition-all duration-300 hover:scale-[1.02] active:scale-[0.98]" cardClassName="rounded-xl p-6 lg:p-8 bg-card shadow-lg transition-all duration-300 hover:shadow-xl hover:scale-[1.01] active:scale-[0.99] border border-gray-200"
textBoxTitleClassName="font-extrabold text-4xl lg:text-5xl tracking-tight" textBoxTitleClassName="font-extrabold text-4xl lg:text-5xl tracking-tight"
cardNameClassName="text-lg md:text-xl font-semibold mt-2" cardNameClassName="text-lg md:text-xl font-semibold mt-2"
gridClassName="gap-8 lg:gap-12"
/> />
</div> </div>
@@ -174,6 +164,11 @@ export default function LandingPage() {
id: "m5", icon: Award, id: "m5", icon: Award,
title: "Comprehensive", value: "Warranty & Care"}, title: "Comprehensive", value: "Warranty & Care"},
]} ]}
buttons={[
{
text: "Explore Our Collection", href: "#collection"
}
]}
title="Assured Trust & Excellence" title="Assured Trust & Excellence"
description="Every timepiece in our collection undergoes stringent verification and is backed by our commitment to unparalleled quality and service." description="Every timepiece in our collection undergoes stringent verification and is backed by our commitment to unparalleled quality and service."
className="py-20 lg:py-32" className="py-20 lg:py-32"

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter), sans-serif; font-family: var(--font-open-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-libre-baskerville), serif; font-family: var(--font-inter), sans-serif;
} }

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

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f4f0; --background: #FFFFFF;
--card: #ffffff; --card: #F8F8F8;
--foreground: #1a1a1a; --foreground: #000000;
--primary-cta: #B8860B; --primary-cta: #B8860B;
--primary-cta-text: #f5f4f0; --primary-cta-text: #ffffff;
--secondary-cta: #f5f4f0; --secondary-cta: #E0E0E0;
--secondary-cta-text: #1a1a1a; --secondary-cta-text: #000000;
--accent: #d4af37; --accent: #D4AF37;
--background-accent: #e8e6e1; --background-accent: #F0F0F0;
/* 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);