diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index dc4d5e1..51d20b4 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -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} /> diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 9a950e2..89c215b 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -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} /> diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx index 5392a3a..ac759ee 100644 --- a/src/app/gallery/page.tsx +++ b/src/app/gallery/page.tsx @@ -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() { @@ -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} /> @@ -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: "#"}, ], }, ]} diff --git a/src/app/page.tsx b/src/app/page.tsx index 2da4b67..1032e87 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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} /> diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 6ad9f65..3191648 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -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() { @@ -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} /> @@ -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: "#"}, ], }, ]} diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..1073924 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -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(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + textClassName = '', + fontFamily = 'system-ui, -apple-system, sans-serif', + fontSize = 24, + fontWeight = 700, + letterSpacing = 0, + fill = 'currentColor', + textAnchor = 'start', + dominantBaseline = 'middle', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;