bender/f9a0b1f8-04ed-4b82-bfbf-7bad7164a701
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 6 commits from version_1 into main 2026-03-13 02:01:17 +00:00
Conversation 0 Commits 6 Files Changed 6 +136 -354
6 changed files with 136 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Navigation",
items: [
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Services", href: "/" },
@@ -29,8 +28,7 @@ export default function AboutPage() {
],
},
{
title: "Services",
items: [
title: "Services", items: [
{ label: "VR Experiences", href: "#services" },
{ label: "Gaming Tournaments", href: "#services" },
{ label: "Party Events", href: "#services" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: (507) 571-0221", href: "tel:+15075710221" },
{ label: "Email: info@uncagedvr.com", href: "mailto:info@uncagedvr.com" },
{ label: "303 Mineral Springs Rd, Owatonna, MN", href: "#" },
@@ -47,8 +44,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
@@ -64,7 +60,7 @@ export default function AboutPage() {
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -107,25 +103,13 @@ export default function AboutPage() {
tagAnimation="slide-up"
features={[
{
title: "Cutting-Edge Technology",
description: "Latest VR headsets and gaming equipment updated regularly",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/a-futuristic-vr-headset-being-worn-by-so-1773367136817-d39a8550.png?_wi=2",
imageAlt: "Advanced VR technology",
buttonIcon: ArrowRight,
title: "Cutting-Edge Technology", description: "Latest VR headsets and gaming equipment updated regularly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/a-futuristic-vr-headset-being-worn-by-so-1773367136817-d39a8550.png", imageAlt: "Advanced VR technology", buttonIcon: ArrowRight,
},
{
title: "Expert Staff",
description: "Knowledgeable team ready to help you get the most from your visit",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corporate-team-building-activity-with-gr-1773367136740-c7ad0b4b.png?_wi=2",
imageAlt: "Professional staff assistance",
buttonIcon: Users,
title: "Expert Staff", description: "Knowledgeable team ready to help you get the most from your visit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corporate-team-building-activity-with-gr-1773367136740-c7ad0b4b.png", imageAlt: "Professional staff assistance", buttonIcon: Users,
},
{
title: "Community Focus",
description: "Build friendships and connections with fellow gaming enthusiasts",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/collection-of-modern-and-retro-arcade-ga-1773367136669-0f2faf58.png?_wi=2",
imageAlt: "Community gaming experience",
buttonIcon: Trophy,
title: "Community Focus", description: "Build friendships and connections with fellow gaming enthusiasts", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/collection-of-modern-and-retro-arcade-ga-1773367136669-0f2faf58.png", imageAlt: "Community gaming experience", buttonIcon: Trophy,
},
]}
textboxLayout="default"
@@ -142,7 +126,7 @@ export default function AboutPage() {
{ text: "Visit Us Today", href: "/" },
{ text: "Book an Experience", href: "#" },
]}
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>

25
src/app/contact/page.tsx
View File

@@ -17,8 +17,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Navigation",
items: [
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Services", href: "/services" },
@@ -26,8 +25,7 @@ export default function ContactPage() {
],
},
{
title: "Services",
items: [
title: "Services", items: [
{ label: "VR Experiences", href: "#contact" },
{ label: "Gaming Tournaments", href: "#contact" },
{ label: "Party Events", href: "#contact" },
@@ -35,8 +33,7 @@ export default function ContactPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: (507) 571-0221", href: "tel:+15075710221" },
{ label: "Email: info@uncagedvr.com", href: "mailto:info@uncagedvr.com" },
{ label: "303 Mineral Springs Rd, Owatonna, MN", href: "#" },
@@ -44,8 +41,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
@@ -61,7 +57,7 @@ export default function ContactPage() {
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -80,17 +76,12 @@ export default function ContactPage() {
animationType="reveal-blur"
buttons={[
{
text: "Contact Us",
href: "mailto:info@uncagedvr.com",
},
text: "Contact Us", href: "mailto:info@uncagedvr.com"},
{
text: "Call (507) 571-0221",
href: "tel:+15075710221",
},
text: "Call (507) 571-0221", href: "tel:+15075710221"},
]}
background={{
variant: "grid",
}}
variant: "plain"}}
useInvertedBackground={false}
/>
</div>

125
src/app/gallery/page.tsx
View File

@@ -16,7 +16,7 @@ export default function GalleryPage() {
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -39,37 +39,13 @@ export default function GalleryPage() {
<ProductCardFour
products={[
{
id: "gallery-1",
name: "VR Zone",
price: "Starting at $49",
variant: "Premium VR Headsets",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/multiple-vr-headsets-arranged-in-a-gamin-1773367136959-30894933.png?_wi=2",
imageAlt: "VR Zone with multiple headsets",
},
id: "gallery-1", name: "VR Zone", price: "Starting at $49", variant: "Premium VR Headsets", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/multiple-vr-headsets-arranged-in-a-gamin-1773367136959-30894933.png", imageAlt: "VR Zone with multiple headsets"},
{
id: "gallery-2",
name: "Gaming Arena",
price: "Starting at $35",
variant: "High-Performance PCs",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/professional-gaming-arena-with-high-perf-1773367137464-cb1c302f.png?_wi=2",
imageAlt: "Gaming Arena setup",
},
id: "gallery-2", name: "Gaming Arena", price: "Starting at $35", variant: "High-Performance PCs", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/professional-gaming-arena-with-high-perf-1773367137464-cb1c302f.png", imageAlt: "Gaming Arena setup"},
{
id: "gallery-3",
name: "Arcade Corner",
price: "Starting at $20",
variant: "Retro & Modern Games",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corner-of-gaming-lounge-filled-with-arca-1773367137359-0aa2a36e.png?_wi=2",
imageAlt: "Arcade machines collection",
},
id: "gallery-3", name: "Arcade Corner", price: "Starting at $20", variant: "Retro & Modern Games", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corner-of-gaming-lounge-filled-with-arca-1773367137359-0aa2a36e.png", imageAlt: "Arcade machines collection"},
{
id: "gallery-4",
name: "Lounge Area",
price: "Free Access",
variant: "Chill & Socialize",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/comfortable-lounge-area-with-modern-furn-1773367137968-ef87fa2b.png?_wi=2",
imageAlt: "Comfortable lounge seating",
},
id: "gallery-4", name: "Lounge Area", price: "Free Access", variant: "Chill & Socialize", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/comfortable-lounge-area-with-modern-furn-1773367137968-ef87fa2b.png", imageAlt: "Comfortable lounge seating"},
]}
title="Lounge Gallery"
description="Take a visual tour of our state-of-the-art facility and gaming setups"
@@ -82,9 +58,7 @@ export default function GalleryPage() {
useInvertedBackground={false}
buttons={[
{
text: "View Full Gallery",
href: "#",
},
text: "View Full Gallery", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -96,17 +70,12 @@ export default function GalleryPage() {
animationType="reveal-blur"
buttons={[
{
text: "Contact Us",
href: "mailto:info@uncagedvr.com",
},
text: "Contact Us", href: "mailto:info@uncagedvr.com"},
{
text: "Call (507) 571-0221",
href: "tel:+15075710221",
},
text: "Call (507) 571-0221", href: "tel:+15075710221"},
]}
background={{
variant: "grid",
}}
variant: "plain"}}
useInvertedBackground={false}
/>
</div>
@@ -116,87 +85,51 @@ export default function GalleryPage() {
logoText="Uncaged VR"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "About",
href: "/about",
},
label: "About", href: "/about"},
{
label: "Services",
href: "/services",
},
label: "Services", href: "/services"},
{
label: "Gallery",
href: "/gallery",
},
label: "Gallery", href: "/gallery"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "VR Experiences",
href: "#services",
},
label: "VR Experiences", href: "#services"},
{
label: "Gaming Tournaments",
href: "#services",
},
label: "Gaming Tournaments", href: "#services"},
{
label: "Party Events",
href: "#services",
},
label: "Party Events", href: "#services"},
{
label: "Private Bookings",
href: "#services",
},
label: "Private Bookings", href: "#services"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Phone: (507) 571-0221",
href: "tel:+15075710221",
},
label: "Phone: (507) 571-0221", href: "tel:+15075710221"},
{
label: "Email: info@uncagedvr.com",
href: "mailto:info@uncagedvr.com",
},
label: "Email: info@uncagedvr.com", href: "mailto:info@uncagedvr.com"},
{
label: "303 Mineral Springs Rd, Owatonna, MN",
href: "#",
},
label: "303 Mineral Springs Rd, Owatonna, MN", href: "#"},
{
label: "Visit Website",
href: "https://uncagedvr.com",
},
label: "Visit Website", href: "https://uncagedvr.com"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
]}

