From b0358d74f212ad22df1c0983a382fdc4b118d05a Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 23:05:27 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 22dc8b2..181d398 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" /> @@ -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" /> @@ -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" />