Update theme colors

Bob AI: revert latest changes
2026-02-27 07:49:40 +00:00 · 2026-02-27 07:45:01 +00:00 · 2026-02-27 09:40:42 +02:00 · 2026-02-27 07:39:26 +00:00 · 2026-02-27 09:39:15 +02:00 · 2026-02-27 07:34:22 +00:00
4 changed files with 43 additions and 38 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,17 +1,24 @@
 import type { Metadata } from "next";
-import { Nunito } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
+import { Mulish } from "next/font/google";
+import { Inter } from "next/font/google";

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

 export const metadata: Metadata = {
  title: "Artisan Bakery | Fresh Baked Goods Delivered Daily",  description: "Discover freshly baked artisan breads, pastries, and cakes made daily with love. Order online for local delivery or visit our warm, inviting bakery today.",  keywords: ["artisan bakery", "fresh baked goods", "sourdough bread", "croissants", "custom cakes", "local bakery", "online bakery orders", "pastries", "cinnamon rolls", "bakery delivery"]
 };

+const mulish = Mulish({
+  variable: "--font-mulish",
+  subsets: ["latin"],
+});
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+
 export default function RootLayout({
  children,
 }: Readonly<{
@@ -20,9 +27,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${nunito.variable} antialiased`}
-        >
+        <body className={`${mulish.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
        
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -11,6 +11,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Heart, HelpCircle, Sparkles } from "lucide-react";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";

 export default function LandingPage() {
  return (
@@ -27,7 +28,7 @@ export default function LandingPage() {
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
+        <NavbarStyleApple
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
@@ -44,23 +45,22 @@ export default function LandingPage() {
      </div>

      <div id="hero-section" data-section="hero-section">
-        <HeroOverlay
-          title="Freshly Baked Goodness, Delivered with Love"
-          description="Discover our artisan bakery's finest creations—from sourdough to seasonal pastries. Made daily with premium ingredients and baked to perfection."
-          tag="New Summer Collection"
+        <HeroBillboard
+          title="Artisan Bakery"
+          description="Handcrafted breads and pastries baked fresh daily. Experience the warmth of traditional baking techniques combined with premium, locally-sourced ingredients."
+          background={{ variant: "radial-gradient" }}
+          tag="Freshly Baked Daily"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
-            { text: "Order Now", href: "#products-section" },
-            { text: "Learn Our Story", href: "#about-section" }
+            { label: "Shop Now", href: "#products-section", dataWebildId: "hero_billboard_shop_btn" },
+            { label: "View Menu", href: "#menu-section", dataWebildId: "hero_billboard_menu_btn" }
          ]}
          buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg"
-          imageAlt="artisan bakery interior fresh baked goods display warm bakery lighting"
-          textPosition="bottom-left"
-          showDimOverlay={false}
-          showBlur={true}
-          ariaLabel="Hero section showcasing artisan bakery products"
+          imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
+          imageAlt="artisan bakery showcase with fresh baked goods"
+          mediaAnimation="fade-in"
+          ariaLabel="Hero section for artisan bakery featuring fresh baked goods"
        />
      </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-font-family: var(--font-nunito), sans-serif;), 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-font-family: var(--font-nunito), sans-serif;), sans-serif;
+  font-family: var(--font-mulish), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0b07ff;;
-  --secondary-cta: #ffffff;;
-  --accent: #93b7ff;;
-  --background-accent: #a8bae8;; */
+  /* --background: #ffffff;;;;
+  --card: #f9f9f9;;;;
+  --foreground: #120a00e6;;;;
+  --primary-cta: #FF7B05;;;;
+  --secondary-cta: #f9f9f9;;;;
+  --accent: #e2e2e2;;;;
+  --background-accent: #FF7B05;;;; */

-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0b07ff;;
+  --background: #ffffff;;;;
+  --card: #f9f9f9;;;;
+  --foreground: #120a00e6;;;;
+  --primary-cta: #FF7B05;;;;
  --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #f9f9f9;;;;
  --secondary-cta-text: #0c1325;;
-  --accent: #93b7ff;;
-  --background-accent: #a8bae8;;
+  --accent: #e2e2e2;;;;
+  --background-accent: #FF7B05;;;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	73f469e0c3	Update theme colors	2026-02-27 07:49:40 +00:00
bender	9c45a4a6c2	Update theme colors	2026-02-27 07:45:01 +00:00
kudindmitriy	3bf43eaff7	Bob AI: revert latest changes	2026-02-27 09:40:42 +02:00
bender	c905d48e24	Merge version_6 into main Merge version_6 into main	2026-02-27 07:39:26 +00:00
kudindmitriy	9e2672834a	Bob AI: [Block: hero-billboard\|Hero Billboard\|/blocks/hero...	2026-02-27 09:39:15 +02:00
bender	767b7d030c	Merge version_5 into main Merge version_5 into main	2026-02-27 07:34:22 +00:00
kudindmitriy	889890b372	Bob AI: change font to Mulish + Inter	2026-02-27 09:34:10 +02:00
bender	17dfec37fd	Merge version_4 into main Merge version_4 into main	2026-02-27 07:32:21 +00:00
kudindmitriy	5739e47030	Bob AI: change theme to omething more vibrant and warm	2026-02-27 09:32:11 +02:00
bender	10a7af6fdb	Merge version_3 into main Merge version_3 into main	2026-02-27 07:30:10 +00:00
kudindmitriy	08d3ae8403	Bob AI: i dont like this hero section	2026-02-27 09:30:00 +02:00
bender	a27ef70152	Merge version_2 into main Merge version_2 into main	2026-02-27 07:28:14 +00:00
kudindmitriy	efb5e584be	Bob AI: Replace the current NavbarStyleFullscreen navbar with a diff	2026-02-27 09:27:59 +02:00
bender	b752f6f28a	Merge version_1 into main Merge version_1 into main	2026-02-27 07:22:42 +00:00