diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 03ac244..b3b4540 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -20,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
- title: "Navigate",
- items: [
+ title: "Navigate", items: [
{ label: "Home", href: "/" },
{ label: "Menu", href: "/menu" },
{ label: "Gallery", href: "/gallery" },
@@ -29,8 +28,7 @@ export default function AboutPage() {
]
},
{
- title: "Order & Contact",
- items: [
+ title: "Order & Contact", items: [
{ label: "Order via Glovo", href: "https://glovo.com" },
{ label: "Call Us", href: "tel:+212522995910" },
{ label: "Email", href: "mailto:hello@wafflefactory.ma" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
]
},
{
- title: "Hours & Info",
- items: [
+ title: "Hours & Info", items: [
{ label: "Open Today", href: "#" },
{ label: "Closes 23:00", href: "#" },
{ label: "Delivery Available", href: "#" },
@@ -47,8 +44,7 @@ export default function AboutPage() {
]
},
{
- title: "Legal",
- items: [
+ title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Delivery Info", href: "#" }
@@ -82,19 +78,16 @@ export default function AboutPage() {
@@ -296,7 +196,7 @@ export default function HomePage() {
description="Whether you want to reserve a table, place an order for delivery, or just say hello—we're here for you. Open until 23:00 daily."
tagIcon={Phone}
tagAnimation="slide-up"
- background={{ variant: "floatingGradient" }}
+ background={{ variant: "plain" }}
useInvertedBackground={false}
inputPlaceholder="Your email address"
buttonText="Subscribe"
@@ -308,8 +208,7 @@ export default function HomePage() {
{
+ text: string;
+ fontSize?: number;
+ fontFamily?: string;
+ fontWeight?: number | string;
+ fill?: string;
className?: string;
}
-const SvgTextLogo = memo(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+const SvgTextLogo: React.FC = ({
+ text,
+ fontSize = 48,
+ fontFamily = 'Arial, sans-serif',
+ fontWeight = 'bold',
+ fill = '#000000',
+ className = '',
+ ...svgProps
+}) => {
+ const textLength = text.length;
+ const estimatedWidth = textLength * (fontSize * 0.6);
+ const estimatedHeight = fontSize * 1.5;
return (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file