Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-10 14:46:25 +00:00

View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Partners",
id: "#partners",
},
name: "Partners", id: "#partners"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Blog",
id: "#blog",
},
name: "Blog", id: "#blog"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="CreativeSpark"
bottomLeftText="Global Community"
@@ -74,42 +58,21 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
title="Ignite Ideas. Build Communities."
description="CreativeSpark is a full-service agency specializing in impactful community events and innovative creative productions that tell your unique story."
tag="Connecting Visionaries"
buttons={[
{
text: "Explore Our Work",
href: "#portfolio",
},
text: "Explore Our Work", href: "#portfolio"},
{
text: "Get in Touch",
href: "#contact",
},
text: "Get in Touch", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-group-young-people-teaming-up-work_23-2148816843.jpg?_wi=1",
imageAlt: "Diverse group collaborating in a creative agency setting",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-group-young-people-teaming-up-work_23-2148816843.jpg", imageAlt: "Diverse group collaborating in a creative agency setting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247209.jpg?_wi=1",
imageAlt: "People enjoying a community festival",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg",
imageAlt: "Happy young colleagues in office coworking",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg",
imageAlt: "Young happy colleagues sitting in office coworking",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designers-discussing-laptop_1170-1863.jpg",
imageAlt: "Graphic designers discussing over laptop",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247209.jpg", imageAlt: "People enjoying a community festival"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -125,11 +88,9 @@ export default function LandingPage() {
tag="Our Story"
buttons={[
{
text: "Meet Our Team",
href: "#",
},
text: "Meet Our Team", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898552.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898552.jpg"
imageAlt="Creative agency team collaborating in a modern office"
/>
</div>
@@ -141,89 +102,49 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Community Events",
description: "Expert planning and execution of engaging community gatherings, festivals, and workshops from concept to completion.",
icon: Users,
title: "Community Events", description: "Expert planning and execution of engaging community gatherings, festivals, and workshops from concept to completion.", icon: Users,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/yes_53876-47102.jpg",
imageAlt: "People enjoying an outdoor festival",
},
imageSrc: "http://img.b2bpic.net/free-photo/yes_53876-47102.jpg", imageAlt: "People enjoying an outdoor festival"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-working-together_23-2149636261.jpg",
imageAlt: "Event planning team discussing logistics",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-group-young-people-teaming-up-work_23-2148816843.jpg?_wi=2",
imageAlt: "people enjoying outdoor festival",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-working-together_23-2149636261.jpg", imageAlt: "Event planning team discussing logistics"},
]
},
{
title: "Brand Storytelling",
description: "Crafting compelling narratives and content strategies that truly capture your brand's essence and resonate with your audience.",
icon: Book,
title: "Brand Storytelling", description: "Crafting compelling narratives and content strategies that truly capture your brand's essence and resonate with your audience.", icon: Book,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-working-with-interactive-pen-display-digital-drawing-tablet-pen-computer-smooth-tracking-shot-with-nice-backlit-lensflare_197531-3414.jpg",
imageAlt: "Person writing notes in a notebook",
},
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-working-with-interactive-pen-display-digital-drawing-tablet-pen-computer-smooth-tracking-shot-with-nice-backlit-lensflare_197531-3414.jpg", imageAlt: "Person writing notes in a notebook"},
{
imageSrc: "http://img.b2bpic.net/free-photo/collage-about-childhood-design_52683-102080.jpg",
imageAlt: "Visual storytelling graphic art",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247209.jpg?_wi=2",
imageAlt: "people enjoying outdoor festival",
imageSrc: "http://img.b2bpic.net/free-photo/collage-about-childhood-design_52683-102080.jpg", imageAlt: "Visual storytelling graphic art"},
]
},
{
title: "Creative Production",
description: "High-quality video production, photography, and graphic design to visually elevate your brand and message across all platforms.",
icon: Camera,
title: "Creative Production", description: "High-quality video production, photography, and graphic design to visually elevate your brand and message across all platforms.", icon: Camera,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066384.jpg",
imageAlt: "Filming crew on a movie set",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066384.jpg", imageAlt: "Filming crew on a movie set"},
{
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224630.jpg",
imageAlt: "Video production camera operator",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898552.jpg?_wi=2",
imageAlt: "people enjoying outdoor festival",
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224630.jpg", imageAlt: "Video production camera operator"},
]
},
{
title: "Digital Engagement",
description: "Developing effective social media campaigns and online presence strategies to build a vibrant digital community around your brand.",
icon: Globe,
title: "Digital Engagement", description: "Developing effective social media campaigns and online presence strategies to build a vibrant digital community around your brand.", icon: Globe,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-using-laptop-together-home-sofa-having-snacks_23-2149342430.jpg",
imageAlt: "Person interacting with a smartphone on social media",
},
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-using-laptop-together-home-sofa-having-snacks_23-2149342430.jpg", imageAlt: "Person interacting with a smartphone on social media"},
{
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-notebook-flat-lay_23-2148999179.jpg",
imageAlt: "Social media network connections",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/jigsaw-puzzle-partnership-teamwork-team-concept_53876-21149.jpg",
imageAlt: "people enjoying outdoor festival",
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-notebook-flat-lay_23-2148999179.jpg", imageAlt: "Social media network connections"},
]
},
{
title: "Experiential Marketing",
description: "Designing and executing immersive brand experiences that leave a lasting impression and create memorable connections with your audience.",
icon: Sparkles,
title: "Experiential Marketing", description: "Designing and executing immersive brand experiences that leave a lasting impression and create memorable connections with your audience.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-grandmother-grandchildren-playing-together-with-vr-glasses-home-family-technology-concept_58466-12027.jpg",
imageAlt: "People in an immersive virtual reality experience",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-grandmother-grandchildren-playing-together-with-vr-glasses-home-family-technology-concept_58466-12027.jpg", imageAlt: "People in an immersive virtual reality experience"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-party_23-2149182694.jpg",
imageAlt: "Augmented reality overlay on a phone",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-yellow-background_58702-6446.jpg",
imageAlt: "people enjoying outdoor festival",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-party_23-2149182694.jpg", imageAlt: "Augmented reality overlay on a phone"},
]
},
]}
title="Our Services"
@@ -239,53 +160,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "VibrantFest Community Expo",
price: "$50k+",
variant: "Community Event",
imageSrc: "http://img.b2bpic.net/free-photo/impatient-clients-pushing-store-staff_482257-79872.jpg",
imageAlt: "Crowd enjoying a vibrant music festival",
},
id: "p1", name: "VibrantFest Community Expo", price: "$50k+", variant: "Community Event", imageSrc: "http://img.b2bpic.net/free-photo/impatient-clients-pushing-store-staff_482257-79872.jpg", imageAlt: "Crowd enjoying a vibrant music festival"},
{
id: "p2",
name: "Echoes of Tomorrow Documentary",
price: "$75k+",
variant: "Video Production",
imageSrc: "http://img.b2bpic.net/free-photo/friends-firing-range-shooting-zooming-check-points-scored-bullseyes_482257-125728.jpg",
imageAlt: "Film crew shooting a documentary scene",
},
id: "p2", name: "Echoes of Tomorrow Documentary", price: "$75k+", variant: "Video Production", imageSrc: "http://img.b2bpic.net/free-photo/friends-firing-range-shooting-zooming-check-points-scored-bullseyes_482257-125728.jpg", imageAlt: "Film crew shooting a documentary scene"},
{
id: "p3",
name: "Urban Canvas Art Series",
price: "$40k+",
variant: "Experiential Art",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428514.jpg",
imageAlt: "Street art mural with vibrant colors",
},
id: "p3", name: "Urban Canvas Art Series", price: "$40k+", variant: "Experiential Art", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428514.jpg", imageAlt: "Street art mural with vibrant colors"},
{
id: "p4",
name: "FutureThink Leadership Summit",
price: "$60k+",
variant: "Corporate Event",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-question_1098-2865.jpg",
imageAlt: "Business conference audience and stage",
},
id: "p4", name: "FutureThink Leadership Summit", price: "$60k+", variant: "Corporate Event", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-question_1098-2865.jpg", imageAlt: "Business conference audience and stage"},
{
id: "p5",
name: "Synergy Brand Relaunch Campaign",
price: "$80k+",
variant: "Digital Content",
imageSrc: "http://img.b2bpic.net/free-photo/career-skills-progress-graphic-icon-symbol_53876-124007.jpg",
imageAlt: "Creative digital marketing campaign on social media",
},
id: "p5", name: "Synergy Brand Relaunch Campaign", price: "$80k+", variant: "Digital Content", imageSrc: "http://img.b2bpic.net/free-photo/career-skills-progress-graphic-icon-symbol_53876-124007.jpg", imageAlt: "Creative digital marketing campaign on social media"},
{
id: "p6",
name: "Ignite Innovation Hub Launch",
price: "$55k+",
variant: "Community Launch",
imageSrc: "http://img.b2bpic.net/free-photo/equality-freedom-strength_23-2151944081.jpg",
imageAlt: "Startup launch event with confetti",
},
id: "p6", name: "Ignite Innovation Hub Launch", price: "$55k+", variant: "Community Launch", imageSrc: "http://img.b2bpic.net/free-photo/equality-freedom-strength_23-2151944081.jpg", imageAlt: "Startup launch event with confetti"},
]}
title="Our Creative Work"
description="Dive into a selection of our recent projects that blend innovation with impact."
@@ -297,15 +182,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Global Brands",
"Local Startups",
"Non-Profits",
"Tech Innovators",
"Cultural Institutions",
"Event Organizers",
"Media Houses",
"Community Leaders",
]}
"Global Brands", "Local Startups", "Non-Profits", "Tech Innovators", "Cultural Institutions", "Event Organizers", "Media Houses", "Community Leaders"]}
title="Trusted By Industry Leaders"
description="Our partnerships are built on creativity, trust, and shared success."
speed={40}
@@ -319,73 +196,31 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "CEO",
company: "Connect Events Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
imageAlt: "Portrait of Sarah Johnson",
},
id: "t1", name: "Sarah Johnson", role: "CEO", company: "Connect Events Inc.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", imageAlt: "Portrait of Sarah Johnson"},
{
id: "t2",
name: "Michael Chen",
role: "Brand Director",
company: "Innovate Global",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-office-employee-working-with-monthly-revenue-balance_482257-123861.jpg",
imageAlt: "Portrait of Michael Chen",
},
id: "t2", name: "Michael Chen", role: "Brand Director", company: "Innovate Global", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-office-employee-working-with-monthly-revenue-balance_482257-123861.jpg", imageAlt: "Portrait of Michael Chen"},
{
id: "t3",
name: "Emily Rodriguez",
role: "Marketing Head",
company: "Storycraft Media",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-surprised-expression_1194-3519.jpg",
imageAlt: "Portrait of Emily Rodriguez",
},
id: "t3", name: "Emily Rodriguez", role: "Marketing Head", company: "Storycraft Media", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-surprised-expression_1194-3519.jpg", imageAlt: "Portrait of Emily Rodriguez"},
{
id: "t4",
name: "David Kim",
role: "Community Manager",
company: "Urban Nexus",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-holding-golden-star-icon_53876-71038.jpg",
imageAlt: "Portrait of David Kim",
},
id: "t4", name: "David Kim", role: "Community Manager", company: "Urban Nexus", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-holding-golden-star-icon_53876-71038.jpg", imageAlt: "Portrait of David Kim"},
{
id: "t5",
name: "Jessica Lee",
role: "Founder",
company: "Future Vision Studios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-corporate-woman-young-lady-boss-suit-looking-confident-happy-posing-outdoors-stree_1258-119447.jpg",
imageAlt: "Portrait of Jessica Lee",
},
id: "t5", name: "Jessica Lee", role: "Founder", company: "Future Vision Studios", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-corporate-woman-young-lady-boss-suit-looking-confident-happy-posing-outdoors-stree_1258-119447.jpg", imageAlt: "Portrait of Jessica Lee"},
{
id: "t6",
name: "Robert Green",
role: "Event Producer",
company: "Dynamic Gatherings",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-superhero-man-red-cape-wearing-glasses-holding-idea-bubble-looking-pointing-isolated-green-wall_141793-80025.jpg",
imageAlt: "Portrait of Robert Green",
},
id: "t6", name: "Robert Green", role: "Event Producer", company: "Dynamic Gatherings", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-superhero-man-red-cape-wearing-glasses-holding-idea-bubble-looking-pointing-isolated-green-wall_141793-80025.jpg", imageAlt: "Portrait of Robert Green"},
]}
kpiItems={[
{
value: "100+",
label: "Events Organized",
},
value: "100+", label: "Events Organized"},
{
value: "150M+",
label: "Audience Reach",
},
value: "150M+", label: "Audience Reach"},
{
value: "95%",
label: "Client Retention",
},
value: "95%", label: "Client Retention"},
]}
title="What Our Partners Say"
description="Hear directly from those who have experienced the CreativeSpark difference."
@@ -401,38 +236,11 @@ export default function LandingPage() {
description="Stay ahead with our latest thoughts on creative trends, event strategies, and community building."
blogs={[
{
id: "b1",
category: "Events",
title: "Mastering Community Event Engagement in 2024",
excerpt: "Discover key strategies to boost participation and create memorable experiences at your next community event.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-sitting-planning_23-2148925824.jpg",
imageAlt: "Notebook and pen on a table, illustrating event planning",
authorName: "Alex Rivera",
authorAvatar: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
date: "May 15, 2024",
},
id: "b1", category: "Events", title: "Mastering Community Event Engagement in 2024", excerpt: "Discover key strategies to boost participation and create memorable experiences at your next community event.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-sitting-planning_23-2148925824.jpg", imageAlt: "Notebook and pen on a table, illustrating event planning", authorName: "Alex Rivera", authorAvatar: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg", date: "May 15, 2024"},
{
id: "b2",
category: "Production",
title: "The Art of Visual Storytelling: Beyond the Lens",
excerpt: "Learn how to craft compelling visual narratives that capture attention and communicate your brand's unique story effectively.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lifestyle-blogger-girl-records-video-her-camera-social-media-shows_1258-281741.jpg",
imageAlt: "Camera lens and production equipment",
authorName: "Maria Lopez",
authorAvatar: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",
date: "April 28, 2024",
},
id: "b2", category: "Production", title: "The Art of Visual Storytelling: Beyond the Lens", excerpt: "Learn how to craft compelling visual narratives that capture attention and communicate your brand's unique story effectively.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lifestyle-blogger-girl-records-video-her-camera-social-media-shows_1258-281741.jpg", imageAlt: "Camera lens and production equipment", authorName: "Maria Lopez", authorAvatar: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg", date: "April 28, 2024"},
{
id: "b3",
category: "Trends",
title: "Future-Proofing Your Brand with Experiential Marketing",
excerpt: "Explore the evolving landscape of marketing and how immersive experiences can build deeper connections with your audience.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-games-vr-set-indoors_23-2148513444.jpg",
imageAlt: "Abstract image representing future technology and marketing",
authorName: "Samir Khan",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
date: "April 10, 2024",
},
id: "b3", category: "Trends", title: "Future-Proofing Your Brand with Experiential Marketing", excerpt: "Explore the evolving landscape of marketing and how immersive experiences can build deeper connections with your audience.", imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-games-vr-set-indoors_23-2148513444.jpg", imageAlt: "Abstract image representing future technology and marketing", authorName: "Samir Khan", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", date: "April 10, 2024"},
]}
/>
</div>
@@ -444,22 +252,14 @@ export default function LandingPage() {
description="Ready to transform your vision into reality? Reach out and let's start a conversation. We're excited to hear from you!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
rows: 5,
name: "message", placeholder: "Tell us about your project...", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/curly-girl-sits-floor-smiling-holds-palette-with-oils_8353-10807.jpg"
@@ -477,66 +277,39 @@ export default function LandingPage() {
logoText="CreativeSpark"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Events",
href: "#services",
},
label: "Events", href: "#services"},
{
label: "Production",
href: "#services",
},
label: "Production", href: "#services"},
{
label: "Storytelling",
href: "#services",
},
label: "Storytelling", href: "#services"},
{
label: "Marketing",
href: "#services",
},
label: "Marketing", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
{
label: "Blog",
href: "#blog",
},
label: "Blog", href: "#blog"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
],
},
]}