diff --git a/src/app/page.tsx b/src/app/page.tsx index 1959b2d..d7c44c0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumSmall" sizing="mediumSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="double-inset" secondaryButtonStyle="layered" @@ -45,7 +45,7 @@ export default function LandingPage() { description="Slow-simmered broths. Fresh noodles. Bold flavors. Experience ramen the way it's meant to be." tag="Premium Japanese Cuisine" tagIcon={Sparkles} - background={{ variant: "aurora" }} + background={{ variant: "glowing-orb" }} kpis={[ { value: "90%", label: "Customer Satisfaction" }, { value: "20+", label: "Years Experience" }, @@ -195,13 +195,13 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "1", name: "Pickup", price: "Ready in 15 min", imageSrc: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100630.jpg?_wi=1", imageAlt: "Quick pickup service" + id: "1", name: "Pickup", price: "Ready in 15 min", imageSrc: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100630.jpg", imageAlt: "Quick pickup service" }, { - id: "2", name: "Delivery", price: "30-45 min delivery", imageSrc: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100630.jpg?_wi=2", imageAlt: "Fast delivery service" + id: "2", name: "Delivery", price: "30-45 min delivery", imageSrc: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100630.jpg", imageAlt: "Fast delivery service" }, { - id: "3", name: "Dine In", price: "Premium experience", imageSrc: "http://img.b2bpic.net/free-photo/front-view-family-celebrating-birthday-together_23-2150598997.jpg?_wi=1", imageAlt: "Elegant dining experience" + id: "3", name: "Dine In", price: "Premium experience", imageSrc: "http://img.b2bpic.net/free-photo/front-view-family-celebrating-birthday-together_23-2150598997.jpg", imageAlt: "Elegant dining experience" } ]} buttons={[ @@ -223,19 +223,19 @@ export default function LandingPage() { features={[ { id: "1", title: "Outdoor Dining", tags: ["Comfortable", "Spacious"], - imageSrc: "http://img.b2bpic.net/free-photo/front-view-family-celebrating-birthday-together_23-2150598997.jpg?_wi=2", imageAlt: "Outdoor dining area" + imageSrc: "http://img.b2bpic.net/free-photo/front-view-family-celebrating-birthday-together_23-2150598997.jpg", imageAlt: "Outdoor dining area" }, { id: "2", title: "Family Friendly", tags: ["Welcoming", "All Ages"], - imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg?_wi=1", imageAlt: "Family dining atmosphere" + imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg", imageAlt: "Family dining atmosphere" }, { id: "3", title: "Wheelchair Accessible", tags: ["Accessible", "Inclusive"], - imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg?_wi=2", imageAlt: "Accessible entrance and facilities" + imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg", imageAlt: "Accessible entrance and facilities" }, { id: "4", title: "Modern Japanese Interior", tags: ["Stylish", "Contemporary"], - imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg?_wi=3", imageAlt: "Modern Japanese design" + imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg", imageAlt: "Modern Japanese design" } ]} /> @@ -247,7 +247,7 @@ export default function LandingPage() { tagIcon={ArrowRight} title="Reserve Your Table or Order Online Today" description="Experience authentic Japanese ramen crafted with obsession. Whether you dine in, pick up, or have it delivered, JINYA brings premium flavor to your table." - background={{ variant: "aurora" }} + background={{ variant: "glowing-orb" }} useInvertedBackground={true} buttons={[ { text: "Reserve Table", href: "tel:+1-770-573-4988" }, diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..87d89a5 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,46 @@ -"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; + fontWeight?: number | string; + fill?: 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, + className = '', + fontSize = 32, + fontWeight = 'bold', + fill = 'currentColor', +}) => { + 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