Update theme fonts

2026-06-09 23:11:05 +00:00 · 2026-06-09 23:11:04 +00:00 · 2026-06-09 23:11:02 +00:00 · 2026-06-09 23:11:02 +00:00 · 2026-06-09 23:09:01 +00:00 · 2026-06-09 23:09:00 +00:00
4 changed files with 35 additions and 34 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"
@@ -66,19 +66,8 @@ export default function LandingPage() {
      imageAlt="Luxury Rolex-style Watch"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
-      avatars={[
-        {
-          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."
+      avatars={[]}
+      avatarText=""
      marqueeItems={[
        {
          type: "text-icon",          text: "Precision Engineering",          icon: Cog,
@@ -112,20 +101,21 @@ export default function LandingPage() {
      useInvertedBackground={false}
      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"
      description="A curated selection of mechanical masterpieces, where precision engineering meets timeless design."
      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"
      cardNameClassName="text-lg md:text-xl font-semibold mt-2"
+      gridClassName="gap-8 lg:gap-12"
    />
  </div>

@@ -174,6 +164,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"
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -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;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5f4f0;
-  --card: #ffffff;
-  --foreground: #1a1a1a;
+  --background: #FFFFFF;
+  --card: #F8F8F8;
+  --foreground: #000000;
  --primary-cta: #B8860B;
-  --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
-  --secondary-cta-text: #1a1a1a;
-  --accent: #d4af37;
-  --background-accent: #e8e6e1;
+  --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);
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