18 Commits

Author SHA1 Message Date
df79d069bc Update src/app/page.tsx 2026-06-09 23:58:17 +00:00
9e759ef745 Merge version_9 into main
Merge version_9 into main
2026-06-09 23:11:05 +00:00
64cdfe8fba Update theme fonts 2026-06-09 23:11:05 +00:00
9b78c48ba6 Update theme fonts 2026-06-09 23:11:04 +00:00
3cf3a8ca26 Update theme fonts 2026-06-09 23:11:02 +00:00
925db921dd Update theme fonts 2026-06-09 23:11:02 +00:00
871fdb5071 Merge version_9 into main
Merge version_9 into main
2026-06-09 23:09:04 +00:00
5d0650caf3 Update src/app/styles/variables.css 2026-06-09 23:09:01 +00:00
2004718ec8 Update src/app/page.tsx 2026-06-09 23:09:00 +00:00
4050d788ec Merge version_8 into main
Merge version_8 into main
2026-06-09 23:06:19 +00:00
275b929451 Merge version_7 into main
Merge version_7 into main
2026-06-09 23:06:17 +00:00
4d543101c3 Update theme colors 2026-06-09 23:06:16 +00:00
03e980acac Update theme colors 2026-06-09 23:06:14 +00:00
7aa83fc920 Merge version_6 into main
Merge version_6 into main
2026-06-09 23:06:12 +00:00
94e04665da Update theme colors 2026-06-09 23:06:09 +00:00
95e39888d4 Merge version_5 into main
Merge version_5 into main
2026-06-09 22:46:31 +00:00
6d830b540b Update src/app/page.tsx 2026-06-09 22:46:28 +00:00
ef5115e9a6 Merge version_4 into main
Merge version_4 into main
2026-06-09 22:45:04 +00:00
4 changed files with 41 additions and 26 deletions

View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
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"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export default function RootLayout({
@@ -54,7 +60,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${interTight.variable} antialiased`}>
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Cog, Crown, Lock, ShieldCheck, Sparkles, User } from "lucide-react";
@@ -17,9 +17,9 @@ export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="none"
cardStyle="soft-shadow"
@@ -94,25 +94,29 @@ export default function LandingPage() {
</div>
<div id="collection" data-section="collection">
<ProductCardThree
<ProductCardOne
animationType="blur-reveal"
textboxLayout="default"
gridVariant="one-large-right-three-stacked-left"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
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-1", name: "Chronos Black Dial - Precision and Elegance", price: "$12,500", imageSrc: "https://images.unsplash.com/photo-1533139502601-afa8cd9e5578?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with black dial", onProductClick: () => console.log("View details for Chronos Black 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-2", name: "Oceanic Blue Dial - Bold Sophistication", price: "$12,700", imageSrc: "https://images.unsplash.com/photo-1542810634-71277d95ae51?q=80&w=1961&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with blue dial", onProductClick: () => console.log("View details for Oceanic Blue 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-3", name: "Veridian Green Dial - Timeless Luxury", price: "$12,800", 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 green dial", onProductClick: () => console.log("View details for Veridian Green 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"},
id: "watch-4", name: "Lumina White Dial - Radiant Elegance", price: "$12,600", imageSrc: "https://images.unsplash.com/photo-1587836489410-d02f5a65c2b5?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with white dial", onProductClick: () => console.log("View details for Lumina White Dial")
}
]}
title="Exquisite Collection"
description="A curated selection of mechanical masterpieces, where precision engineering meets timeless design."
className="py-20 lg:py-32"
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"
cardClassName="p-6 lg:p-8 bg-card shadow-md border border-accent rounded-xl transition-all duration-300 hover:shadow-lg hover:scale-[1.01] active:scale-[0.99]"
textBoxTitleClassName="font-extrabold text-4xl lg:text-5xl tracking-tight"
cardNameClassName="text-lg md:text-xl font-semibold mt-2"
gridClassName="gap-8 lg:gap-12"
@@ -164,6 +168,11 @@ export default function LandingPage() {
id: "m5", icon: Award,
title: "Comprehensive", value: "Warranty & Care"},
]}
buttons={[
{
text: "Explore Our Collection", href: "#collection"
}
]}
title="Assured Trust & Excellence"
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"
@@ -209,7 +218,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Watch Center: The Art of Horology"
description={[
"At Watch Center, we believe a watch is more than an accessory—it is a statement of presence, style, and status. We curate an exquisite collection for individuals who appreciate the intricate artistry and profound legacy of fine timepieces.", "As Israel's premier luxury watch boutique, we offer an unparalleled experience, blending expert guidance with an opulent showroom atmosphere. Discover your next heirloom and become part of a tradition that transcends time."]}
"At Watch Center, we believe a watch is more than an accessory—it is a statement of presence, style, and status. We curate an exquisite collection for individuals who appreciate the intricate artistry and profound legacy of fine timepieces.", "As Israel's premier luxury watch boutique, we offer an unparalleled experience, blending expert guidance with an opulent showroom atmosphere. Discover your next heirloom and become part of a tradition that transcends time." ]}
className="py-20 lg:py-32"
titleClassName="font-bold"
/>

View File

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

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #efebe5;
--card: #f7f2ea;
--background: #FFFFFF;
--card: #F8F8F8;
--foreground: #000000;
--primary-cta: #000000;
--primary-cta-text: #f5f4f0;
--secondary-cta: #ffffff;
--secondary-cta-text: #f5f4f0;
--accent: #ffffff;
--background-accent: #e1b875;
--primary-cta: #B8860B;
--primary-cta-text: #ffffff;
--secondary-cta: #E0E0E0;
--secondary-cta-text: #000000;
--accent: #D4AF37;
--background-accent: #F0F0F0;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);