From 69d59a0e3c20f18338c09a94064dd47f4e8ae3f0 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 08:11:15 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 10c4179..ec17848 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -23,7 +23,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumSmall" sizing="large" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="glass" @@ -51,8 +51,8 @@ export default function LandingPage() { tag="Welcome to Belle Café" tagIcon={Coffee} tagAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} - imageSrc="http://img.b2bpic.net/free-photo/elevated-view-baked-croissant-fruits-tea-dryfruits-white-tablecloth_23-2147907266.jpg?_wi=1" + background={{ variant: "plain" }} + imageSrc="http://img.b2bpic.net/free-photo/elevated-view-baked-croissant-fruits-tea-dryfruits-white-tablecloth_23-2147907266.jpg" imageAlt="Belle Café artistic brunch setting" buttons={[ { text: "Visit Us Today", href: "#contact" }, @@ -76,7 +76,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} mediaAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg" imageAlt="Belle Café artistic interior with local art" imagePosition="right" bulletPoints={[ @@ -130,10 +130,10 @@ export default function LandingPage() { animationType="slide-up" metrics={[ { - id: "1", value: "2,500+", title: "Monthly Visitors", description: "Locals and tourists discovering Belle Café", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-baked-croissant-fruits-tea-dryfruits-white-tablecloth_23-2147907266.jpg?_wi=2", imageAlt: "Busy café filled with satisfied customers" + id: "1", value: "2,500+", title: "Monthly Visitors", description: "Locals and tourists discovering Belle Café", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-baked-croissant-fruits-tea-dryfruits-white-tablecloth_23-2147907266.jpg", imageAlt: "Busy café filled with satisfied customers" }, { - id: "2", value: "50+", title: "Local Artists Featured", description: "Showcasing Christchurch's creative community", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg?_wi=2", imageAlt: "Gallery wall featuring local artworks" + id: "2", value: "50+", title: "Local Artists Featured", description: "Showcasing Christchurch's creative community", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg", imageAlt: "Gallery wall featuring local artworks" } ]} /> -- 2.49.1 From cbb0e8c9afa0f0255e7b9c6f32e29c2dc00c123c Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 08:11:15 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 64 +++++++++---------- 1 file changed, 29 insertions(+), 35 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..8a5e1d2 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,45 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; + fontSize?: number; + fill?: string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +export const SvgTextLogo: React.FC = ({ + text, + fontSize = 48, + fill = 'currentColor', + className = '', +}) => { + const textLength = text.length; + const charWidth = fontSize * 0.6; + const width = charWidth * textLength + 20; + const height = fontSize + 20; return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1