diff --git a/src/app/page.tsx b/src/app/page.tsx index a88276a..66f24e8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -45,8 +45,8 @@ const productFeatures = [ ]; const metrics = [ - { id: "1", value: "73", title: "Years in Business", description: "Serving Schoolcraft County since 1951", imageSrc: "http://img.b2bpic.net/free-photo/mall-america-scenes-cinematic-style_23-2151551211.jpg?_wi=1", imageAlt: "retail sports shop storefront exterior building" }, - { id: "2", value: "#1", title: "Largest in County", description: "Most comprehensive selection of outdoor gear", imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-with-shelves-many-forms-creating-different-shoes-boots_613910-12916.jpg?_wi=1", imageAlt: "sports retail store interior shelves displays" }, + { id: "1", value: "73", title: "Years in Business", description: "Serving Schoolcraft County since 1951", imageSrc: "http://img.b2bpic.net/free-photo/mall-america-scenes-cinematic-style_23-2151551211.jpg", imageAlt: "retail sports shop storefront exterior building" }, + { id: "2", value: "#1", title: "Largest in County", description: "Most comprehensive selection of outdoor gear", imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-with-shelves-many-forms-creating-different-shoes-boots_613910-12916.jpg", imageAlt: "sports retail store interior shelves displays" }, { id: "3", value: "4", title: "Major Categories", description: "Fishing, Hunting, Camping, and Marine supplies", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-celebrating-outdoors_23-2149383092.jpg", imageAlt: "community gathering local people event" } ]; @@ -122,7 +122,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="circleGradient" + background="aurora" cardStyle="inset" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="radial-glow" @@ -141,7 +141,7 @@ export default function LandingPage() { (function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ text, size = 'medium', className = '' }) => { + const sizeMap = { + small: { fontSize: '24px', width: '200', height: '60' }, + medium: { fontSize: '36px', width: '300', height: '80' }, + large: { fontSize: '48px', width: '400', height: '100' } + }; + + const { fontSize, width, height } = sizeMap[size]; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;