Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-03-07 23:05:31 +00:00

View File

@@ -18,7 +18,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="compact"
sizing="mediumLargeSizeLargeTitles"
background="fluid"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -46,22 +46,22 @@ export default function LandingPage() {
tag="Premium Production"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "fluid" }}
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/cinematic-music-video-production-setup-w-1772924619611-df174d81.png", imageAlt: "ShotByKyi production setup"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/stunning-music-video-frame-from-a-profes-1772924619073-da56aa17.png?_wi=1", imageAlt: "Music video production scene"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/stunning-music-video-frame-from-a-profes-1772924619073-da56aa17.png", imageAlt: "Music video production scene"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/professional-music-video-cinematography--1772924618853-394d973f.png?_wi=1", imageAlt: "Cinematic music video frame"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/professional-music-video-cinematography--1772924618853-394d973f.png", imageAlt: "Cinematic music video frame"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/cinematic-music-video-still-with-moody-a-1772924619157-b40a137c.png?_wi=1", imageAlt: "Professional VFX music video"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/cinematic-music-video-still-with-moody-a-1772924619157-b40a137c.png", imageAlt: "Professional VFX music video"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/high-energy-music-video-production-scene-1772924619099-39dbbe84.png?_wi=1", imageAlt: "High-energy production setup"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/high-energy-music-video-production-scene-1772924619099-39dbbe84.png", imageAlt: "High-energy production setup"
}
]}
buttons={[
@@ -100,16 +100,16 @@ export default function LandingPage() {
tagAnimation="slide-up"
products={[
{
id: "1", name: "Urban Anthem Music Video", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/stunning-music-video-frame-from-a-profes-1772924619073-da56aa17.png?_wi=2", imageAlt: "Urban Anthem Music Video"
id: "1", name: "Urban Anthem Music Video", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/stunning-music-video-frame-from-a-profes-1772924619073-da56aa17.png", imageAlt: "Urban Anthem Music Video"
},
{
id: "2", name: "Cinematic Artist Documentary", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/professional-music-video-cinematography--1772924618853-394d973f.png?_wi=2", imageAlt: "Cinematic Artist Documentary"
id: "2", name: "Cinematic Artist Documentary", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/professional-music-video-cinematography--1772924618853-394d973f.png", imageAlt: "Cinematic Artist Documentary"
},
{
id: "3", name: "VFX Driven Production", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/cinematic-music-video-still-with-moody-a-1772924619157-b40a137c.png?_wi=2", imageAlt: "VFX Driven Production"
id: "3", name: "VFX Driven Production", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/cinematic-music-video-still-with-moody-a-1772924619157-b40a137c.png", imageAlt: "VFX Driven Production"
},
{
id: "4", name: "Live Performance Capture", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/high-energy-music-video-production-scene-1772924619099-39dbbe84.png?_wi=2", imageAlt: "Live Performance Capture"
id: "4", name: "Live Performance Capture", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/high-energy-music-video-production-scene-1772924619099-39dbbe84.png", imageAlt: "Live Performance Capture"
},
{
id: "5", name: "Studio Session Highlight", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/artistic-music-video-frame-with-professi-1772924618916-32c066ce.png", imageAlt: "Studio Session Highlight"
@@ -124,8 +124,8 @@ export default function LandingPage() {
]}
buttonAnimation="slide-up"
className="py-24"
titleClassName="text-5xl md:text-6xl font-light"
descriptionClassName="text-lg opacity-85"
textBoxTitleClassName="text-5xl md:text-6xl font-light"
textBoxDescriptionClassName="text-lg opacity-85"
/>
</div>
@@ -139,19 +139,19 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "Production", title: "Music Video Production", subtitle: "From concept to final cut", description: "Full-service music video production including pre-production planning, cinematography, color grading, and post-production. We handle everything from location scouting to final delivery with cinematic quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/stunning-music-video-frame-from-a-profes-1772924619073-da56aa17.png?_wi=3", imageAlt: "Music video production"
tag: "Production", title: "Music Video Production", subtitle: "From concept to final cut", description: "Full-service music video production including pre-production planning, cinematography, color grading, and post-production. We handle everything from location scouting to final delivery with cinematic quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/stunning-music-video-frame-from-a-profes-1772924619073-da56aa17.png", imageAlt: "Music video production"
},
{
id: 2,
tag: "Creative Direction", title: "Creative Direction & Concept", subtitle: "Bringing your vision to life", description: "Expert creative direction that aligns your artistic vision with cinematic excellence. We develop compelling concepts, mood boards, and visual narratives that resonate with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/professional-music-video-cinematography--1772924618853-394d973f.png?_wi=3", imageAlt: "Creative direction session"
tag: "Creative Direction", title: "Creative Direction & Concept", subtitle: "Bringing your vision to life", description: "Expert creative direction that aligns your artistic vision with cinematic excellence. We develop compelling concepts, mood boards, and visual narratives that resonate with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/professional-music-video-cinematography--1772924618853-394d973f.png", imageAlt: "Creative direction session"
},
{
id: 3,
tag: "Visual Effects", title: "VFX & Post-Production", subtitle: "Professional visual enhancement", description: "Advanced visual effects, color grading, motion graphics, and post-production services. We enhance your footage with professional-grade effects and color correction for cinema-quality results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/cinematic-music-video-still-with-moody-a-1772924619157-b40a137c.png?_wi=3", imageAlt: "VFX post-production"
tag: "Visual Effects", title: "VFX & Post-Production", subtitle: "Professional visual enhancement", description: "Advanced visual effects, color grading, motion graphics, and post-production services. We enhance your footage with professional-grade effects and color correction for cinema-quality results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/cinematic-music-video-still-with-moody-a-1772924619157-b40a137c.png", imageAlt: "VFX post-production"
},
{
id: 4,
tag: "Branding", title: "Artist Content & Branding", subtitle: "Building your visual identity", description: "Strategic content creation for social media, artist branding, and visual marketing. We develop cohesive visual identities that strengthen your brand presence across all platforms.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/high-energy-music-video-production-scene-1772924619099-39dbbe84.png?_wi=3", imageAlt: "Artist branding content"
tag: "Branding", title: "Artist Content & Branding", subtitle: "Building your visual identity", description: "Strategic content creation for social media, artist branding, and visual marketing. We develop cohesive visual identities that strengthen your brand presence across all platforms.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcjlsHR0Gq35JMzPfjveCbqkke/high-energy-music-video-production-scene-1772924619099-39dbbe84.png", imageAlt: "Artist branding content"
}
]}
textboxLayout="default"
@@ -161,8 +161,8 @@ export default function LandingPage() {
]}
buttonAnimation="slide-up"
className="py-24"
titleClassName="text-5xl md:text-6xl font-light"
descriptionClassName="text-lg opacity-85"
textBoxTitleClassName="text-5xl md:text-6xl font-light"
textBoxDescriptionClassName="text-lg opacity-85"
/>
</div>
@@ -198,8 +198,8 @@ export default function LandingPage() {
useInvertedBackground={false}
carouselMode="auto"
className="py-24"
titleClassName="text-5xl md:text-6xl font-light"
descriptionClassName="text-lg opacity-85"
textBoxTitleClassName="text-5xl md:text-6xl font-light"
textBoxDescriptionClassName="text-lg opacity-85"
/>
</div>