Merge version_1_1782212244002 into main #2
@@ -6,294 +6,150 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import { Calendar, Camera, Lightbulb, Mic, Music, Sparkles, Users, Zap } from "lucide-react";
|
||||
import { Calendar, Camera, Lightbulb, Mic, Music, Sparkles, Users, Zap, Instagram, Facebook, Twitter, PlayCircle } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
import FooterMinimal from '@/components/sections/footer/FooterMinimal';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Production Experts"
|
||||
title="One Stop Solution for All Your Events"
|
||||
description="Experience professional event production, live concerts, pyrotechnics, and artist management that turns visions into unforgettable reality."
|
||||
primaryButton={{
|
||||
text: "Book an Event",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Our Portfolio",
|
||||
href: "#gallery",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/magenta-flash-near-lights_23-2147798893.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=1",
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FXCpHdAdVTRCxv2laMy7kIYxYe/uploaded-1782212250999-2ez2py3v.png?_wi=1",
|
||||
imageAlt: "stadium concert pyrotechnics",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536124.jpg?_wi=1",
|
||||
imageAlt: "stadium concert pyrotechnics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-fireworks-blow-up-palms-hawaii_1304-3176.jpg",
|
||||
},
|
||||
{
|
||||
videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/film-projector-with-cinema-reel_23-2148115297.jpg?_wi=1",
|
||||
imageAlt: "stadium concert pyrotechnics",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536124.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/magenta-flash-near-lights_23-2147798893.jpg?_wi=2",
|
||||
imageAlt: "stadium concert pyrotechnics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-night-outdoor_23-2148281579.jpg",
|
||||
},
|
||||
{
|
||||
videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=5",
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FXCpHdAdVTRCxv2laMy7kIYxYe/uploaded-1782212250999-2ez2py3v.png?_wi=2",
|
||||
imageAlt: "stadium concert pyrotechnics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-balls-with-candles-hang-before-window_1304-5598.jpg",
|
||||
},
|
||||
{
|
||||
videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/film-projector-with-cinema-reel_23-2148115297.jpg?_wi=2",
|
||||
imageAlt: "stadium concert pyrotechnics",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Production Experts"
|
||||
title="One Stop Solution for All Your Events"
|
||||
description="Experience professional event production, live concerts, pyrotechnics, and artist management that turns visions into unforgettable reality."
|
||||
primaryButton={{ text: "Book an Event", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Our Portfolio", href: "#gallery" }}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/magenta-flash-near-lights_23-2147798893.jpg" },
|
||||
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4" },
|
||||
{ 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" },
|
||||
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/red-fireworks-blow-up-palms-hawaii_1304-3176.jpg" },
|
||||
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4" }
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536124.jpg" },
|
||||
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-night-outdoor_23-2148281579.jpg" },
|
||||
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-balls-with-candles-hang-before-window_1304-5598.jpg" },
|
||||
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Moonlight Entertainments delivers high-impact production value with precision. From visual media to artist management, we set the stage for your biggest moments."
|
||||
primaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Moonlight Entertainments delivers high-impact production value with precision. From visual media to artist management, we set the stage for your biggest moments."
|
||||
primaryButton={{ text: "Learn More", href: "#services" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesBorderGlow
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Event Production"
|
||||
description="Everything you need under one roof for professional-grade events."
|
||||
features={[
|
||||
{
|
||||
icon: Music,
|
||||
title: "Live Concerts",
|
||||
description: "Full end-to-end concert production management.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Pyrotechnics & SFX",
|
||||
description: "Safe, professional-grade visual effects and pyrotechnic displays.",
|
||||
},
|
||||
{
|
||||
icon: Mic,
|
||||
title: "Artist Management",
|
||||
description: "Connecting talent with the right stage and audience.",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Pro Lighting",
|
||||
description: "Creative lighting designs for immersive visual experiences.",
|
||||
},
|
||||
{
|
||||
icon: Camera,
|
||||
title: "Visual Media",
|
||||
description: "High-definition content production and live visual streaming.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Event Production"
|
||||
description="Everything you need under one roof for professional-grade events."
|
||||
features={[
|
||||
{ icon: Music, title: "Live Concerts", description: "Full end-to-end concert production management." },
|
||||
{ icon: Sparkles, title: "Pyrotechnics & SFX", description: "Safe, professional-grade visual effects and pyrotechnic displays." },
|
||||
{ icon: Mic, title: "Artist Management", description: "Connecting talent with the right stage and audience." },
|
||||
{ icon: Lightbulb, title: "Pro Lighting", description: "Creative lighting designs for immersive visual experiences." },
|
||||
{ icon: Camera, title: "Visual Media", description: "High-definition content production and live visual streaming." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<SectionErrorBoundary name="stats">
|
||||
<div id="stats" data-section="stats">
|
||||
<SectionErrorBoundary name="stats">
|
||||
<MetricsIconCards
|
||||
tag="Our Track Record"
|
||||
title="Impact at Scale"
|
||||
description="Trusted by hundreds of clients across every major production sector."
|
||||
metrics={[
|
||||
{
|
||||
icon: Calendar,
|
||||
title: "Events Produced",
|
||||
description: "250+",
|
||||
value: "250+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Artists Managed",
|
||||
description: "50+",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Live Concerts",
|
||||
description: "100+",
|
||||
value: "100+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Track Record"
|
||||
title="Impact at Scale"
|
||||
description="Trusted by hundreds of clients across every major production sector."
|
||||
metrics={[
|
||||
{ icon: "Calendar", title: "Events Produced", value: "250+" },
|
||||
{ icon: "Users", title: "Artists Managed", value: "50+" },
|
||||
{ icon: "Zap", title: "Live Concerts", value: "100+" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<FeaturesImageBento
|
||||
tag="Our Portfolio"
|
||||
title="Unforgettable Productions"
|
||||
description="Visual highlights from recent stage performances and event productions."
|
||||
items={[
|
||||
{
|
||||
title: "Night Festival",
|
||||
description: "Atmospheric lighting setups",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-couple-concert_181624-22839.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pyro Show",
|
||||
description: "Massive stage pyrotechnics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-blue-optical-fiber-lights_23-2148241304.jpg",
|
||||
},
|
||||
{
|
||||
title: "Artist Performance",
|
||||
description: "Dramatic stage presence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/band-mates-performing-together_107420-96134.jpg",
|
||||
},
|
||||
{
|
||||
title: "DJ Nights",
|
||||
description: "Live production integration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658396.jpg",
|
||||
},
|
||||
{
|
||||
title: "Visual Design",
|
||||
description: "Intricate stage structures",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-pop-star-singer-with-microphone-sitting-scene-club_158538-7867.jpg",
|
||||
},
|
||||
{
|
||||
title: "Event Crowd",
|
||||
description: "High energy festival vibes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-large-group-music-fans-front-stage-music-concert-by-night-copy-space_637285-623.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pro Gear",
|
||||
description: "Reliable audio installations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charging-accumulators-charging-dock-station-fully-charged-chowing-display-movie-set_1268-15953.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Portfolio"
|
||||
title="Unforgettable Productions"
|
||||
description="Visual highlights from recent stage performances and event productions."
|
||||
items={[
|
||||
{ title: "Night Festival", description: "Atmospheric lighting setups", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-couple-concert_181624-22839.jpg" },
|
||||
{ title: "Pyro Show", description: "Massive stage pyrotechnics", imageSrc: "http://img.b2bpic.net/free-photo/blurred-blue-optical-fiber-lights_23-2148241304.jpg" },
|
||||
{ title: "Artist Performance", description: "Dramatic stage presence", imageSrc: "http://img.b2bpic.net/free-photo/band-mates-performing-together_107420-96134.jpg" },
|
||||
{ title: "DJ Nights", description: "Live production integration", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658396.jpg" },
|
||||
{ title: "Visual Design", description: "Intricate stage structures", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-pop-star-singer-with-microphone-sitting-scene-club_158538-7867.jpg" },
|
||||
{ title: "Event Crowd", description: "High energy festival vibes", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-large-group-music-fans-front-stage-music-concert-by-night-copy-space_637285-623.jpg" },
|
||||
{ title: "Pro Gear", description: "Reliable audio installations", imageSrc: "http://img.b2bpic.net/free-photo/charging-accumulators-charging-dock-station-fully-charged-chowing-display-movie-set_1268-15953.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="Moonlight Entertainments transformed our festival into a high-energy production. Their attention to lighting, sound, and safety is second to none."
|
||||
rating={5}
|
||||
author="Rajesh Kumar, Festival Director"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-covered-with-holi-powder-looking-away_23-2148129364.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/being-creative-with-textures-colours_329181-18136.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-barber-thools-isolated-blue_141793-73506.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kevin L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-fun-block-party_52683-90480.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-looks-camera-isolated-green-space-with-copy-space_141793-60051.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="Moonlight Entertainments transformed our festival into a high-energy production. Their attention to lighting, sound, and safety is second to none."
|
||||
rating={5}
|
||||
author="Rajesh Kumar, Festival Director"
|
||||
avatars={[
|
||||
{ name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-covered-with-holi-powder-looking-away_23-2148129364.jpg" },
|
||||
{ name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/being-creative-with-textures-colours_329181-18136.jpg" },
|
||||
{ name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-barber-thools-isolated-blue_141793-73506.jpg" },
|
||||
{ name: "Kevin L.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-fun-block-party_52683-90480.jpg" },
|
||||
{ name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-looks-camera-isolated-green-space-with-copy-space_141793-60051.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Frequently Asked Questions"
|
||||
title="Need Help Planning?"
|
||||
description="Get answers to common production questions."
|
||||
categories={[
|
||||
{
|
||||
name: "Event Logistics",
|
||||
items: [
|
||||
{
|
||||
question: "Do you provide your own sound equipment?",
|
||||
answer: "Yes, we handle the end-to-end sound and lighting setup for any event venue.",
|
||||
},
|
||||
{
|
||||
question: "Can you handle indoor and outdoor events?",
|
||||
answer: "We have experience across all venue types, from clubs to massive outdoor stadiums.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Pyrotechnics & Safety",
|
||||
items: [
|
||||
{
|
||||
question: "Are your fireworks displays safe?",
|
||||
answer: "Safety is our priority. Our team is fully certified and adheres to all local safety standards.",
|
||||
},
|
||||
{
|
||||
question: "Do you need special permits?",
|
||||
answer: "We handle all necessary permitting for pyrotechnic events on your behalf.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Frequently Asked Questions"
|
||||
title="Need Help Planning?"
|
||||
description="Get answers to common production questions."
|
||||
categories={[
|
||||
{ name: "Event Logistics", items: [{ question: "Do you provide your own sound equipment?", answer: "Yes, we handle the end-to-end sound and lighting setup for any event venue." }, { question: "Can you handle indoor and outdoor events?", answer: "We have experience across all venue types, from clubs to massive outdoor stadiums." }] },
|
||||
{ name: "Pyrotechnics & Safety", items: [{ question: "Are your fireworks displays safe?", answer: "Safety is our priority. Our team is fully certified and adheres to all local safety standards." }, { question: "Do you need special permits?", answer: "We handle all necessary permitting for pyrotechnic events on your behalf." }] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Let's Get Started"
|
||||
text="Ready to light up your next event? Reach out to our production team today."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@moonlightent.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+910000000000",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Let's Get Started"
|
||||
text="Ready to light up your next event? Reach out to our production team today."
|
||||
primaryButton={{ text: "Contact Us", href: "mailto:hello@moonlightent.com" }}
|
||||
secondaryButton={{ text: "Call Now", href: "tel:+910000000000" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMinimal
|
||||
brand="Moonlight Entertainments"
|
||||
copyright="© 2024 Moonlight Entertainments. All rights reserved."
|
||||
socialLinks={[{ icon: "Instagram", href: "#" }, { icon: "Facebook", href: "#" }, { icon: "Twitter", href: "#" }, { icon: "PlayCircle", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user