|
|
|
@@ -1,6 +1,6 @@
|
|
|
|
"use client";
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
|
|
import { Award, CheckCircle, Sparkles, Zap, Globe } from "lucide-react";
|
|
|
|
import { Award, CheckCircle, Sparkles, Zap, Globe, ArrowRight, BarChart3, Users, Briefcase } from "lucide-react";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
|
|
@@ -15,26 +15,42 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
defaultButtonVariant="expand-hover"
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
borderRadius="pill"
|
|
|
|
borderRadius="rounded"
|
|
|
|
contentWidth="smallMedium"
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
background="fluid"
|
|
|
|
background="blurBottom"
|
|
|
|
cardStyle="gradient-bordered"
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
headingFontWeight="bold"
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
|
|
|
|
{/* Progress Bar */}
|
|
|
|
|
|
|
|
<div className="fixed top-0 left-0 w-full h-1 bg-red-600 z-50" style={{
|
|
|
|
|
|
|
|
animation: "progressBarAnimation 8s linear infinite"
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<style>{`
|
|
|
|
|
|
|
|
@keyframes progressBarAnimation {
|
|
|
|
|
|
|
|
0% { width: 0; }
|
|
|
|
|
|
|
|
50% { width: 100%; }
|
|
|
|
|
|
|
|
100% { width: 100%; }
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
`}</style>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarStyleCentered
|
|
|
|
<NavbarStyleCentered
|
|
|
|
brandName="EventPro"
|
|
|
|
brandName="EventPro"
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
{ name: "Home", id: "/" },
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
{ name: "Business Group", id: "#business-group" },
|
|
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
|
|
{ name: "Brands", id: "#brands" },
|
|
|
|
{ name: "Why Us", id: "why-us" },
|
|
|
|
{ name: "Article", id: "#article" },
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
{ name: "Career", id: "#career" },
|
|
|
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
|
|
|
{ name: "Events", id: "#events" },
|
|
|
|
|
|
|
|
{ name: "Survey", id: "#survey" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
button={{ text: "Book Event", href: "contact" }}
|
|
|
|
button={{ text: "Book Event", href: "contact" }}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -42,27 +58,27 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroSplitTestimonial
|
|
|
|
<HeroSplitTestimonial
|
|
|
|
title="Elevate Your Event Experience"
|
|
|
|
title="Transform Your Vision Into Unforgettable Events"
|
|
|
|
description="Professional event organization that transforms visions into unforgettable experiences. From corporate conferences to government advocacy events, we deliver excellence at every stage."
|
|
|
|
description="Professional event organization delivering excellence for corporate conferences, government advocacy events, and brand activations. From strategy to execution, we handle every detail with precision."
|
|
|
|
tag="Premium Event Solutions"
|
|
|
|
tag="Premium Event Solutions"
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
background={{ variant: "glowing-orb" }}
|
|
|
|
background={{ variant: "downward-rays-static-grid" }}
|
|
|
|
imagePosition="right"
|
|
|
|
imagePosition="right"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-entrepreneur-business-presentation-board-room_637285-9175.jpg"
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=900&fit=crop"
|
|
|
|
imageAlt="Professional conference event with attendees"
|
|
|
|
imageAlt="Professional conference event with attendees"
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "Sarah Johnson", handle: "CEO, TechCorp", testimonial: "EventPro orchestrated our annual conference flawlessly. Exceptional attention to detail and professional execution.", rating: 5,
|
|
|
|
name: "Sarah Johnson", handle: "CEO, TechCorp", testimonial: "EventPro orchestrated our annual conference flawlessly. Exceptional attention to detail and professional execution.", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=1", imageAlt: "Sarah Johnson"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop", imageAlt: "Sarah Johnson"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "Michael Chen", handle: "Director, Global Events", testimonial: "Their expertise in government advocacy events is unmatched. Highly recommended for corporate clients.", rating: 5,
|
|
|
|
name: "Michael Chen", handle: "Director, Global Events", testimonial: "Their expertise in government advocacy events is unmatched. Highly recommended for corporate clients.", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop", imageAlt: "Michael Chen"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "Emily Rodriguez", handle: "Marketing Director, BrandCo", testimonial: "Innovative brand activation campaigns that drove real engagement and results. True professionals.", rating: 5,
|
|
|
|
name: "Emily Rodriguez", handle: "Marketing Director, BrandCo", testimonial: "Innovative brand activation campaigns that drove real engagement and results. True professionals.", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=2", imageAlt: "Emily Rodriguez"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop", imageAlt: "Emily Rodriguez"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
testimonialRotationInterval={5000}
|
|
|
|
testimonialRotationInterval={5000}
|
|
|
|
@@ -88,31 +104,31 @@ export default function LandingPage() {
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 1,
|
|
|
|
id: 1,
|
|
|
|
tag: "Strategy", title: "Event Management", subtitle: "End-to-end planning and execution", description: "Complete event management from concept through execution. We handle venue selection, vendor coordination, budget management, timeline planning, on-site logistics, and post-event evaluation to ensure your event exceeds expectations.", imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-having-meeting_53876-14819.jpg", imageAlt: "Event management planning"
|
|
|
|
tag: "Strategy", title: "Event Management", subtitle: "End-to-end planning and execution", description: "Complete event management from concept through execution. We handle venue selection, vendor coordination, budget management, timeline planning, on-site logistics, and post-event evaluation.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=400&fit=crop&_wi=1", imageAlt: "Event management planning"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 2,
|
|
|
|
id: 2,
|
|
|
|
tag: "Government", title: "Government Advocacy", subtitle: "Policy-focused event solutions", description: "Specialized in organizing high-stakes government and advocacy events. We understand regulatory requirements, stakeholder dynamics, and the nuances of public sector events to create impactful gatherings.", imageSrc: "http://img.b2bpic.net/free-photo/working-board-presentation-business-office_1262-2226.jpg", imageAlt: "Government advocacy conference"
|
|
|
|
tag: "Government", title: "Government Advocacy", subtitle: "Policy-focused event solutions", description: "Specialized in organizing high-stakes government and advocacy events. We understand regulatory requirements, stakeholder dynamics, and public sector event nuances.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=400&fit=crop&_wi=2", imageAlt: "Government advocacy conference"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 3,
|
|
|
|
id: 3,
|
|
|
|
tag: "Innovation", title: "Technology Solutions", subtitle: "Advanced event technology integration", description: "Cutting-edge technology solutions including live streaming, virtual event platforms, interactive displays, mobile apps, and real-time analytics to enhance attendee engagement and event reach.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-augmented-reality_1134-137.jpg", imageAlt: "Technology event solutions"
|
|
|
|
tag: "Innovation", title: "Technology Solutions", subtitle: "Advanced event technology integration", description: "Cutting-edge solutions including live streaming, virtual platforms, interactive displays, mobile apps, and real-time analytics to enhance attendee engagement.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=400&fit=crop&_wi=3", imageAlt: "Technology event solutions"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 4,
|
|
|
|
id: 4,
|
|
|
|
tag: "Activation", title: "Brand Activation", subtitle: "Experiential marketing campaigns", description: "Creative brand activation experiences that create memorable interactions between your brand and target audience. We design immersive experiences that drive engagement, loyalty, and measurable business results.", imageSrc: "http://img.b2bpic.net/free-photo/advertise-communication-digital-marketing-business-concept_53876-133825.jpg", imageAlt: "Brand activation event"
|
|
|
|
tag: "Activation", title: "Brand Activation", subtitle: "Experiential marketing campaigns", description: "Creative brand activation experiences that create memorable interactions. We design immersive experiences that drive engagement, loyalty, and measurable business results.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=400&fit=crop&_wi=4", imageAlt: "Brand activation event"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 5,
|
|
|
|
id: 5,
|
|
|
|
tag: "Digital", title: "Social Media Management", subtitle: "Multi-platform event promotion", description: "Strategic social media planning and management for event promotion. From pre-event buzz to live coverage and post-event engagement, we amplify your reach across all platforms.", imageSrc: "http://img.b2bpic.net/free-photo/notebook-with-words-digital-marketing_1134-436.jpg", imageAlt: "Social media marketing campaign"
|
|
|
|
tag: "Digital", title: "Social Media Management", subtitle: "Multi-platform event promotion", description: "Strategic social media planning and management for event promotion. From pre-event buzz to live coverage and post-event engagement, we amplify your reach.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=400&fit=crop&_wi=5", imageAlt: "Social media marketing campaign"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 6,
|
|
|
|
id: 6,
|
|
|
|
tag: "Production", title: "Production Services", subtitle: "Professional audio and video", description: "Full-service production capabilities including lighting design, sound engineering, video production, stage design, and technical equipment management for premium event experiences.", imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15947.jpg", imageAlt: "Professional production setup"
|
|
|
|
tag: "Production", title: "Production Services", subtitle: "Professional audio and video", description: "Full-service production including lighting design, sound engineering, video production, stage design, and technical equipment management for premium experiences.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=400&fit=crop&_wi=6", imageAlt: "Professional production setup"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 7,
|
|
|
|
id: 7,
|
|
|
|
tag: "Studio", title: "Podcast Studio Production", subtitle: "Content creation excellence", description: "Professional podcast and audio content production. We provide studio facilities, technical expertise, and post-production services to create broadcast-quality podcast content.", imageSrc: "http://img.b2bpic.net/free-photo/podcast-microphone-used-online-livestreaming-channel-close-up_482257-124420.jpg", imageAlt: "Podcast studio production"
|
|
|
|
tag: "Studio", title: "Podcast Studio Production", subtitle: "Content creation excellence", description: "Professional podcast and audio content production. We provide studio facilities, technical expertise, and post-production services for broadcast-quality content.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=400&fit=crop&_wi=7", imageAlt: "Podcast studio production"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttons={[{ text: "Explore Services", href: "#services" }]}
|
|
|
|
buttons={[{ text: "Explore Services", href: "#services" }]}
|
|
|
|
@@ -131,21 +147,21 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Tech Conference 2024", price: "5,000+ Attendees", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333670.jpg", imageAlt: "Tech conference 2024"
|
|
|
|
id: "1", name: "Tech Conference 2024", price: "5,000+ Attendees", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=500&fit=crop&_wi=1", imageAlt: "Tech conference 2024"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Government Summit", price: "2,000+ Participants", imageSrc: "http://img.b2bpic.net/free-photo/nighttime-concert-musicians-play-excited-crowd-generated-by-ai_188544-44674.jpg", imageAlt: "Government summit event"
|
|
|
|
id: "2", name: "Government Summit", price: "2,000+ Participants", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=500&fit=crop&_wi=2", imageAlt: "Government summit event"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Brand Activation Tour", price: "15+ Cities", imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-people-dinner-party_53876-98341.jpg", imageAlt: "Brand activation tour"
|
|
|
|
id: "3", name: "Brand Activation Tour", price: "15+ Cities", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=500&fit=crop&_wi=3", imageAlt: "Brand activation tour"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "Corporate Gala", price: "500+ Guests", imageSrc: "http://img.b2bpic.net/free-photo/festive-table-restaurant-is-decorated-with-candles-flowers_8353-9968.jpg", imageAlt: "Corporate gala event"
|
|
|
|
id: "4", name: "Corporate Gala", price: "500+ Guests", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=500&fit=crop&_wi=4", imageAlt: "Corporate gala event"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
buttons={[{ text: "View More Projects", href: "#" }]}
|
|
|
|
buttons={[{ text: "View More Projects", href: "#portfolio" }]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -156,12 +172,12 @@ export default function LandingPage() {
|
|
|
|
rating={5}
|
|
|
|
rating={5}
|
|
|
|
author="David Kim, Chief Marketing Officer"
|
|
|
|
author="David Kim, Chief Marketing Officer"
|
|
|
|
avatars={[
|
|
|
|
avatars={[
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Client 1" },
|
|
|
|
{ src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop", alt: "Client 1" },
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 2" },
|
|
|
|
{ src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop", alt: "Client 2" },
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Client 3" },
|
|
|
|
{ src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop", alt: "Client 3" },
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 4" },
|
|
|
|
{ src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop", alt: "Client 4" },
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 5" },
|
|
|
|
{ src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop", alt: "Client 5" },
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 6" }
|
|
|
|
{ src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop", alt: "Client 6" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
ratingAnimation="slide-up"
|
|
|
|
ratingAnimation="slide-up"
|
|
|
|
avatarsAnimation="slide-up"
|
|
|
|
avatarsAnimation="slide-up"
|
|
|
|
@@ -233,7 +249,7 @@ export default function LandingPage() {
|
|
|
|
name: "eventDetails", placeholder: "Tell us about your event vision and requirements...", rows: 5,
|
|
|
|
name: "eventDetails", placeholder: "Tell us about your event vision and requirements...", rows: 5,
|
|
|
|
required: true
|
|
|
|
required: true
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-young-businesswoman-talking-mobile-phone-cafe_1262-20247.jpg"
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=500&fit=crop&_wi=5"
|
|
|
|
imageAlt="Professional event planning consultation"
|
|
|
|
imageAlt="Professional event planning consultation"
|
|
|
|
mediaAnimation="opacity"
|
|
|
|
mediaAnimation="opacity"
|
|
|
|
mediaPosition="right"
|
|
|
|
mediaPosition="right"
|
|
|
|
|
