diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index dadbd35..d0d1e6b 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -19,24 +19,21 @@ export default function AboutPage() { const footerColumns = [ { - title: "Events", - items: [ + title: "Events", items: [ { label: "Upcoming Shows", href: "events" }, { label: "Past Events", href: "#past" }, { label: "Guest List", href: "#guestlist" }, ], }, { - title: "Community", - items: [ + title: "Community", items: [ { label: "Follow on Instagram", href: "https://instagram.com" }, { label: "Submit Booking", href: "contact" }, { label: "Press Kit", href: "#press" }, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact Us", href: "contact" }, @@ -62,9 +59,7 @@ export default function AboutPage() { brandName="SUBMUNDO808" navItems={navItems} button={{ - text: "Buy Tickets", - href: "events", - }} + text: "Buy Tickets", href: "events"}} animateOnLoad={true} /> @@ -91,10 +86,11 @@ export default function AboutPage() { { value: "2018", title: "Movement Founded" }, { value: "Campinas", title: "Original Birthplace" }, ]} - imageSrc="http://img.b2bpic.net/free-vector/realistic-holi-vertical-flyer-template_52683-81618.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-vector/realistic-holi-vertical-flyer-template_52683-81618.jpg" imageAlt="Submundo808 movement story" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -106,24 +102,16 @@ export default function AboutPage() { features={[ { icon: Music, - title: "Authentic Sound", - description: "We celebrate genuine funk culture with unmixed, raw performances that keep the underground spirit alive and vibrant.", - }, + title: "Authentic Sound", description: "We celebrate genuine funk culture with unmixed, raw performances that keep the underground spirit alive and vibrant."}, { icon: Zap, - title: "High Energy", - description: "Every event pulses with electrifying energy, creating unforgettable moments for our community of funk enthusiasts.", - }, + title: "High Energy", description: "Every event pulses with electrifying energy, creating unforgettable moments for our community of funk enthusiasts."}, { icon: Users, - title: "Community First", - description: "Submundo is built on the bonds between artists and fans, where everyone feels the beat and belongs to the movement.", - }, + title: "Community First", description: "Submundo is built on the bonds between artists and fans, where everyone feels the beat and belongs to the movement."}, { icon: Sparkles, - title: "Limited Culture", - description: "Exclusive events and limited-edition merchandise ensure that Submundo stays authentic, rare, and highly sought-after.", - }, + title: "Limited Culture", description: "Exclusive events and limited-edition merchandise ensure that Submundo stays authentic, rare, and highly sought-after."}, ]} animationType="slide-up" textboxLayout="default" @@ -138,29 +126,17 @@ export default function AboutPage() { tag="Movement Stats" metrics={[ { - id: "1", - icon: Users, - title: "Community Members", - value: "15K+", - }, + id: "1", icon: Users, + title: "Community Members", value: "15K+"}, { - id: "2", - icon: Music, - title: "Events Hosted", - value: "50+", - }, + id: "2", icon: Music, + title: "Events Hosted", value: "50+"}, { - id: "3", - icon: MapPin, - title: "Cities Reached", - value: "2", - }, + id: "3", icon: MapPin, + title: "Cities Reached", value: "2"}, { - id: "4", - icon: TrendingUp, - title: "Monthly Listeners", - value: "100K+", - }, + id: "4", icon: TrendingUp, + title: "Monthly Listeners", value: "100K+"}, ]} animationType="scale-rotate" textboxLayout="default" diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx index e0c1fd2..3c270b6 100644 --- a/src/app/events/page.tsx +++ b/src/app/events/page.tsx @@ -19,24 +19,21 @@ export default function EventsPage() { const footerColumns = [ { - title: "Events", - items: [ + title: "Events", items: [ { label: "Upcoming Shows", href: "events" }, { label: "Past Events", href: "#past" }, { label: "Guest List", href: "#guestlist" }, ], }, { - title: "Community", - items: [ + title: "Community", items: [ { label: "Follow on Instagram", href: "https://instagram.com" }, { label: "Submit Booking", href: "contact" }, { label: "Press Kit", href: "#press" }, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact Us", href: "contact" }, @@ -47,24 +44,16 @@ export default function EventsPage() { const eventFeatures = [ { icon: Music, - title: "World-Class Sound", - description: "Experience pristine audio quality with our premium Funktion-One sound system, engineered for funk music", - }, + title: "World-Class Sound", description: "Experience pristine audio quality with our premium Funktion-One sound system, engineered for funk music"}, { icon: Zap, - title: "Immersive Lighting", - description: "Dynamic LED and laser lighting synchronized with live performances for an unforgettable visual experience", - }, + title: "Immersive Lighting", description: "Dynamic LED and laser lighting synchronized with live performances for an unforgettable visual experience"}, { icon: Users, - title: "Exclusive Access", - description: "VIP passes include early entry, dedicated lounge access, and meet-and-greet opportunities with artists", - }, + title: "Exclusive Access", description: "VIP passes include early entry, dedicated lounge access, and meet-and-greet opportunities with artists"}, { icon: Sparkles, - title: "After-Party Vibes", - description: "Extended sessions and special DJ sets keep the energy going into the early morning hours", - }, + title: "After-Party Vibes", description: "Extended sessions and special DJ sets keep the energy going into the early morning hours"}, ]; return ( @@ -85,9 +74,7 @@ export default function EventsPage() { brandName="SUBMUNDO808" navItems={navItems} button={{ - text: "Buy Tickets", - href: "events", - }} + text: "Buy Tickets", href: "events"}} animateOnLoad={true} /> @@ -100,35 +87,21 @@ export default function EventsPage() { background={{ variant: "sparkles-gradient" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-people-celebrating-usa-independence-day-national-holiday_23-2151479155.jpg", - imageAlt: "Event crowd celebration", - }, + imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-people-celebrating-usa-independence-day-national-holiday_23-2151479155.jpg", imageAlt: "Event crowd celebration"}, { - imageSrc: "http://img.b2bpic.net/free-photo/male-dj-taking-care-music-entertainment-party_23-2149658426.jpg", - imageAlt: "DJ performance", - }, + imageSrc: "http://img.b2bpic.net/free-photo/male-dj-taking-care-music-entertainment-party_23-2149658426.jpg", imageAlt: "DJ performance"}, { - imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-colorful-lights_23-2147815267.jpg", - imageAlt: "Event lighting", - }, + imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-colorful-lights_23-2147815267.jpg", imageAlt: "Event lighting"}, { - imageSrc: "http://img.b2bpic.net/free-photo/musician-playing-electric-guitar_23-2151414308.jpg", - imageAlt: "Musical performance", - }, + imageSrc: "http://img.b2bpic.net/free-photo/musician-playing-electric-guitar_23-2151414308.jpg", imageAlt: "Musical performance"}, { - imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-nightclub-with-group-friends_23-2147718242.jpg", - imageAlt: "Party atmosphere", - }, + imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-nightclub-with-group-friends_23-2147718242.jpg", imageAlt: "Party atmosphere"}, ]} buttons={[ { - text: "Buy Tickets Now", - href: "https://ticketmaster.com", - }, + text: "Buy Tickets Now", href: "https://ticketmaster.com"}, { - text: "Learn More", - href: "#event-details", - }, + text: "Learn More", href: "#event-details"}, ]} /> @@ -152,18 +125,15 @@ export default function EventsPage() { description="Our biggest event of the year featuring three days of non-stop funk, featuring over 30 DJs, live bands, art installations, and food trucks from local Campinas vendors. Early bird tickets now available with special pricing for community members and students." metrics={[ { - value: "3 Days", - title: "Full Festival", - }, + value: "3 Days", title: "Full Festival"}, { - value: "30+ DJs", - title: "Artists Lineup", - }, + value: "30+ DJs", title: "Artists Lineup"}, ]} - imageSrc="http://img.b2bpic.net/free-vector/realistic-holi-vertical-flyer-template_52683-81618.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-vector/realistic-holi-vertical-flyer-template_52683-81618.jpg" imageAlt="Festival poster" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..01fab22 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,49 @@ "use client"; -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import { SVGProps } from "react"; -interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; +interface SvgTextLogoProps extends SVGProps { + text?: string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text = "WEBILD", className = "", ...props +}) => { return ( + + + + + + + + - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;