6 Commits

Author SHA1 Message Date
f62a9472d6 Merge version_4 into main
Merge version_4 into main
2026-02-23 16:05:28 +00:00
982672301f Update src/app/page.tsx 2026-02-23 16:05:23 +00:00
f5556592af Merge version_3 into main
Merge version_3 into main
2026-02-23 16:00:37 +00:00
487973b161 Update src/app/styles/base.css 2026-02-23 16:00:32 +00:00
4c26cfa1c1 Update src/app/layout.tsx 2026-02-23 16:00:31 +00:00
e0ff4d943c Bob AI: change theme to dark yellow 2026-02-23 17:53:11 +02:00
4 changed files with 30 additions and 40 deletions

View File

@@ -1,14 +1,9 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Mulish } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const mulish = Mulish({
variable: "--font-mulish", subsets: ["latin"],
});
const inter = Inter({ const inter = Inter({
variable: "--font-inter", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
}); });
@@ -26,7 +21,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${mulish.variable} ${inter.variable} antialiased`} className={`${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

View File

@@ -1,7 +1,7 @@
"use client" "use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlay from '@/components/sections/hero/HeroOverlay'; import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -43,22 +43,17 @@ export default function LandingPage() {
</div> </div>
<div id="hero-section" data-section="hero-section"> <div id="hero-section" data-section="hero-section">
<HeroOverlay <HeroLogo
title="Artisan Baked Goods Delivered to Your Doorstep" logoText="Warm & Crumb"
description="Experience the warmth of freshly baked breads, pastries, and desserts made with love using time-honored techniques and the finest ingredients." description="Artisan Baked Goods Delivered to Your Doorstep"
tag="Fresh Daily"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[ buttons={[
{ text: "View Our Menu", href: "#products-section" }, { text: "View Our Menu", href: "products-section" },
{ text: "Visit Us", href: "#contact-section" } { text: "Visit Us", href: "contact-section" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="https://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg" imageSrc="https://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"
imageAlt="Warm and inviting bakery interior with fresh pastries on display" imageAlt="Warm and inviting bakery interior with fresh pastries on display"
textPosition="bottom-left"
showDimOverlay={true} showDimOverlay={true}
showBlur={true}
/> />
</div> </div>
@@ -70,8 +65,8 @@ export default function LandingPage() {
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ text: "Explore Our Products", href: "#products-section" }, { text: "Explore Our Products", href: "products-section" },
{ text: "Visit Our Bakery", href: "#contact-section" } { text: "Visit Our Bakery", href: "contact-section" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg" imageSrc="https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg"
@@ -181,7 +176,7 @@ export default function LandingPage() {
tagIcon={HelpCircle} tagIcon={HelpCircle}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ text: "Contact Us", href: "#contact-section" } { text: "Contact Us", href: "contact-section" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
@@ -216,16 +211,16 @@ export default function LandingPage() {
columns={[ columns={[
{ {
title: "Explore", items: [ title: "Explore", items: [
{ label: "Home", href: "#hero-section" }, { label: "Home", href: "hero-section" },
{ label: "Our Story", href: "#about-section" }, { label: "Our Story", href: "about-section" },
{ label: "Menu", href: "#products-section" }, { label: "Menu", href: "products-section" },
{ label: "Testimonials", href: "#testimonials-section" } { label: "Testimonials", href: "testimonials-section" }
] ]
}, },
{ {
title: "Support", items: [ title: "Support", items: [
{ label: "FAQ", href: "#faq-section" }, { label: "FAQ", href: "faq-section" },
{ label: "Contact Us", href: "#contact-section" }, { label: "Contact Us", href: "contact-section" },
{ label: "Delivery Info", href: "#" }, { label: "Delivery Info", href: "#" },
{ label: "Returns Policy", href: "#" } { label: "Returns Policy", href: "#" }
] ]

View File

@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-mulish), sans-serif; font-family: var(--font-inter), sans-serif;
} }

View File

@@ -3,22 +3,22 @@
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f7f6f7;; /* --background: #f7f6f7;;
--card: #ffffff;; --card: #1a1a1a;;
--foreground: #0c1325;; --foreground: #ffff00;;
--primary-cta: #0b07ff;; --primary-cta: #ffcc00;;
--secondary-cta: #ffffff;; --secondary-cta: #ffff00;;
--accent: #93b7ff;; --accent: #ff9900;;
--background-accent: #a8bae8;; */ --background-accent: #333300;; */
--background: #f7f6f7;; --background: #000000;;
--card: #ffffff;; --card: #1a1a1a;;
--foreground: #0c1325;; --foreground: #ffff00;;
--primary-cta: #0b07ff;; --primary-cta: #ffcc00;;
--primary-cta-text: #f7f6f7;; --primary-cta-text: #f7f6f7;;
--secondary-cta: #ffffff;; --secondary-cta: #ffff00;;
--secondary-cta-text: #0c1325;; --secondary-cta-text: #0c1325;;
--accent: #93b7ff;; --accent: #ff9900;;
--background-accent: #a8bae8;; --background-accent: #333300;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);