diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 7e71c06..4113f9d 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -36,9 +36,7 @@ export default function AboutPage() { { name: "Contact", id: "/contact" }, ]} button={{ - text: "Visit Us", - href: "/contact", - }} + text: "Visit Us", href: "/contact"}} animateOnLoad={true} /> @@ -55,9 +53,10 @@ export default function AboutPage() { { value: "10+", title: "Years of Gaming Excellence" }, { value: "2K+", title: "Active Community Members" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/boxes-with-clothes-food-donations-collected-charity_23-2149230577.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/boxes-with-clothes-food-donations-collected-charity_23-2149230577.jpg" imageAlt="Gamers Realm store interior" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -72,35 +71,14 @@ export default function AboutPage() { tagAnimation="slide-up" products={[ { - id: "1", - brand: "Warhammer", - name: "Starter Paint Set", - price: "$34.99", - rating: 5, - reviewCount: "127", - imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-objects-arrangement_23-2150348539.jpg?_wi=3", - imageAlt: "Warhammer paint starter set", - }, + id: "1", brand: "Warhammer", name: "Starter Paint Set", price: "$34.99", rating: 5, + reviewCount: "127", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-objects-arrangement_23-2150348539.jpg", imageAlt: "Warhammer paint starter set"}, { - id: "2", - brand: "MTG", - name: "Booster Pack - Latest Set", - price: "$4.99", - rating: 5, - reviewCount: "89", - imageSrc: "http://img.b2bpic.net/free-vector/gradient-futuristic-cover-collection_23-2148901500.jpg?_wi=4", - imageAlt: "Magic The Gathering booster pack", - }, + id: "2", brand: "MTG", name: "Booster Pack - Latest Set", price: "$4.99", rating: 5, + reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-vector/gradient-futuristic-cover-collection_23-2148901500.jpg", imageAlt: "Magic The Gathering booster pack"}, { - id: "3", - brand: "D&D", - name: "Dungeon Master's Guide", - price: "$49.95", - rating: 5, - reviewCount: "342", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-pastor-praying-with-bible_23-2149300856.jpg?_wi=4", - imageAlt: "D&D Dungeon Master's Guide", - }, + id: "3", brand: "D&D", name: "Dungeon Master's Guide", price: "$49.95", rating: 5, + reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pastor-praying-with-bible_23-2149300856.jpg", imageAlt: "D&D Dungeon Master's Guide"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -108,9 +86,7 @@ export default function AboutPage() { useInvertedBackground={false} buttons={[ { - text: "View Full Shop", - href: "/shop", - }, + text: "View Full Shop", href: "/shop"}, ]} buttonAnimation="slide-up" /> @@ -142,8 +118,7 @@ export default function AboutPage() { @@ -119,9 +114,10 @@ export default function HomePage() { tag="Our Story" tagIcon={Trophy} tagAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/boxes-with-clothes-food-donations-collected-charity_23-2149230577.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/boxes-with-clothes-food-donations-collected-charity_23-2149230577.jpg" imageAlt="Gamers Realm store interior" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -136,45 +132,17 @@ export default function HomePage() { tagAnimation="slide-up" products={[ { - id: "1", - brand: "Warhammer", - name: "Starter Paint Set", - price: "$34.99", - rating: 5, - reviewCount: "127", - imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-objects-arrangement_23-2150348539.jpg?_wi=1", - imageAlt: "Warhammer paint starter set", - }, + id: "1", brand: "Warhammer", name: "Starter Paint Set", price: "$34.99", rating: 5, + reviewCount: "127", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-objects-arrangement_23-2150348539.jpg", imageAlt: "Warhammer paint starter set"}, { - id: "2", - brand: "MTG", - name: "Booster Pack - Latest Set", - price: "$4.99", - rating: 5, - reviewCount: "89", - imageSrc: "http://img.b2bpic.net/free-vector/gradient-futuristic-cover-collection_23-2148901500.jpg?_wi=1", - imageAlt: "Magic The Gathering booster pack", - }, + id: "2", brand: "MTG", name: "Booster Pack - Latest Set", price: "$4.99", rating: 5, + reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-vector/gradient-futuristic-cover-collection_23-2148901500.jpg", imageAlt: "Magic The Gathering booster pack"}, { - id: "3", - brand: "D&D", - name: "Dungeon Master's Guide", - price: "$49.95", - rating: 5, - reviewCount: "342", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-pastor-praying-with-bible_23-2149300856.jpg?_wi=1", - imageAlt: "D&D Dungeon Master's Guide", - }, + id: "3", brand: "D&D", name: "Dungeon Master's Guide", price: "$49.95", rating: 5, + reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pastor-praying-with-bible_23-2149300856.jpg", imageAlt: "D&D Dungeon Master's Guide"}, { - id: "4", - brand: "Nolzur's", - name: "Miniature Pack - Dragons", - price: "$24.99", - rating: 5, - reviewCount: "76", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sculpture-two-ducks-made-clay_181624-58884.jpg?_wi=1", - imageAlt: "Dragon miniatures collection", - }, + id: "4", brand: "Nolzur's", name: "Miniature Pack - Dragons", price: "$24.99", rating: 5, + reviewCount: "76", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sculpture-two-ducks-made-clay_181624-58884.jpg", imageAlt: "Dragon miniatures collection"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -190,32 +158,16 @@ export default function HomePage() { (function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + fontSize = 24, + fontFamily = 'Arial, sans-serif', + fontWeight = 'bold', + fill = '#000000', + className = '', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;