diff --git a/src/app/page.tsx b/src/app/page.tsx index 3a598ee..f372791 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="mediumLarge" sizing="large" - background="noise" + background="circleGradient" cardStyle="subtle-shadow" primaryButtonStyle="flat" secondaryButtonStyle="radial-glow" @@ -44,13 +44,13 @@ export default function LandingPage() { title="McDonald's πŸ” - Good Food, Quick Service" description="Fast food so good you'll forget you came just for fries. Crispy nuggets, legendary ice cream, and yesβ€”we remembered the ketchup this time." tag="Order Online Now" - background={{ variant: "noise" }} + background={{ variant: "plain" }} mediaItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-burgers-close-up-detail_23-2149098866.jpg", imageAlt: "Delicious McDonald's burgers" }, - { imageSrc: "http://img.b2bpic.net/free-photo/fried-chips_23-2147695722.jpg?_wi=1", imageAlt: "Crispy golden fries" }, - { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plates-with-flavored-ice-cream_23-2148421978.jpg?_wi=1", imageAlt: "Soft serve ice cream" }, + { imageSrc: "http://img.b2bpic.net/free-photo/fried-chips_23-2147695722.jpg", imageAlt: "Crispy golden fries" }, + { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plates-with-flavored-ice-cream_23-2148421978.jpg", imageAlt: "Soft serve ice cream" }, { imageSrc: "http://img.b2bpic.net/free-photo/from-chicken-nuggets-with-french-fries-wooden-plate_176474-2615.jpg", imageAlt: "Golden chicken nuggets" }, - { imageSrc: "http://img.b2bpic.net/free-photo/serving-burger-background_1321-4523.jpg?_wi=1", imageAlt: "Legendary cheeseburger" } + { imageSrc: "http://img.b2bpic.net/free-photo/serving-burger-background_1321-4523.jpg", imageAlt: "Legendary cheeseburger" } ]} buttons={[ { text: "Order Before Someone Eats Your Fries", href: "contact" }, @@ -69,15 +69,15 @@ export default function LandingPage() { features={[ { id: 1, - title: "⚑ Lightning Fast Service", description: "Our team moves faster than your friend who said they weren't hungry but keeps stealing fries. Ready in minutes, not hours.", imageSrc: "http://img.b2bpic.net/free-photo/fried-chips_23-2147695722.jpg?_wi=2", imageAlt: "Crispy golden fries" + title: "⚑ Lightning Fast Service", description: "Our team moves faster than your friend who said they weren't hungry but keeps stealing fries. Ready in minutes, not hours.", imageSrc: "http://img.b2bpic.net/free-photo/fried-chips_23-2147695722.jpg", imageAlt: "Crispy golden fries" }, { id: 2, - title: "🍟 Fries Worth Fighting For", description: "Crispy, salty, and dangerously shareable. Golden perfection every single time. Pro tip: order two.", imageSrc: "http://img.b2bpic.net/free-photo/fried-chips_23-2147695722.jpg?_wi=3", imageAlt: "Crispy golden fries" + title: "🍟 Fries Worth Fighting For", description: "Crispy, salty, and dangerously shareable. Golden perfection every single time. Pro tip: order two.", imageSrc: "http://img.b2bpic.net/free-photo/fried-chips_23-2147695722.jpg", imageAlt: "Crispy golden fries" }, { id: 3, - title: "🍦 Ice Cream That Never Misses", description: "The dessert hero. Reliable, creamy, and always the correct decision. Your comfort food awaits.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plates-with-flavored-ice-cream_23-2148421978.jpg?_wi=2", imageAlt: "Soft serve ice cream" + title: "🍦 Ice Cream That Never Misses", description: "The dessert hero. Reliable, creamy, and always the correct decision. Your comfort food awaits.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plates-with-flavored-ice-cream_23-2148421978.jpg", imageAlt: "Soft serve ice cream" } ]} textboxLayout="default" @@ -94,7 +94,7 @@ export default function LandingPage() { tag="Bestsellers" products={[ { - id: "1", name: "Legendary Cheeseburger", price: "$5.99", variant: "Classic Single with Cheese", imageSrc: "http://img.b2bpic.net/free-photo/serving-burger-background_1321-4523.jpg?_wi=2", imageAlt: "Legendary cheeseburger" + id: "1", name: "Legendary Cheeseburger", price: "$5.99", variant: "Classic Single with Cheese", imageSrc: "http://img.b2bpic.net/free-photo/serving-burger-background_1321-4523.jpg", imageAlt: "Legendary cheeseburger" }, { id: "2", name: "Golden Nuggets", price: "$7.49", variant: "6 or 10 Piece Box", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-cheee-balls-lettuce-plate-cherry-tomatoes-salt-black-pepper-wooden-spoons-dark-table-free-space_140725-142283.jpg", imageAlt: "Golden chicken nuggets" @@ -175,7 +175,7 @@ export default function LandingPage() { tag="Newsletter" title="Stay Updated with Deals & Offers" description="Subscribe to our newsletter and be the first to know about new menu items, special promotions, and exclusive McDonald's offers delivered to your inbox." - background={{ variant: "noise" }} + background={{ variant: "plain" }} useInvertedBackground={false} imageSrc="http://img.b2bpic.net/free-photo/restaurant-private-room-with-table-12-blue-chairs-white-brick-walls-wide-window-paintings_140725-8451.jpg" imageAlt="McDonald's restaurant dining area" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..51114d6 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,43 @@ -"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; className?: string; + fontSize?: number; + fontFamily?: string; + fontWeight?: string | number; + letterSpacing?: string | number; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 48, + fontFamily = 'system-ui, -apple-system, sans-serif', + fontWeight = 700, + letterSpacing = 'normal', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;