Update theme colors

Update theme fonts
2026-05-13 09:07:09 +00:00 · 2026-05-13 09:06:54 +00:00 · 2026-05-13 09:06:32 +00:00 · 2026-05-13 09:06:31 +00:00 · 2026-05-13 09:00:09 +00:00 · 2026-05-13 08:53:53 +00:00
4 changed files with 25 additions and 17 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 { Nunito } from "next/font/google";
+import { Figtree } from "next/font/google";



@@ -20,8 +21,9 @@ export const metadata: Metadata = {
  },
 };

-const nunito = Nunito({
-  variable: "--font-nunito",
+
+const figtree = Figtree({
+  variable: "--font-figtree",
  subsets: ["latin"],
 });

@@ -33,7 +35,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${nunito.variable} antialiased`}>
+        <body className={`${figtree.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Clock, Leaf, Truck, Utensils } from "lucide-react";
+import { Clock, Leaf, MessageCircle, Truck, Utensils } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -39,6 +39,8 @@ export default function LandingPage() {
          name: "About",          id: "about"},
        {
          name: "Contact",          id: "contact"},
+        {
+          name: "WhatsApp",          id: "whatsapp"},
      ]}
      brandName="Bolani"
    />
@@ -47,7 +49,7 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
-        variant: "gradient-bars"}}
+        variant: "plain"}}
      title="Authentic Afghan Flavors"
      description="Experience the traditional taste of Bolani in the heart of Kabul. Every bite is a journey through our heritage."
      testimonials={[
@@ -95,6 +97,8 @@ export default function LandingPage() {
        {
          type: "text",          text: "Best in Kabul"},
      ]}
+      buttons={[{
+        text: "Chat on WhatsApp",        href: "https://wa.me/93700000000"}]}
    />
  </div>

@@ -207,7 +211,7 @@ export default function LandingPage() {
      <ContactSplit
      useInvertedBackground={true}
      background={{
-        variant: "gradient-bars"}}
+        variant: "plain"}}
      title="Visit Us Today"
      description="Need a reservation or have questions? Contact us now."
      mediaAnimation="slide-up"
@@ -229,6 +233,8 @@ export default function LandingPage() {
              label: "About",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
+            {
+              label: "WhatsApp",              href: "https://wa.me/93700000000"},
          ],
        },
        {
--- 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-nunito), sans-serif;
+  font-family: var(--font-figtree), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito), sans-serif;
+  font-family: var(--font-figtree), sans-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: #c85a1a;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #b8860b;
-  --background-accent: #e1b875;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #ffffffe6;
+  --accent: #737373;
+  --background-accent: #737373;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	943902931b	Update theme colors	2026-05-13 09:07:09 +00:00
bender	376c05e7ea	Update theme colors	2026-05-13 09:06:54 +00:00
bender	cf4e90d8a3	Update theme fonts	2026-05-13 09:06:32 +00:00
bender	a7a8abd7f7	Update theme fonts	2026-05-13 09:06:31 +00:00
bender	49170171b6	Update src/app/page.tsx	2026-05-13 09:00:09 +00:00
bender	e3c8eb1eeb	Merge version_3 into main Merge version_3 into main	2026-05-13 08:53:53 +00:00
bender	b6f911c521	Update src/app/page.tsx	2026-05-13 08:53:47 +00:00
bender	b6cf1f1651	Merge version_3 into main Merge version_3 into main	2026-05-13 08:53:16 +00:00
bender	c34f58448c	Update src/app/page.tsx	2026-05-13 08:53:13 +00:00
bender	b0d2a27bc4	Merge version_2 into main Merge version_2 into main	2026-05-13 08:51:00 +00:00