104
src/app/page.tsx
View File

@@ -22,8 +22,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Navigation",
items: [
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Services", href: "/" },
@@ -31,8 +30,7 @@ export default function HomePage() {
],
},
{
title: "Services",
items: [
title: "Services", items: [
{ label: "VR Experiences", href: "#services" },
{ label: "Gaming Tournaments", href: "#services" },
{ label: "Party Events", href: "#services" },
@@ -40,8 +38,7 @@ export default function HomePage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: (507) 571-0221", href: "tel:+15075710221" },
{ label: "Email: info@uncagedvr.com", href: "mailto:info@uncagedvr.com" },
{ label: "303 Mineral Springs Rd, Owatonna, MN", href: "#" },
@@ -49,8 +46,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
@@ -66,7 +62,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -92,16 +88,12 @@ export default function HomePage() {
tag="Premium VR Gaming"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/a-futuristic-vr-headset-being-worn-by-so-1773367136817-d39a8550.png?_wi=1",
imageAlt: "VR gaming headset in action",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/a-futuristic-vr-headset-being-worn-by-so-1773367136817-d39a8550.png", imageAlt: "VR gaming headset in action"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/a-modern-gaming-pc-setup-with-multiple-m-1773367137445-c3ec39b6.png",
imageAlt: "High-performance gaming station",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/a-modern-gaming-pc-setup-with-multiple-m-1773367137445-c3ec39b6.png", imageAlt: "High-performance gaming station"},
]}
rating={5}
ratingText="100% Recommend by Our Guests"
@@ -123,46 +115,22 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "VR Experience",
description: "Immerse yourself in cutting-edge virtual reality worlds",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/person-wearing-vr-headset-immersed-in-vi-1773367137194-cc57a886.png?_wi=1",
imageAlt: "VR experience gameplay",
buttonIcon: ArrowRight,
title: "VR Experience", description: "Immerse yourself in cutting-edge virtual reality worlds", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/person-wearing-vr-headset-immersed-in-vi-1773367137194-cc57a886.png", imageAlt: "VR experience gameplay", buttonIcon: ArrowRight,
},
{
title: "Gaming Tournaments",
description: "Compete with friends in intense multiplayer gaming battles",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/intense-gaming-tournament-setup-with-mul-1773367137491-99541cb4.png?_wi=1",
imageAlt: "Gaming tournament setup",
buttonIcon: Trophy,
title: "Gaming Tournaments", description: "Compete with friends in intense multiplayer gaming battles", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/intense-gaming-tournament-setup-with-mul-1773367137491-99541cb4.png", imageAlt: "Gaming tournament setup", buttonIcon: Trophy,
},
{
title: "Party Events",
description: "Host your birthday party or group event in style",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9s3lui&_wi=1",
imageAlt: "Party event celebration",
buttonIcon: PartyPopper,
title: "Party Events", description: "Host your birthday party or group event in style", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9s3lui", imageAlt: "Party event celebration", buttonIcon: PartyPopper,
},
{
title: "Premium Arcade",
description: "Classic and modern arcade games for endless fun",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/collection-of-modern-and-retro-arcade-ga-1773367136669-0f2faf58.png?_wi=1",
imageAlt: "Premium arcade machines",
buttonIcon: Zap,
title: "Premium Arcade", description: "Classic and modern arcade games for endless fun", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/collection-of-modern-and-retro-arcade-ga-1773367136669-0f2faf58.png", imageAlt: "Premium arcade machines", buttonIcon: Zap,
},
{
title: "Team Building",
description: "Corporate team building experiences and retreats",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corporate-team-building-activity-with-gr-1773367136740-c7ad0b4b.png?_wi=1",
imageAlt: "Team building activity",
buttonIcon: Users,
title: "Team Building", description: "Corporate team building experiences and retreats", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corporate-team-building-activity-with-gr-1773367136740-c7ad0b4b.png", imageAlt: "Team building activity", buttonIcon: Users,
},
{
title: "Private Bookings",
description: "Reserve exclusive gaming spaces for your group",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/exclusive-private-gaming-room-with-luxur-1773367137223-4b5a2f20.png?_wi=1",
imageAlt: "Private VR gaming room",
buttonIcon: Lock,
title: "Private Bookings", description: "Reserve exclusive gaming spaces for your group", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/exclusive-private-gaming-room-with-luxur-1773367137223-4b5a2f20.png", imageAlt: "Private VR gaming room", buttonIcon: Lock,
},
]}
textboxLayout="default"
@@ -181,37 +149,13 @@ export default function HomePage() {
tagAnimation="slide-up"
products={[
{
id: "gallery-1",
name: "VR Zone",
price: "Starting at $49",
variant: "Premium VR Headsets",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/multiple-vr-headsets-arranged-in-a-gamin-1773367136959-30894933.png?_wi=1",
imageAlt: "VR Zone with multiple headsets",
},
id: "gallery-1", name: "VR Zone", price: "Starting at $49", variant: "Premium VR Headsets", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/multiple-vr-headsets-arranged-in-a-gamin-1773367136959-30894933.png", imageAlt: "VR Zone with multiple headsets"},
{
id: "gallery-2",
name: "Gaming Arena",
price: "Starting at $35",
variant: "High-Performance PCs",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/professional-gaming-arena-with-high-perf-1773367137464-cb1c302f.png?_wi=1",
imageAlt: "Gaming Arena setup",
},
id: "gallery-2", name: "Gaming Arena", price: "Starting at $35", variant: "High-Performance PCs", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/professional-gaming-arena-with-high-perf-1773367137464-cb1c302f.png", imageAlt: "Gaming Arena setup"},
{
id: "gallery-3",
name: "Arcade Corner",
price: "Starting at $20",
variant: "Retro & Modern Games",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corner-of-gaming-lounge-filled-with-arca-1773367137359-0aa2a36e.png?_wi=1",
imageAlt: "Arcade machines collection",
},
id: "gallery-3", name: "Arcade Corner", price: "Starting at $20", variant: "Retro & Modern Games", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corner-of-gaming-lounge-filled-with-arca-1773367137359-0aa2a36e.png", imageAlt: "Arcade machines collection"},
{
id: "gallery-4",
name: "Lounge Area",
price: "Free Access",
variant: "Chill & Socialize",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/comfortable-lounge-area-with-modern-furn-1773367137968-ef87fa2b.png?_wi=1",
imageAlt: "Comfortable lounge seating",
},
id: "gallery-4", name: "Lounge Area", price: "Free Access", variant: "Chill & Socialize", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/comfortable-lounge-area-with-modern-furn-1773367137968-ef87fa2b.png", imageAlt: "Comfortable lounge seating"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -230,15 +174,7 @@ export default function HomePage() {
tagIcon={Heart}
tagAnimation="slide-up"
names={[
"Gaming Enthusiasts",
"VR Pioneers",
"Party Planners",
"Corporate Teams",
"Birthday Celebrations",
"Friend Groups",
"Esports Players",
"Tech Innovators",
]}
"Gaming Enthusiasts", "VR Pioneers", "Party Planners", "Corporate Teams", "Birthday Celebrations", "Friend Groups", "Esports Players", "Tech Innovators"]}
textboxLayout="default"
useInvertedBackground={true}
speed={40}
@@ -255,7 +191,7 @@ export default function HomePage() {
{ text: "Contact Us", href: "mailto:info@uncagedvr.com" },
{ text: "Call (507) 571-0221", href: "tel:+15075710221" },
]}
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>

