Merge version_1 into main #2
@@ -33,7 +33,7 @@ export default function ContactPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -45,9 +45,7 @@ export default function ContactPage() {
|
||||
brandName="Sonic Motion"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Your Event",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Your Event", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -63,12 +61,10 @@ export default function ContactPage() {
|
||||
buttons={[
|
||||
{ text: "Book DJ Event", href: "mailto:events@sonicmotion.com" },
|
||||
{
|
||||
text: "Start Marketing Campaign",
|
||||
href: "mailto:marketing@sonicmotion.com",
|
||||
},
|
||||
text: "Start Marketing Campaign", href: "mailto:marketing@sonicmotion.com"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -83,29 +79,17 @@ export default function ContactPage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Mail,
|
||||
title: "Email Support",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "1", icon: Mail,
|
||||
title: "Email Support", value: "24/7"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Phone,
|
||||
title: "Phone Availability",
|
||||
value: "Mon-Fri",
|
||||
},
|
||||
id: "2", icon: Phone,
|
||||
title: "Phone Availability", value: "Mon-Fri"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Clock,
|
||||
title: "Response Time",
|
||||
value: "<24hrs",
|
||||
},
|
||||
id: "3", icon: Clock,
|
||||
title: "Response Time", value: "<24hrs"},
|
||||
{
|
||||
id: "4",
|
||||
icon: MapPin,
|
||||
title: "Serving",
|
||||
value: "Global",
|
||||
},
|
||||
id: "4", icon: MapPin,
|
||||
title: "Serving", value: "Global"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,9 +120,7 @@ export default function ContactPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
||||
{ icon: Music, href: "https://soundcloud.com", ariaLabel: "SoundCloud" },
|
||||
|
||||
@@ -36,7 +36,7 @@ export default function DigitalMarketingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -48,9 +48,7 @@ export default function DigitalMarketingPage() {
|
||||
brandName="Sonic Motion"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Your Event",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Your Event", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -60,45 +58,25 @@ export default function DigitalMarketingPage() {
|
||||
<FeatureCardTwentySix
|
||||
features={[
|
||||
{
|
||||
title: "Social Media Strategy & Execution",
|
||||
description:
|
||||
"Data-driven campaigns across Instagram, TikTok, Facebook, and emerging platforms designed to drive engagement and conversions.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/digital-marketing-agency-collaborate-your-project_505751-8222.jpg?_wi=3",
|
||||
imageAlt: "Social media marketing",
|
||||
buttonIcon: Share2,
|
||||
buttonHref: "/digital-marketing",
|
||||
},
|
||||
title: "Social Media Strategy & Execution", description:
|
||||
"Data-driven campaigns across Instagram, TikTok, Facebook, and emerging platforms designed to drive engagement and conversions.", imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/digital-marketing-agency-collaborate-your-project_505751-8222.jpg", imageAlt: "Social media marketing", buttonIcon: Share2,
|
||||
buttonHref: "/digital-marketing"},
|
||||
{
|
||||
title: "Content Creation & Video Production",
|
||||
description:
|
||||
"Compelling visual storytelling that captures brand identity and resonates with target audiences across all digital touchpoints.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/pretty-blonde-influencer-testing-new-products-camera_496169-427.jpg?_wi=2",
|
||||
imageAlt: "Content creation",
|
||||
buttonIcon: Film,
|
||||
buttonHref: "/digital-marketing",
|
||||
},
|
||||
title: "Content Creation & Video Production", description:
|
||||
"Compelling visual storytelling that captures brand identity and resonates with target audiences across all digital touchpoints.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/pretty-blonde-influencer-testing-new-products-camera_496169-427.jpg", imageAlt: "Content creation", buttonIcon: Film,
|
||||
buttonHref: "/digital-marketing"},
|
||||
{
|
||||
title: "Influencer & Partnership Marketing",
|
||||
description:
|
||||
"Strategic collaborations with key opinion leaders and brand partners to extend reach and build authentic credibility.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-journalist-talking-her-cameraman_23-2149032401.jpg?_wi=2",
|
||||
imageAlt: "Influencer partnerships",
|
||||
buttonIcon: Users,
|
||||
buttonHref: "/digital-marketing",
|
||||
},
|
||||
title: "Influencer & Partnership Marketing", description:
|
||||
"Strategic collaborations with key opinion leaders and brand partners to extend reach and build authentic credibility.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-journalist-talking-her-cameraman_23-2149032401.jpg", imageAlt: "Influencer partnerships", buttonIcon: Users,
|
||||
buttonHref: "/digital-marketing"},
|
||||
{
|
||||
title: "Performance Analytics & Reporting",
|
||||
description:
|
||||
"Transparent ROI tracking and detailed analytics that prove campaign effectiveness and inform future strategy optimization.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg?_wi=3",
|
||||
imageAlt: "Campaign analytics",
|
||||
buttonIcon: BarChart3,
|
||||
buttonHref: "/digital-marketing",
|
||||
},
|
||||
title: "Performance Analytics & Reporting", description:
|
||||
"Transparent ROI tracking and detailed analytics that prove campaign effectiveness and inform future strategy optimization.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg", imageAlt: "Campaign analytics", buttonIcon: BarChart3,
|
||||
buttonHref: "/digital-marketing"},
|
||||
]}
|
||||
title="Digital Marketing & Brand Activation"
|
||||
description="Strategic campaigns and experiential marketing that amplify brand presence across digital channels and live activations."
|
||||
@@ -138,9 +116,7 @@ export default function DigitalMarketingPage() {
|
||||
description="Whether you need to build brand awareness, drive sales, or activate an engaged community, Sonic Motion delivers results. Let's craft a strategy that moves your market."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Marketing Campaign",
|
||||
href: "mailto:marketing@sonicmotion.com",
|
||||
},
|
||||
text: "Start Marketing Campaign", href: "mailto:marketing@sonicmotion.com"},
|
||||
{ text: "Request Consultation", href: "/" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -157,9 +133,7 @@ export default function DigitalMarketingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
||||
{ icon: Music, href: "https://soundcloud.com", ariaLabel: "SoundCloud" },
|
||||
|
||||
@@ -37,7 +37,7 @@ export default function DJEventsPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -49,9 +49,7 @@ export default function DJEventsPage() {
|
||||
brandName="Sonic Motion"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Your Event",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Your Event", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -61,45 +59,25 @@ export default function DJEventsPage() {
|
||||
<FeatureCardTwentySix
|
||||
features={[
|
||||
{
|
||||
title: "Signature DJ Performance",
|
||||
description:
|
||||
"World-class DJs curating unforgettable dance experiences with cutting-edge mixing techniques and crowd-reading expertise.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-people-dancing-funky-music_482257-78334.jpg?_wi=2",
|
||||
imageAlt: "DJ performing live",
|
||||
buttonIcon: Play,
|
||||
buttonHref: "/dj-events",
|
||||
},
|
||||
title: "Signature DJ Performance", description:
|
||||
"World-class DJs curating unforgettable dance experiences with cutting-edge mixing techniques and crowd-reading expertise.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-people-dancing-funky-music_482257-78334.jpg", imageAlt: "DJ performing live", buttonIcon: Play,
|
||||
buttonHref: "/dj-events"},
|
||||
{
|
||||
title: "Advanced Sound Engineering",
|
||||
description:
|
||||
"Professional-grade audio systems and live mixing that delivers crystal-clear sound across any venue size and layout.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/talented-engineer-using-usb-stick-edit-recorded-files-home-studio_482257-121271.jpg?_wi=2",
|
||||
imageAlt: "Professional sound equipment",
|
||||
buttonIcon: Volume2,
|
||||
buttonHref: "/dj-events",
|
||||
},
|
||||
title: "Advanced Sound Engineering", description:
|
||||
"Professional-grade audio systems and live mixing that delivers crystal-clear sound across any venue size and layout.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/talented-engineer-using-usb-stick-edit-recorded-files-home-studio_482257-121271.jpg", imageAlt: "Professional sound equipment", buttonIcon: Volume2,
|
||||
buttonHref: "/dj-events"},
|
||||
{
|
||||
title: "Full Event Coordination",
|
||||
description:
|
||||
"Seamless booking, technical setup, and real-time production management from concept through post-event breakdown.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275482.jpg?_wi=2",
|
||||
imageAlt: "Event coordination",
|
||||
buttonIcon: Clipboard,
|
||||
buttonHref: "/dj-events",
|
||||
},
|
||||
title: "Full Event Coordination", description:
|
||||
"Seamless booking, technical setup, and real-time production management from concept through post-event breakdown.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275482.jpg", imageAlt: "Event coordination", buttonIcon: Clipboard,
|
||||
buttonHref: "/dj-events"},
|
||||
{
|
||||
title: "Visual & Lighting Design",
|
||||
description:
|
||||
"Immersive light shows and visual effects that sync with music to create unforgettable atmospheric moments.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182560.jpg?_wi=2",
|
||||
imageAlt: "Professional lighting setup",
|
||||
buttonIcon: Lightbulb,
|
||||
buttonHref: "/dj-events",
|
||||
},
|
||||
title: "Visual & Lighting Design", description:
|
||||
"Immersive light shows and visual effects that sync with music to create unforgettable atmospheric moments.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182560.jpg", imageAlt: "Professional lighting setup", buttonIcon: Lightbulb,
|
||||
buttonHref: "/dj-events"},
|
||||
]}
|
||||
title="DJ Events & Live Production"
|
||||
description="Electrifying nightlife experiences crafted for venue owners, event promoters, and brand activations seeking premium entertainment and technical excellence."
|
||||
@@ -155,9 +133,7 @@ export default function DJEventsPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
||||
{ icon: Music, href: "https://soundcloud.com", ariaLabel: "SoundCloud" },
|
||||
|
||||
@@ -4,43 +4,28 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
|
||||
const libreBaskerville = Libre_Baskerville({
|
||||
variable: "--font-libre-baskerville",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-libre-baskerville", subsets: ["latin"],
|
||||
weight: ["400", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Sonic Motion | DJ Events & Digital Marketing for Nightlife",
|
||||
description: "Premium DJ events and integrated digital marketing campaigns for nightlife venues, event promoters, and brands. 500+ events delivered with proven ROI.",
|
||||
keywords: "DJ events, nightlife production, digital marketing, event management, brand activation, live entertainment, production company",
|
||||
robots: {
|
||||
title: "Sonic Motion | DJ Events & Digital Marketing for Nightlife", description: "Premium DJ events and integrated digital marketing campaigns for nightlife venues, event promoters, and brands. 500+ events delivered with proven ROI.", keywords: "DJ events, nightlife production, digital marketing, event management, brand activation, live entertainment, production company", robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
openGraph: {
|
||||
title: "Sonic Motion | Production That Moves Markets and Dancefloors",
|
||||
description: "Full-service DJ events and digital marketing campaigns that amplify your brand's reach and engagement.",
|
||||
siteName: "Sonic Motion",
|
||||
type: "website",
|
||||
images: [
|
||||
title: "Sonic Motion | Production That Moves Markets and Dancefloors", description: "Full-service DJ events and digital marketing campaigns that amplify your brand's reach and engagement.", siteName: "Sonic Motion", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/rear-view-dj-playing-music-front-excited-crowd-music-festival-by-night_637285-598.jpg",
|
||||
alt: "DJ Events & Production",
|
||||
},
|
||||
url: "http://img.b2bpic.net/free-photo/rear-view-dj-playing-music-front-excited-crowd-music-festival-by-night_637285-598.jpg", alt: "DJ Events & Production"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Sonic Motion | DJ Events & Digital Marketing",
|
||||
description: "Premium production services for nightlife and brand activation.",
|
||||
images: [
|
||||
"http://img.b2bpic.net/free-photo/digital-marketing-agency-collaborate-your-project_505751-8222.jpg",
|
||||
],
|
||||
card: "summary_large_image", title: "Sonic Motion | DJ Events & Digital Marketing", description: "Premium production services for nightlife and brand activation.", images: [
|
||||
"http://img.b2bpic.net/free-photo/digital-marketing-agency-collaborate-your-project_505751-8222.jpg"],
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
216
src/app/page.tsx
216
src/app/page.tsx
@@ -46,7 +46,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -58,9 +58,7 @@ export default function HomePage() {
|
||||
brandName="Sonic Motion"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Your Event",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Your Event", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -73,50 +71,34 @@ export default function HomePage() {
|
||||
tag="Integrated Production"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/rear-view-dj-playing-music-front-excited-crowd-music-festival-by-night_637285-598.jpg",
|
||||
imageAlt: "DJ performing at live event",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/rear-view-dj-playing-music-front-excited-crowd-music-festival-by-night_637285-598.jpg", imageAlt: "DJ performing at live event"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-dj-working-blue-light_181624-18773.jpg",
|
||||
imageAlt: "Professional DJ booth setup",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/closeup-dj-working-blue-light_181624-18773.jpg", imageAlt: "Professional DJ booth setup"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/musician-with-microphone-raising-hand-while-entertaining-crowd-from-stage-nightclub-dj-singing-playing-electronic-music-show-discotheque-party-club-with-spotlights_482257-65405.jpg",
|
||||
imageAlt: "Concert lighting and production",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/musician-with-microphone-raising-hand-while-entertaining-crowd-from-stage-nightclub-dj-singing-playing-electronic-music-show-discotheque-party-club-with-spotlights_482257-65405.jpg", imageAlt: "Concert lighting and production"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/digital-mixing-console-sound-mixer-control-panel-closeup-audio-faders_627829-11445.jpg",
|
||||
imageAlt: "Professional audio equipment",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/digital-mixing-console-sound-mixer-control-panel-closeup-audio-faders_627829-11445.jpg", imageAlt: "Professional audio equipment"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/digital-marketing-agency-collaborate-your-project_505751-8222.jpg?_wi=1",
|
||||
imageAlt: "Digital marketing campaign",
|
||||
},
|
||||
"http://img.b2bpic.net/free-psd/digital-marketing-agency-collaborate-your-project_505751-8222.jpg", imageAlt: "Digital marketing campaign"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg?_wi=1",
|
||||
imageAlt: "Marketing analytics dashboard",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg", imageAlt: "Marketing analytics dashboard"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/diverse-business-people-dinner-party_53876-98341.jpg",
|
||||
imageAlt: "Brand activation event",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/diverse-business-people-dinner-party_53876-98341.jpg", imageAlt: "Brand activation event"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/business-marketing-strategy_53876-101268.jpg",
|
||||
imageAlt: "Digital strategy planning",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/business-marketing-strategy_53876-101268.jpg", imageAlt: "Digital strategy planning"},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Event or Campaign", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -129,45 +111,25 @@ export default function HomePage() {
|
||||
<FeatureCardTwentySix
|
||||
features={[
|
||||
{
|
||||
title: "Signature DJ Performance",
|
||||
description:
|
||||
"World-class DJs curating unforgettable dance experiences with cutting-edge mixing techniques and crowd-reading expertise.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-people-dancing-funky-music_482257-78334.jpg?_wi=1",
|
||||
imageAlt: "DJ performing live",
|
||||
buttonIcon: Play,
|
||||
buttonHref: "/dj-events",
|
||||
},
|
||||
title: "Signature DJ Performance", description:
|
||||
"World-class DJs curating unforgettable dance experiences with cutting-edge mixing techniques and crowd-reading expertise.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-people-dancing-funky-music_482257-78334.jpg", imageAlt: "DJ performing live", buttonIcon: Play,
|
||||
buttonHref: "/dj-events"},
|
||||
{
|
||||
title: "Advanced Sound Engineering",
|
||||
description:
|
||||
"Professional-grade audio systems and live mixing that delivers crystal-clear sound across any venue size and layout.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/talented-engineer-using-usb-stick-edit-recorded-files-home-studio_482257-121271.jpg?_wi=1",
|
||||
imageAlt: "Professional sound equipment",
|
||||
buttonIcon: Volume2,
|
||||
buttonHref: "/dj-events",
|
||||
},
|
||||
title: "Advanced Sound Engineering", description:
|
||||
"Professional-grade audio systems and live mixing that delivers crystal-clear sound across any venue size and layout.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/talented-engineer-using-usb-stick-edit-recorded-files-home-studio_482257-121271.jpg", imageAlt: "Professional sound equipment", buttonIcon: Volume2,
|
||||
buttonHref: "/dj-events"},
|
||||
{
|
||||
title: "Full Event Coordination",
|
||||
description:
|
||||
"Seamless booking, technical setup, and real-time production management from concept through post-event breakdown.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275482.jpg?_wi=1",
|
||||
imageAlt: "Event coordination",
|
||||
buttonIcon: Clipboard,
|
||||
buttonHref: "/dj-events",
|
||||
},
|
||||
title: "Full Event Coordination", description:
|
||||
"Seamless booking, technical setup, and real-time production management from concept through post-event breakdown.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275482.jpg", imageAlt: "Event coordination", buttonIcon: Clipboard,
|
||||
buttonHref: "/dj-events"},
|
||||
{
|
||||
title: "Visual & Lighting Design",
|
||||
description:
|
||||
"Immersive light shows and visual effects that sync with music to create unforgettable atmospheric moments.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182560.jpg?_wi=1",
|
||||
imageAlt: "Professional lighting setup",
|
||||
buttonIcon: Lightbulb,
|
||||
buttonHref: "/dj-events",
|
||||
},
|
||||
title: "Visual & Lighting Design", description:
|
||||
"Immersive light shows and visual effects that sync with music to create unforgettable atmospheric moments.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182560.jpg", imageAlt: "Professional lighting setup", buttonIcon: Lightbulb,
|
||||
buttonHref: "/dj-events"},
|
||||
]}
|
||||
title="DJ Events & Live Production"
|
||||
description="Electrifying nightlife experiences crafted for venue owners, event promoters, and brand activations seeking premium entertainment and technical excellence."
|
||||
@@ -185,45 +147,25 @@ export default function HomePage() {
|
||||
<FeatureCardTwentySix
|
||||
features={[
|
||||
{
|
||||
title: "Social Media Strategy & Execution",
|
||||
description:
|
||||
"Data-driven campaigns across Instagram, TikTok, Facebook, and emerging platforms designed to drive engagement and conversions.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/digital-marketing-agency-collaborate-your-project_505751-8222.jpg?_wi=2",
|
||||
imageAlt: "Social media marketing",
|
||||
buttonIcon: Share2,
|
||||
buttonHref: "/digital-marketing",
|
||||
},
|
||||
title: "Social Media Strategy & Execution", description:
|
||||
"Data-driven campaigns across Instagram, TikTok, Facebook, and emerging platforms designed to drive engagement and conversions.", imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/digital-marketing-agency-collaborate-your-project_505751-8222.jpg", imageAlt: "Social media marketing", buttonIcon: Share2,
|
||||
buttonHref: "/digital-marketing"},
|
||||
{
|
||||
title: "Content Creation & Video Production",
|
||||
description:
|
||||
"Compelling visual storytelling that captures brand identity and resonates with target audiences across all digital touchpoints.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/pretty-blonde-influencer-testing-new-products-camera_496169-427.jpg?_wi=1",
|
||||
imageAlt: "Content creation",
|
||||
buttonIcon: Film,
|
||||
buttonHref: "/digital-marketing",
|
||||
},
|
||||
title: "Content Creation & Video Production", description:
|
||||
"Compelling visual storytelling that captures brand identity and resonates with target audiences across all digital touchpoints.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/pretty-blonde-influencer-testing-new-products-camera_496169-427.jpg", imageAlt: "Content creation", buttonIcon: Film,
|
||||
buttonHref: "/digital-marketing"},
|
||||
{
|
||||
title: "Influencer & Partnership Marketing",
|
||||
description:
|
||||
"Strategic collaborations with key opinion leaders and brand partners to extend reach and build authentic credibility.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-journalist-talking-her-cameraman_23-2149032401.jpg?_wi=1",
|
||||
imageAlt: "Influencer partnerships",
|
||||
buttonIcon: Users,
|
||||
buttonHref: "/digital-marketing",
|
||||
},
|
||||
title: "Influencer & Partnership Marketing", description:
|
||||
"Strategic collaborations with key opinion leaders and brand partners to extend reach and build authentic credibility.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-journalist-talking-her-cameraman_23-2149032401.jpg", imageAlt: "Influencer partnerships", buttonIcon: Users,
|
||||
buttonHref: "/digital-marketing"},
|
||||
{
|
||||
title: "Performance Analytics & Reporting",
|
||||
description:
|
||||
"Transparent ROI tracking and detailed analytics that prove campaign effectiveness and inform future strategy optimization.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg?_wi=2",
|
||||
imageAlt: "Campaign analytics",
|
||||
buttonIcon: BarChart3,
|
||||
buttonHref: "/digital-marketing",
|
||||
},
|
||||
title: "Performance Analytics & Reporting", description:
|
||||
"Transparent ROI tracking and detailed analytics that prove campaign effectiveness and inform future strategy optimization.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg", imageAlt: "Campaign analytics", buttonIcon: BarChart3,
|
||||
buttonHref: "/digital-marketing"},
|
||||
]}
|
||||
title="Digital Marketing & Brand Activation"
|
||||
description="Strategic campaigns and experiential marketing that amplify brand presence across digital channels and live activations."
|
||||
@@ -245,9 +187,7 @@ export default function HomePage() {
|
||||
{ icon: Music, label: "DJ Events Delivered", value: "500+" },
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Marketing Campaigns",
|
||||
value: "200+",
|
||||
},
|
||||
label: "Marketing Campaigns", value: "200+"},
|
||||
{ icon: Users, label: "Satisfied Clients", value: "150+" },
|
||||
{ icon: Award, label: "Industry Recognition", value: "15+" },
|
||||
]}
|
||||
@@ -282,65 +222,29 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Chen",
|
||||
role: "Venue Owner",
|
||||
company: "Electric Underground",
|
||||
rating: 5,
|
||||
id: "1", name: "Marcus Chen", role: "Venue Owner", company: "Electric Underground", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "Marcus Chen portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Chen portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Martinez",
|
||||
role: "Event Promoter",
|
||||
company: "Pulse Events Co.",
|
||||
rating: 5,
|
||||
id: "2", name: "Sarah Martinez", role: "Event Promoter", company: "Pulse Events Co.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "Sarah Martinez portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Martinez portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Park",
|
||||
role: "Marketing Director",
|
||||
company: "NightLife Ventures",
|
||||
rating: 5,
|
||||
id: "3", name: "David Park", role: "Marketing Director", company: "NightLife Ventures", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
|
||||
imageAlt: "David Park portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Park portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica Thompson",
|
||||
role: "Brand Manager",
|
||||
company: "Urban Lifestyle Inc.",
|
||||
rating: 5,
|
||||
id: "4", name: "Jessica Thompson", role: "Brand Manager", company: "Urban Lifestyle Inc.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",
|
||||
imageAlt: "Jessica Thompson portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Jessica Thompson portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rodriguez",
|
||||
role: "Festival Director",
|
||||
company: "Summer Beats Festival",
|
||||
rating: 5,
|
||||
id: "5", name: "Alex Rodriguez", role: "Festival Director", company: "Summer Beats Festival", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",
|
||||
imageAlt: "Alex Rodriguez portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Alex Rodriguez portrait"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Emma Walsh",
|
||||
role: "CEO",
|
||||
company: "Amplify Marketing",
|
||||
rating: 5,
|
||||
id: "6", name: "Emma Walsh", role: "CEO", company: "Amplify Marketing", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",
|
||||
imageAlt: "Emma Walsh portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Emma Walsh portrait"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Successful Events" },
|
||||
@@ -361,9 +265,7 @@ export default function HomePage() {
|
||||
buttons={[
|
||||
{ text: "Book DJ Event", href: "mailto:events@sonicmotion.com" },
|
||||
{
|
||||
text: "Start Marketing Campaign",
|
||||
href: "mailto:marketing@sonicmotion.com",
|
||||
},
|
||||
text: "Start Marketing Campaign", href: "mailto:marketing@sonicmotion.com"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
@@ -379,9 +281,7 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
||||
{ icon: Music, href: "https://soundcloud.com", ariaLabel: "SoundCloud" },
|
||||
|
||||
@@ -34,7 +34,7 @@ export default function PortfolioPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -46,9 +46,7 @@ export default function PortfolioPage() {
|
||||
brandName="Sonic Motion"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Your Event",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Your Event", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -63,45 +61,21 @@ export default function PortfolioPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Chen",
|
||||
role: "Venue Owner",
|
||||
company: "Electric Underground",
|
||||
rating: 5,
|
||||
id: "1", name: "Marcus Chen", role: "Venue Owner", company: "Electric Underground", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=7",
|
||||
imageAlt: "Marcus Chen portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Chen portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Martinez",
|
||||
role: "Event Promoter",
|
||||
company: "Pulse Events Co.",
|
||||
rating: 5,
|
||||
id: "2", name: "Sarah Martinez", role: "Event Promoter", company: "Pulse Events Co.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=8",
|
||||
imageAlt: "Sarah Martinez portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Martinez portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Park",
|
||||
role: "Marketing Director",
|
||||
company: "NightLife Ventures",
|
||||
rating: 5,
|
||||
id: "3", name: "David Park", role: "Marketing Director", company: "NightLife Ventures", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=9",
|
||||
imageAlt: "David Park portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Park portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica Thompson",
|
||||
role: "Brand Manager",
|
||||
company: "Urban Lifestyle Inc.",
|
||||
rating: 5,
|
||||
id: "4", name: "Jessica Thompson", role: "Brand Manager", company: "Urban Lifestyle Inc.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=10",
|
||||
imageAlt: "Jessica Thompson portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Jessica Thompson portrait"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Successful Events" },
|
||||
@@ -139,9 +113,7 @@ export default function PortfolioPage() {
|
||||
buttons={[
|
||||
{ text: "Book DJ Event", href: "mailto:events@sonicmotion.com" },
|
||||
{
|
||||
text: "Start Marketing Campaign",
|
||||
href: "mailto:marketing@sonicmotion.com",
|
||||
},
|
||||
text: "Start Marketing Campaign", href: "mailto:marketing@sonicmotion.com"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
@@ -157,9 +129,7 @@ export default function PortfolioPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
||||
{ icon: Music, href: "https://soundcloud.com", ariaLabel: "SoundCloud" },
|
||||
|
||||
Reference in New Issue
Block a user