Update theme colors

Update src/app/page.tsx
Update theme fonts
2026-06-10 06:43:28 +00:00 · 2026-06-10 06:43:07 +00:00 · 2026-06-10 06:33:48 +00:00 · 2026-06-10 06:33:48 +00:00 · 2026-06-10 06:33:32 +00:00 · 2026-06-10 06:33:32 +00:00
4 changed files with 30 additions and 22 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 { Montserrat } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";



@@ -41,9 +42,16 @@ export const metadata: Metadata = {
  },
 };

-const montserrat = Montserrat({
-  variable: "--font-montserrat",
-  subsets: ["latin"]
+
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
 });

 export default function RootLayout({
@@ -54,7 +62,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${montserrat.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -226,16 +226,16 @@ export default function LandingPage() {
      useInvertedBackground={false}
      faqs={[
        {
-          id: "faq-1",          title: "How do I place an order?",          content: "You can easily place an order by browsing our products, adding items to your cart, and proceeding to checkout. Follow the simple steps to complete your purchase."
+          id: "faq-1",          title: "",          content: "You can easily place an order by browsing our products, adding items to your cart, and proceeding to checkout. Follow the simple steps to complete your purchase."
        },
        {
-          id: "faq-2",          title: "What is your return policy?",          content: "We offer a 30-day return policy for unused items in their original packaging. Please visit our 'Returns' page for detailed instructions."},
+          id: "faq-2",          title: "",          content: "We offer a 30-day return policy for unused items in their original packaging. Please visit our 'Returns' page for detailed instructions."},
        {
-          id: "faq-3",          title: "Do you ship internationally?",          content: "Currently, we only ship within India. We are working on expanding our delivery services internationally in the near future."},
+          id: "faq-3",          title: "",          content: "Currently, we only ship within India. We are working on expanding our delivery services internationally in the near future."},
        {
-          id: "faq-4",          title: "How can I track my order?",          content: "Once your order is shipped, you will receive an email with a tracking number and a link to track your package's journey."},
+          id: "faq-4",          title: "",          content: "Once your order is shipped, you will receive an email with a tracking number and a link to track your package's journey."},
      ]}
-      title="Frequently Asked Questions"
+      title="Frequently DHABALE"
      description="Find answers to common questions about our products, orders, and services."
      faqsAnimation="slide-up"
    />
@@ -249,9 +249,9 @@ export default function LandingPage() {
      text="Ready to Gear Up? Contact DHABALE SPORT Today!"
      buttons={[
        {
-          text: "Call Us: +919876543210",          href: "tel:+919876543210"},
+          text: "Call Us: +9022 65581",          href: "tel:+919876543210"},
        {
-          text: "Email Us",          href: "mailto:info@dhabalesport.com"},
+          text: " GALLI , SHARTRI NAGER TUMSAR ",          href: "mailto:info@dhabalesport.com"},
      ]}
    />
  </div>
--- 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-montserrat), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
-  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --background: #f5f4ef;
+  --card: #dad6cd;
+  --foreground: #2a2928;
+  --primary-cta: #2a2928;
+  --primary-cta-text: #f5f4ef;
+  --secondary-cta: #ecebea;
+  --secondary-cta-text: #2a2928;
+  --accent: #ffffff;
+  --background-accent: #c6b180;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	936399947c	Update theme colors	2026-06-10 06:43:28 +00:00
bender	1c8b8608c6	Update src/app/page.tsx	2026-06-10 06:43:07 +00:00
bender	3f72943b49	Update theme fonts	2026-06-10 06:33:48 +00:00
bender	e8b1be3532	Update theme fonts	2026-06-10 06:33:48 +00:00
bender	268b742338	Update theme fonts	2026-06-10 06:33:32 +00:00
bender	a3844a0e5b	Update theme fonts	2026-06-10 06:33:32 +00:00
bender	b99dfe1358	Update theme colors	2026-06-10 06:33:16 +00:00