bender/4d5028c5-3c25-48ff-8b56-3f588f85955a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-12 21:48:07 +00:00
Conversation 0 Commits 5 Files Changed 5 +99 -330
5 changed files with 99 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/app/about/page.tsx
View File

@@ -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}
/>
</div>
@@ -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}
/>
</div>
@@ -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() {
<FooterBaseReveal
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Miniatures", href: "/shop" },
{ label: "RPG Books", href: "/shop" },
{ label: "Card Games", href: "/shop" },
@@ -151,8 +126,7 @@ export default function AboutPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Gaming Tables", href: "/gaming-tables" },
{ label: "Events", href: "/events" },
{ label: "Reviews", href: "/reviews" },
@@ -160,8 +134,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
{ label: "Hours & Location", href: "/contact" },

83
src/app/events/page.tsx
View File

@@ -7,7 +7,7 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { BookOpen, Trophy, Users, Sofa, Star, Bell } from "lucide-react";
import { BookOpen, Trophy, Users, Sofa, Star, Bell, Dice5 } from "lucide-react";
export default function EventsPage() {
return (
@@ -43,32 +43,16 @@ export default function EventsPage() {
<FeatureCardTwentySix
features={[
{
title: "Table 1: Dungeon Master's Table",
description: "Premium setup with integrated lighting and weatherproof surface. Perfect for D&D campaigns.",
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172481.jpg?_wi=2",
imageAlt: "D&D gaming table setup",
buttonIcon: BookOpen,
title: "Table 1: Dungeon Master's Table", description: "Premium setup with integrated lighting and weatherproof surface. Perfect for D&D campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172481.jpg", imageAlt: "D&D gaming table setup", buttonIcon: BookOpen,
},
{
title: "Table 2: Tournament Table",
description: "Competition-grade table for Magic, Pokémon, and Yu-Gi-Oh tournaments. Regular events hosted.",
imageSrc: "http://img.b2bpic.net/free-photo/pov-professional-online-shooter-games-wearing-headset_482257-17349.jpg?_wi=2",
imageAlt: "Tournament gaming table",
buttonIcon: Trophy,
title: "Table 2: Tournament Table", description: "Competition-grade table for Magic, Pokémon, and Yu-Gi-Oh tournaments. Regular events hosted.", imageSrc: "http://img.b2bpic.net/free-photo/pov-professional-online-shooter-games-wearing-headset_482257-17349.jpg", imageAlt: "Tournament gaming table", buttonIcon: Trophy,
},
{
title: "Table 3: Board Game Central",
description: "Large surface for board games and miniature painting sessions. Comfortable seating for 4-6 players.",
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-bingo-together_23-2149212470.jpg?_wi=2",
imageAlt: "Board game table",
buttonIcon: Users,
title: "Table 3: Board Game Central", description: "Large surface for board games and miniature painting sessions. Comfortable seating for 4-6 players.", imageSrc: "http://img.b2bpic.net/free-photo/people-playing-bingo-together_23-2149212470.jpg", imageAlt: "Board game table", buttonIcon: Users,
},
{
title: "Table 4: Casual Gaming Lounge",
description: "Relaxed atmosphere for casual play, deck building, and community hangouts. Walk-in welcome.",
imageSrc: "http://img.b2bpic.net/free-photo/mixed-team-playing-blocks-wood-game-office_158595-5181.jpg?_wi=2",
imageAlt: "Casual gaming lounge",
buttonIcon: Sofa,
title: "Table 4: Casual Gaming Lounge", description: "Relaxed atmosphere for casual play, deck building, and community hangouts. Walk-in welcome.", imageSrc: "http://img.b2bpic.net/free-photo/mixed-team-playing-blocks-wood-game-office_158595-5181.jpg", imageAlt: "Casual gaming lounge", buttonIcon: Sofa,
},
]}
title="Premium Gaming Tables"
@@ -87,53 +71,17 @@ export default function EventsPage() {
<TestimonialCardSix
testimonials={[
{
id: "1",
name: "Chris M.",
handle: "Local Gamer",
testimonial: "The owner Chris is a very nice person who is extremely knowledgeable. You should definitely check this place out if you're interested in miniatures, RPGs, and card games.",
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg?_wi=2",
imageAlt: "Chris M testimonial",
},
id: "1", name: "Chris M.", handle: "Local Gamer", testimonial: "The owner Chris is a very nice person who is extremely knowledgeable. You should definitely check this place out if you're interested in miniatures, RPGs, and card games.", imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg", imageAlt: "Chris M testimonial"},
{
id: "2",
name: "Sarah L.",
handle: "Board Game Enthusiast",
testimonial: "Super clean, organized, and curated selection. Owner was so friendly and helpful. Got a used copy of Skytear Horde in nearly brand new condition.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149249916.jpg?_wi=2",
imageAlt: "Sarah L testimonial",
},
id: "2", name: "Sarah L.", handle: "Board Game Enthusiast", testimonial: "Super clean, organized, and curated selection. Owner was so friendly and helpful. Got a used copy of Skytear Horde in nearly brand new condition.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149249916.jpg", imageAlt: "Sarah L testimonial"},
{
id: "3",
name: "Mike T.",
handle: "Tabletop Community",
testimonial: "A favorite spot for local gamers. They carry a good selection of popular games, model paints, and accessories, and will order anything you need on request. Four large gaming tables available.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg?_wi=2",
imageAlt: "Mike T testimonial",
},
id: "3", name: "Mike T.", handle: "Tabletop Community", testimonial: "A favorite spot for local gamers. They carry a good selection of popular games, model paints, and accessories, and will order anything you need on request. Four large gaming tables available.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg", imageAlt: "Mike T testimonial"},
{
id: "4",
name: "Emma K.",
handle: "Trading Card Collector",
testimonial: "It's a nice little shop. Staff was friendly and knowledgeable. I look forward to seeing sealed trading cards make the shelves.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-party-girl-pink-wig-showing-smartphone-screen-looking-satisfied-recommend-something-standing_1258-18801.jpg?_wi=2",
imageAlt: "Emma K testimonial",
},
id: "4", name: "Emma K.", handle: "Trading Card Collector", testimonial: "It's a nice little shop. Staff was friendly and knowledgeable. I look forward to seeing sealed trading cards make the shelves.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-party-girl-pink-wig-showing-smartphone-screen-looking-satisfied-recommend-something-standing_1258-18801.jpg", imageAlt: "Emma K testimonial"},
{
id: "5",
name: "David R.",
handle: "D&D Player",
testimonial: "Best gaming store in the area! The community is welcoming to newcomers and veterans alike. Can't wait for the next game night!",
imageSrc: "http://img.b2bpic.net/free-photo/person-watching-tv-texting-friend-mobile-phone-holding-remote-control_482257-120013.jpg?_wi=2",
imageAlt: "David R testimonial",
},
id: "5", name: "David R.", handle: "D&D Player", testimonial: "Best gaming store in the area! The community is welcoming to newcomers and veterans alike. Can't wait for the next game night!", imageSrc: "http://img.b2bpic.net/free-photo/person-watching-tv-texting-friend-mobile-phone-holding-remote-control_482257-120013.jpg", imageAlt: "David R testimonial"},
{
id: "6",
name: "Jessica N.",
handle: "Miniature Painter",
testimonial: "Incredible selection of paints and miniatures. The staff gave me great recommendations for my first painting project. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-artist-his-30s-is-giving-last-touches-paint-new-colorful-painting-that-he-is-doing-his-art-studio_662251-335.jpg?_wi=2",
imageAlt: "Jessica N testimonial",
},
id: "6", name: "Jessica N.", handle: "Miniature Painter", testimonial: "Incredible selection of paints and miniatures. The staff gave me great recommendations for my first painting project. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-artist-his-30s-is-giving-last-touches-paint-new-colorful-painting-that-he-is-doing-his-art-studio_662251-335.jpg", imageAlt: "Jessica N testimonial"},
]}
title="What Our Community Says"
description="Join thousands of satisfied gamers who've made Gamers Realm their gaming home."
@@ -166,8 +114,7 @@ export default function EventsPage() {
<FooterBaseReveal
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Miniatures", href: "/shop" },
{ label: "RPG Books", href: "/shop" },
{ label: "Card Games", href: "/shop" },
@@ -175,8 +122,7 @@ export default function EventsPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Gaming Tables", href: "/gaming-tables" },
{ label: "Events", href: "/events" },
{ label: "Reviews", href: "/reviews" },
@@ -184,8 +130,7 @@ export default function EventsPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Contact", href: "/contact" },
{ label: "Hours & Location", href: "/contact" },

67
src/app/gaming-tables/page.tsx
View File

@@ -7,7 +7,7 @@ import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { BookOpen, Trophy, Users, Sofa, HelpCircle, Bell } from "lucide-react";
import { BookOpen, Trophy, Users, Sofa, HelpCircle, Bell, Dice5 } from "lucide-react";
export default function GamingTablesPage() {
return (
@@ -43,32 +43,16 @@ export default function GamingTablesPage() {
<FeatureCardTwentySix
features={[
{
title: "Table 1: Dungeon Master's Table",
description: "Premium setup with integrated lighting and weatherproof surface. Perfect for D&D campaigns.",
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172481.jpg?_wi=3",
imageAlt: "D&D gaming table setup",
buttonIcon: BookOpen,
title: "Table 1: Dungeon Master's Table", description: "Premium setup with integrated lighting and weatherproof surface. Perfect for D&D campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172481.jpg", imageAlt: "D&D gaming table setup", buttonIcon: BookOpen,
},
{
title: "Table 2: Tournament Table",
description: "Competition-grade table for Magic, Pokémon, and Yu-Gi-Oh tournaments. Regular events hosted.",
imageSrc: "http://img.b2bpic.net/free-photo/pov-professional-online-shooter-games-wearing-headset_482257-17349.jpg?_wi=3",
imageAlt: "Tournament gaming table",
buttonIcon: Trophy,
title: "Table 2: Tournament Table", description: "Competition-grade table for Magic, Pokémon, and Yu-Gi-Oh tournaments. Regular events hosted.", imageSrc: "http://img.b2bpic.net/free-photo/pov-professional-online-shooter-games-wearing-headset_482257-17349.jpg", imageAlt: "Tournament gaming table", buttonIcon: Trophy,
},
{
title: "Table 3: Board Game Central",
description: "Large surface for board games and miniature painting sessions. Comfortable seating for 4-6 players.",
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-bingo-together_23-2149212470.jpg?_wi=3",
imageAlt: "Board game table",
buttonIcon: Users,
title: "Table 3: Board Game Central", description: "Large surface for board games and miniature painting sessions. Comfortable seating for 4-6 players.", imageSrc: "http://img.b2bpic.net/free-photo/people-playing-bingo-together_23-2149212470.jpg", imageAlt: "Board game table", buttonIcon: Users,
},
{
title: "Table 4: Casual Gaming Lounge",
description: "Relaxed atmosphere for casual play, deck building, and community hangouts. Walk-in welcome.",
imageSrc: "http://img.b2bpic.net/free-photo/mixed-team-playing-blocks-wood-game-office_158595-5181.jpg?_wi=3",
imageAlt: "Casual gaming lounge",
buttonIcon: Sofa,
title: "Table 4: Casual Gaming Lounge", description: "Relaxed atmosphere for casual play, deck building, and community hangouts. Walk-in welcome.", imageSrc: "http://img.b2bpic.net/free-photo/mixed-team-playing-blocks-wood-game-office_158595-5181.jpg", imageAlt: "Casual gaming lounge", buttonIcon: Sofa,
},
]}
title="Premium Gaming Tables"
@@ -87,37 +71,19 @@ export default function GamingTablesPage() {
<FaqSplitMedia
faqs={[
{
id: "1",
title: "Can I order products if you don't have them in stock?",
content: "Absolutely! We pride ourselves on our special order service. If we don't have an item in stock, we can order it for you. Just ask our staff—we'll get you exactly what you're looking for.",
},
id: "1", title: "Can I order products if you don't have them in stock?", content: "Absolutely! We pride ourselves on our special order service. If we don't have an item in stock, we can order it for you. Just ask our staff—we'll get you exactly what you're looking for."},
{
id: "2",
title: "How do I reserve a gaming table?",
content: "You can reserve a table by visiting our contact page, calling us at (262) 395-4564, or asking in-store. Walk-ins are always welcome, and we have tables available throughout the week. Reservations are recommended for weekend tournaments.",
},
id: "2", title: "How do I reserve a gaming table?", content: "You can reserve a table by visiting our contact page, calling us at (262) 395-4564, or asking in-store. Walk-ins are always welcome, and we have tables available throughout the week. Reservations are recommended for weekend tournaments."},
{
id: "3",
title: "What gaming events do you host?",
content: "We host D&D nights every Tuesday and Thursday, Magic tournaments on Saturdays, and Pokémon/Yu-Gi-Oh events on rotating weeks. Check our Events page for the full schedule and sign-up information.",
},
id: "3", title: "What gaming events do you host?", content: "We host D&D nights every Tuesday and Thursday, Magic tournaments on Saturdays, and Pokémon/Yu-Gi-Oh events on rotating weeks. Check our Events page for the full schedule and sign-up information."},
{
id: "4",
title: "Are you welcoming to beginners?",
content: "Yes! We're committed to building a welcoming community for both seasoned players and newcomers. Our staff is happy to help beginners get started and connect you with other players at your skill level.",
},
id: "4", title: "Are you welcoming to beginners?", content: "Yes! We're committed to building a welcoming community for both seasoned players and newcomers. Our staff is happy to help beginners get started and connect you with other players at your skill level."},
{
id: "5",
title: "What are your store hours?",
content: "We're open Tuesday–Friday from 2–9PM, Saturday 11AM–8PM, and Sunday 12–6PM. We're closed Mondays. Call us at (262) 395-4564 if you have any questions!",
},
id: "5", title: "What are your store hours?", content: "We're open Tuesday–Friday from 2–9PM, Saturday 11AM–8PM, and Sunday 12–6PM. We're closed Mondays. Call us at (262) 395-4564 if you have any questions!"},
{
id: "6",
title: "Do you accept custom orders or commissions?",
content: "Yes! We can order specific items for you and provide recommendations for custom miniature painting or deck building. Talk to our team about your needs.",
},
id: "6", title: "Do you accept custom orders or commissions?", content: "Yes! We can order specific items for you and provide recommendations for custom miniature painting or deck building. Talk to our team about your needs."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-woman-using-controllers-play-video-games-tv-console-fun-activity-after-work-colleagues-enjoying-game-television-drinks-office-after-hours_482257-36746.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-woman-using-controllers-play-video-games-tv-console-fun-activity-after-work-colleagues-enjoying-game-television-drinks-office-after-hours_482257-36746.jpg"
imageAlt="Gaming table with dice and cards"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
@@ -151,8 +117,7 @@ export default function GamingTablesPage() {
<FooterBaseReveal
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Miniatures", href: "/shop" },
{ label: "RPG Books", href: "/shop" },
{ label: "Card Games", href: "/shop" },
@@ -160,8 +125,7 @@ export default function GamingTablesPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Gaming Tables", href: "/gaming-tables" },
{ label: "Events", href: "/events" },
{ label: "Reviews", href: "/reviews" },
@@ -169,8 +133,7 @@ export default function GamingTablesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Contact", href: "/contact" },
{ label: "Hours & Location", href: "/contact" },

166
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Sparkles, Trophy, ShoppingBag, Dice5, Star, BarChart3, HelpCircle, Bell, BookOpen } from "lucide-react";
import { Sparkles, Trophy, ShoppingBag, Dice5, Star, BarChart3, HelpCircle, Bell, BookOpen, Users, Sofa } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -26,8 +26,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Miniatures", href: "/shop" },
{ label: "RPG Books", href: "/shop" },
{ label: "Card Games", href: "/shop" },
@@ -35,8 +34,7 @@ export default function HomePage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Gaming Tables", href: "/gaming-tables" },
{ label: "Events", href: "/events" },
{ label: "Reviews", href: "/reviews" },
@@ -44,8 +42,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Contact", href: "/contact" },
{ label: "Hours & Location", href: "/contact" },
@@ -73,9 +70,7 @@ export default function HomePage() {
brandName="Gamers Realm"
navItems={navItems}
button={{
text: "Visit Us",
href: "/contact",
}}
text: "Visit Us", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -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}
/>
</div>
@@ -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() {
<FeatureCardTwentySix
features={[
{
title: "Table 1: Dungeon Master's Table",
description: "Premium setup with integrated lighting and weatherproof surface. Perfect for D&D campaigns.",
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172481.jpg?_wi=1",
imageAlt: "D&D gaming table setup",
buttonIcon: BookOpen,
title: "Table 1: Dungeon Master's Table", description: "Premium setup with integrated lighting and weatherproof surface. Perfect for D&D campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172481.jpg", imageAlt: "D&D gaming table setup", buttonIcon: BookOpen,
},
{
title: "Table 2: Tournament Table",
description: "Competition-grade table for Magic, Pokémon, and Yu-Gi-Oh tournaments. Regular events hosted.",
imageSrc: "http://img.b2bpic.net/free-photo/pov-professional-online-shooter-games-wearing-headset_482257-17349.jpg?_wi=1",
imageAlt: "Tournament gaming table",
buttonIcon: Trophy,
title: "Table 2: Tournament Table", description: "Competition-grade table for Magic, Pokémon, and Yu-Gi-Oh tournaments. Regular events hosted.", imageSrc: "http://img.b2bpic.net/free-photo/pov-professional-online-shooter-games-wearing-headset_482257-17349.jpg", imageAlt: "Tournament gaming table", buttonIcon: Trophy,
},
{
title: "Table 3: Board Game Central",
description: "Large surface for board games and miniature painting sessions. Comfortable seating for 4-6 players.",
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-bingo-together_23-2149212470.jpg?_wi=1",
imageAlt: "Board game table",
buttonIcon: Star,
title: "Table 3: Board Game Central", description: "Large surface for board games and miniature painting sessions. Comfortable seating for 4-6 players.", imageSrc: "http://img.b2bpic.net/free-photo/people-playing-bingo-together_23-2149212470.jpg", imageAlt: "Board game table", buttonIcon: Star,
},
{
title: "Table 4: Casual Gaming Lounge",
description: "Relaxed atmosphere for casual play, deck building, and community hangouts. Walk-in welcome.",
imageSrc: "http://img.b2bpic.net/free-photo/mixed-team-playing-blocks-wood-game-office_158595-5181.jpg?_wi=1",
imageAlt: "Casual gaming lounge",
buttonIcon: Trophy,
title: "Table 4: Casual Gaming Lounge", description: "Relaxed atmosphere for casual play, deck building, and community hangouts. Walk-in welcome.", imageSrc: "http://img.b2bpic.net/free-photo/mixed-team-playing-blocks-wood-game-office_158595-5181.jpg", imageAlt: "Casual gaming lounge", buttonIcon: Trophy,
},
]}
title="Premium Gaming Tables"
@@ -240,53 +192,17 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Chris M.",
handle: "Local Gamer",
testimonial: "The owner Chris is a very nice person who is extremely knowledgeable. You should definitely check this place out if you're interested in miniatures, RPGs, and card games.",
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg?_wi=1",
imageAlt: "Chris M testimonial",
},
id: "1", name: "Chris M.", handle: "Local Gamer", testimonial: "The owner Chris is a very nice person who is extremely knowledgeable. You should definitely check this place out if you're interested in miniatures, RPGs, and card games.", imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg", imageAlt: "Chris M testimonial"},
{
id: "2",
name: "Sarah L.",
handle: "Board Game Enthusiast",
testimonial: "Super clean, organized, and curated selection. Owner was so friendly and helpful. Got a used copy of Skytear Horde in nearly brand new condition.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149249916.jpg?_wi=1",
imageAlt: "Sarah L testimonial",
},
id: "2", name: "Sarah L.", handle: "Board Game Enthusiast", testimonial: "Super clean, organized, and curated selection. Owner was so friendly and helpful. Got a used copy of Skytear Horde in nearly brand new condition.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149249916.jpg", imageAlt: "Sarah L testimonial"},
{
id: "3",
name: "Mike T.",
handle: "Tabletop Community",
testimonial: "A favorite spot for local gamers. They carry a good selection of popular games, model paints, and accessories, and will order anything you need on request. Four large gaming tables available.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg?_wi=1",
imageAlt: "Mike T testimonial",
},
id: "3", name: "Mike T.", handle: "Tabletop Community", testimonial: "A favorite spot for local gamers. They carry a good selection of popular games, model paints, and accessories, and will order anything you need on request. Four large gaming tables available.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg", imageAlt: "Mike T testimonial"},
{
id: "4",
name: "Emma K.",
handle: "Trading Card Collector",
testimonial: "It's a nice little shop. Staff was friendly and knowledgeable. I look forward to seeing sealed trading cards make the shelves.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-party-girl-pink-wig-showing-smartphone-screen-looking-satisfied-recommend-something-standing_1258-18801.jpg?_wi=1",
imageAlt: "Emma K testimonial",
},
id: "4", name: "Emma K.", handle: "Trading Card Collector", testimonial: "It's a nice little shop. Staff was friendly and knowledgeable. I look forward to seeing sealed trading cards make the shelves.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-party-girl-pink-wig-showing-smartphone-screen-looking-satisfied-recommend-something-standing_1258-18801.jpg", imageAlt: "Emma K testimonial"},
{
id: "5",
name: "David R.",
handle: "D&D Player",
testimonial: "Best gaming store in the area! The community is welcoming to newcomers and veterans alike. Can't wait for the next game night!",
imageSrc: "http://img.b2bpic.net/free-photo/person-watching-tv-texting-friend-mobile-phone-holding-remote-control_482257-120013.jpg?_wi=1",
imageAlt: "David R testimonial",
},
id: "5", name: "David R.", handle: "D&D Player", testimonial: "Best gaming store in the area! The community is welcoming to newcomers and veterans alike. Can't wait for the next game night!", imageSrc: "http://img.b2bpic.net/free-photo/person-watching-tv-texting-friend-mobile-phone-holding-remote-control_482257-120013.jpg", imageAlt: "David R testimonial"},
{
id: "6",
name: "Jessica N.",
handle: "Miniature Painter",
testimonial: "Incredible selection of paints and miniatures. The staff gave me great recommendations for my first painting project. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-artist-his-30s-is-giving-last-touches-paint-new-colorful-painting-that-he-is-doing-his-art-studio_662251-335.jpg?_wi=1",
imageAlt: "Jessica N testimonial",
},
id: "6", name: "Jessica N.", handle: "Miniature Painter", testimonial: "Incredible selection of paints and miniatures. The staff gave me great recommendations for my first painting project. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-artist-his-30s-is-giving-last-touches-paint-new-colorful-painting-that-he-is-doing-his-art-studio_662251-335.jpg", imageAlt: "Jessica N testimonial"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -326,37 +242,19 @@ export default function HomePage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "Can I order products if you don't have them in stock?",
content: "Absolutely! We pride ourselves on our special order service. If we don't have an item in stock, we can order it for you. Just ask our staff—we'll get you exactly what you're looking for.",
},
id: "1", title: "Can I order products if you don't have them in stock?", content: "Absolutely! We pride ourselves on our special order service. If we don't have an item in stock, we can order it for you. Just ask our staff—we'll get you exactly what you're looking for."},
{
id: "2",
title: "How do I reserve a gaming table?",
content: "You can reserve a table by visiting our contact page, calling us at (262) 395-4564, or asking in-store. Walk-ins are always welcome, and we have tables available throughout the week. Reservations are recommended for weekend tournaments.",
},
id: "2", title: "How do I reserve a gaming table?", content: "You can reserve a table by visiting our contact page, calling us at (262) 395-4564, or asking in-store. Walk-ins are always welcome, and we have tables available throughout the week. Reservations are recommended for weekend tournaments."},
{
id: "3",
title: "What gaming events do you host?",
content: "We host D&D nights every Tuesday and Thursday, Magic tournaments on Saturdays, and Pokémon/Yu-Gi-Oh events on rotating weeks. Check our Events page for the full schedule and sign-up information.",
},
id: "3", title: "What gaming events do you host?", content: "We host D&D nights every Tuesday and Thursday, Magic tournaments on Saturdays, and Pokémon/Yu-Gi-Oh events on rotating weeks. Check our Events page for the full schedule and sign-up information."},
{
id: "4",
title: "Are you welcoming to beginners?",
content: "Yes! We're committed to building a welcoming community for both seasoned players and newcomers. Our staff is happy to help beginners get started and connect you with other players at your skill level.",
},
id: "4", title: "Are you welcoming to beginners?", content: "Yes! We're committed to building a welcoming community for both seasoned players and newcomers. Our staff is happy to help beginners get started and connect you with other players at your skill level."},
{
id: "5",
title: "What are your store hours?",
content: "We're open Tuesday–Friday from 2–9PM, Saturday 11AM–8PM, and Sunday 12–6PM. We're closed Mondays. Call us at (262) 395-4564 if you have any questions!",
},
id: "5", title: "What are your store hours?", content: "We're open Tuesday–Friday from 2–9PM, Saturday 11AM–8PM, and Sunday 12–6PM. We're closed Mondays. Call us at (262) 395-4564 if you have any questions!"},
{
id: "6",
title: "Do you accept custom orders or commissions?",
content: "Yes! We can order specific items for you and provide recommendations for custom miniature painting or deck building. Talk to our team about your needs.",
},
id: "6", title: "Do you accept custom orders or commissions?", content: "Yes! We can order specific items for you and provide recommendations for custom miniature painting or deck building. Talk to our team about your needs."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-woman-using-controllers-play-video-games-tv-console-fun-activity-after-work-colleagues-enjoying-game-television-drinks-office-after-hours_482257-36746.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-woman-using-controllers-play-video-games-tv-console-fun-activity-after-work-colleagues-enjoying-game-television-drinks-office-after-hours_482257-36746.jpg"
imageAlt="Gaming table with dice and cards"
mediaAnimation="slide-up"
faqsAnimation="slide-up"

60
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,41 @@
"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;
fontSize?: number;
fontFamily?: string;
fontWeight?: string | number;
fill?: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
fontSize = 24,
fontFamily = 'Arial, sans-serif',
fontWeight = 'bold',
fill = '#000000',
className = '',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
y="50%"
dominantBaseline="middle"
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
fill={fill}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;