129
src/app/services/page.tsx
View File

@@ -16,7 +16,7 @@ export default function ServicesPage() {
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -39,46 +39,22 @@ export default function ServicesPage() {
<FeatureCardTwentySix
features={[
{
title: "VR Experience",
description: "Immerse yourself in cutting-edge virtual reality worlds",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/person-wearing-vr-headset-immersed-in-vi-1773367137194-cc57a886.png?_wi=2",
imageAlt: "VR experience gameplay",
buttonIcon: ArrowRight,
title: "VR Experience", description: "Immerse yourself in cutting-edge virtual reality worlds", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/person-wearing-vr-headset-immersed-in-vi-1773367137194-cc57a886.png", imageAlt: "VR experience gameplay", buttonIcon: ArrowRight,
},
{
title: "Gaming Tournaments",
description: "Compete with friends in intense multiplayer gaming battles",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/intense-gaming-tournament-setup-with-mul-1773367137491-99541cb4.png?_wi=2",
imageAlt: "Gaming tournament setup",
buttonIcon: Trophy,
title: "Gaming Tournaments", description: "Compete with friends in intense multiplayer gaming battles", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/intense-gaming-tournament-setup-with-mul-1773367137491-99541cb4.png", imageAlt: "Gaming tournament setup", buttonIcon: Trophy,
},
{
title: "Party Events",
description: "Host your birthday party or group event in style",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9s3lui&_wi=2",
imageAlt: "Party event celebration",
buttonIcon: PartyPopper,
title: "Party Events", description: "Host your birthday party or group event in style", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9s3lui", imageAlt: "Party event celebration", buttonIcon: PartyPopper,
},
{
title: "Premium Arcade",
description: "Classic and modern arcade games for endless fun",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/collection-of-modern-and-retro-arcade-ga-1773367136669-0f2faf58.png?_wi=3",
imageAlt: "Premium arcade machines",
buttonIcon: Sparkles,
title: "Premium Arcade", description: "Classic and modern arcade games for endless fun", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/collection-of-modern-and-retro-arcade-ga-1773367136669-0f2faf58.png", imageAlt: "Premium arcade machines", buttonIcon: Sparkles,
},
{
title: "Team Building",
description: "Corporate team building experiences and retreats",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corporate-team-building-activity-with-gr-1773367136740-c7ad0b4b.png?_wi=3",
imageAlt: "Team building activity",
buttonIcon: Users,
title: "Team Building", description: "Corporate team building experiences and retreats", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/corporate-team-building-activity-with-gr-1773367136740-c7ad0b4b.png", imageAlt: "Team building activity", buttonIcon: Users,
},
{
title: "Private Bookings",
description: "Reserve exclusive gaming spaces for your group",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/exclusive-private-gaming-room-with-luxur-1773367137223-4b5a2f20.png?_wi=2",
imageAlt: "Private VR gaming room",
buttonIcon: Lock,
title: "Private Bookings", description: "Reserve exclusive gaming spaces for your group", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As2b8lWVepvGT5qeAqKCxdLIfp/exclusive-private-gaming-room-with-luxur-1773367137223-4b5a2f20.png", imageAlt: "Private VR gaming room", buttonIcon: Lock,
},
]}
title="Our Services"
@@ -90,9 +66,7 @@ export default function ServicesPage() {
useInvertedBackground={false}
buttons={[
{
text: "Book Your Experience",
href: "#contact",
},
text: "Book Your Experience", href: "#contact"},
]}
buttonAnimation="slide-up"
/>
@@ -104,17 +78,12 @@ export default function ServicesPage() {
animationType="reveal-blur"
buttons={[
{
text: "Contact Us",
href: "mailto:info@uncagedvr.com",
},
text: "Contact Us", href: "mailto:info@uncagedvr.com"},
{
text: "Call (507) 571-0221",
href: "tel:+15075710221",
},
text: "Call (507) 571-0221", href: "tel:+15075710221"},
]}
background={{
variant: "grid",
}}
variant: "plain"}}
useInvertedBackground={false}
/>
</div>
@@ -124,87 +93,51 @@ export default function ServicesPage() {
logoText="Uncaged VR"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "About",
href: "/about",
},
label: "About", href: "/about"},
{
label: "Services",
href: "/services",
},
label: "Services", href: "/services"},
{
label: "Gallery",
href: "/gallery",
},
label: "Gallery", href: "/gallery"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "VR Experiences",
href: "#services",
},
label: "VR Experiences", href: "#services"},
{
label: "Gaming Tournaments",
href: "#services",
},
label: "Gaming Tournaments", href: "#services"},
{
label: "Party Events",
href: "#services",
},
label: "Party Events", href: "#services"},
{
label: "Private Bookings",
href: "#services",
},
label: "Private Bookings", href: "#services"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Phone: (507) 571-0221",
href: "tel:+15075710221",
},
label: "Phone: (507) 571-0221", href: "tel:+15075710221"},
{
label: "Email: info@uncagedvr.com",
href: "mailto:info@uncagedvr.com",
},
label: "Email: info@uncagedvr.com", href: "mailto:info@uncagedvr.com"},
{
label: "303 Mineral Springs Rd, Owatonna, MN",
href: "#",
},
label: "303 Mineral Springs Rd, Owatonna, MN", href: "#"},
{
label: "Visit Website",
href: "https://uncagedvr.com",
},
label: "Visit Website", href: "https://uncagedvr.com"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
]}

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

@@ -1,51 +1,56 @@
"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;
textClassName?: string;
fontFamily?: string;
fontSize?: number;
fontWeight?: number | string;
letterSpacing?: number;
fill?: string;
textAnchor?: 'start' | 'middle' | 'end';
dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging' | 'text-top';
}
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,
className = '',
textClassName = '',
fontFamily = 'system-ui, -apple-system, sans-serif',
fontSize = 24,
fontWeight = 700,
letterSpacing = 0,
fill = 'currentColor',
textAnchor = 'start',
dominantBaseline = 'middle',
}) => {
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} ${fontSize * 1.5}`}
className={`w-full h-auto ${className}`}
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
x="50%"
y="50%"
className={textClassName}
fontFamily={fontFamily}
fontSize={fontSize}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill={fill}
textAnchor={textAnchor}
dominantBaseline={dominantBaseline}
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
textRendering: 'optimizeLegibility',
WebkitFontSmoothing: 'antialiased',
}}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;