From 9d387dcd8b2ec1dfa143c6ec4adbafbc31cd04cf Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 28 Feb 2026 07:09:07 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 117 +++++++++++++---------------------------------- 1 file changed, 31 insertions(+), 86 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ae8ec55..fc70887 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -49,13 +49,13 @@ export default function HomePage() { tag="Trusted by Category Leaders" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "glowing-orb" }} + background={{ variant: "sparkles-gradient" }} buttons={[ { text: "View Our Work", href: "#work" }, { text: "Let's Create Together", href: "/contact" } ]} buttonAnimation="slide-up" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-stunning-cinematic-hero-image-showcasi-1772261876845-aa281cb4.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-stunning-cinematic-hero-image-showcasi-1772261876845-aa281cb4.png" imageAlt="Professional film production set with high-end equipment" imagePosition="right" mediaAnimation="blur-reveal" @@ -73,27 +73,19 @@ export default function HomePage() { useInvertedBackground={false} bulletPoints={[ { - title: "Cinematic Excellence", - description: "Hollywood-grade production standards applied to brand storytelling, delivering visually stunning content that captivates audiences.", - icon: Film + title: "Cinematic Excellence", description: "Hollywood-grade production standards applied to brand storytelling, delivering visually stunning content that captivates audiences.", icon: Film }, { - title: "Strategic Narrative", - description: "Deep brand strategy integration ensures every frame serves your business goals while maintaining authentic creative vision.", - icon: Lightbulb + title: "Strategic Narrative", description: "Deep brand strategy integration ensures every frame serves your business goals while maintaining authentic creative vision.", icon: Lightbulb }, { - title: "Full Production Control", - description: "From conceptual development through color grading, we maintain artistic integrity and quality at every production stage.", - icon: Clapperboard + title: "Full Production Control", description: "From conceptual development through color grading, we maintain artistic integrity and quality at every production stage.", icon: Clapperboard }, { - title: "Proven Results", - description: "Our films drive measurable impact: increased brand awareness, engagement, and conversion across all major platforms.", - icon: TrendingUp + title: "Proven Results", description: "Our films drive measurable impact: increased brand awareness, engagement, and conversion across all major platforms.", icon: TrendingUp } ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sophisticated-image-of-a-creative-film-1772261877464-9ebe45a5.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sophisticated-image-of-a-creative-film-1772261877464-9ebe45a5.png" imageAlt="Creative film production team collaborating" imagePosition="left" mediaAnimation="slide-up" @@ -131,62 +123,46 @@ export default function HomePage() { animationType="depth-3d" features={[ { - title: "Brand Strategy & Concept", - description: "Strategic creative development that transforms your brand vision into compelling visual narratives. We collaborate with your team to define the perfect story.", - icon: Lightbulb, + title: "Brand Strategy & Concept", description: "Strategic creative development that transforms your brand vision into compelling visual narratives. We collaborate with your team to define the perfect story.", icon: Lightbulb, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-image-representing-strate-1772261876281-7597a1bc.png?_wi=1", - imageAlt: "Creative strategy and planning session" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-image-representing-strate-1772261876281-7597a1bc.png", imageAlt: "Creative strategy and planning session" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-behind-the-scenes-cinematic-shot-of-a--1772261875867-dbb4183d.png?_wi=1", - imageAlt: "Professional film production setup" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-behind-the-scenes-cinematic-shot-of-a--1772261875867-dbb4183d.png", imageAlt: "Professional film production setup" } ] }, { - title: "Production & Cinematography", - description: "World-class production execution with premium equipment and award-winning cinematographers. From location scouting to final filming, absolute cinematic excellence.", - icon: Camera, + title: "Production & Cinematography", description: "World-class production execution with premium equipment and award-winning cinematographers. From location scouting to final filming, absolute cinematic excellence.", icon: Camera, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-behind-the-scenes-cinematic-shot-of-a--1772261875867-dbb4183d.png?_wi=2", - imageAlt: "High-end camera equipment on set" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-behind-the-scenes-cinematic-shot-of-a--1772261875867-dbb4183d.png", imageAlt: "High-end camera equipment on set" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-modern-post-production-studio-environm-1772261878100-15bf2bd8.png?_wi=1", - imageAlt: "Post-production color grading workstation" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-modern-post-production-studio-environm-1772261878100-15bf2bd8.png", imageAlt: "Post-production color grading workstation" } ] }, { - title: "Post-Production & Design", - description: "Meticulous editing, color grading, and visual effects that refine every frame. Our post-production team delivers cinematic polish that elevates your story.", - icon: Palette, + title: "Post-Production & Design", description: "Meticulous editing, color grading, and visual effects that refine every frame. Our post-production team delivers cinematic polish that elevates your story.", icon: Palette, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-modern-post-production-studio-environm-1772261878100-15bf2bd8.png?_wi=2", - imageAlt: "Advanced editing and color grading setup" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-modern-post-production-studio-environm-1772261878100-15bf2bd8.png", imageAlt: "Advanced editing and color grading setup" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-stunning-cinematic-hero-image-showcasi-1772261876845-aa281cb4.png?_wi=2", - imageAlt: "Final cinematic output example" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-stunning-cinematic-hero-image-showcasi-1772261876845-aa281cb4.png", imageAlt: "Final cinematic output example" } ] }, { - title: "Strategic Distribution", - description: "Optimized delivery across all platforms—social, broadcast, and web. We ensure your film reaches the right audiences with maximum impact and engagement.", - icon: Megaphone, + title: "Strategic Distribution", description: "Optimized delivery across all platforms—social, broadcast, and web. We ensure your film reaches the right audiences with maximum impact and engagement.", icon: Megaphone, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-high-quality-cinematic-frame-from-a-po-1772261879587-cbd51988.png?_wi=1", - imageAlt: "Brand film cinematic moment" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-high-quality-cinematic-frame-from-a-po-1772261879587-cbd51988.png", imageAlt: "Brand film cinematic moment" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-vibrant-cinematic-frame-from-a-doordas-1772261882782-1db68956.png?_wi=1", - imageAlt: "Dynamic production scene" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-vibrant-cinematic-frame-from-a-doordas-1772261882782-1db68956.png", imageAlt: "Dynamic production scene" } ] } @@ -206,36 +182,16 @@ export default function HomePage() { animationType="slide-up" testimonials={[ { - id: "1", - name: "Sarah Chen", - role: "Chief Brand Officer", - testimonial: "CineFlow's team understood our vision immediately and executed a film that captured the revolutionary spirit of decentralized markets. The cinematic quality was exceptional.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-successful--1772261877759-edf51585.png?_wi=1", - imageAlt: "Sarah Chen" + id: "1", name: "Sarah Chen", role: "Chief Brand Officer", testimonial: "CineFlow's team understood our vision immediately and executed a film that captured the revolutionary spirit of decentralized markets. The cinematic quality was exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-successful--1772261877759-edf51585.png", imageAlt: "Sarah Chen" }, { - id: "2", - name: "Marcus Johnson", - role: "VP of Marketing", - testimonial: "The authenticity and emotional depth they brought to our brand story was remarkable. This film became instrumental in our product launch and brand positioning.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-creative-di-1772261876171-27937eef.png?_wi=1", - imageAlt: "Marcus Johnson" + id: "2", name: "Marcus Johnson", role: "VP of Marketing", testimonial: "The authenticity and emotional depth they brought to our brand story was remarkable. This film became instrumental in our product launch and brand positioning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-creative-di-1772261876171-27937eef.png", imageAlt: "Marcus Johnson" }, { - id: "3", - name: "Jennifer Liu", - role: "Head of Creative", - testimonial: "From concept to delivery, CineFlow handled everything with professionalism and creative excellence. Our film exceeded expectations and drove massive engagement.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-brand-strat-1772261875570-44b1b360.png?_wi=1", - imageAlt: "Jennifer Liu" + id: "3", name: "Jennifer Liu", role: "Head of Creative", testimonial: "From concept to delivery, CineFlow handled everything with professionalism and creative excellence. Our film exceeded expectations and drove massive engagement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-brand-strat-1772261875570-44b1b360.png", imageAlt: "Jennifer Liu" }, { - id: "4", - name: "David Park", - role: "Founder & CEO", - testimonial: "They took our complex AI technology and created a visually stunning film that made it accessible and inspiring. The production quality was world-class.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-marketing-e-1772261876258-7bbd1a1e.png?_wi=1", - imageAlt: "David Park" + id: "4", name: "David Park", role: "Founder & CEO", testimonial: "They took our complex AI technology and created a visually stunning film that made it accessible and inspiring. The production quality was world-class.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-marketing-e-1772261876258-7bbd1a1e.png", imageAlt: "David Park" } ]} /> @@ -254,24 +210,16 @@ export default function HomePage() { gridVariant="uniform-all-items-equal" metrics={[ { - id: "1", - value: "50M+", - description: "Total Views Across Films" + id: "1", value: "50M+", description: "Total Views Across Films" }, { - id: "2", - value: "85%", - description: "Average Engagement Rate" + id: "2", value: "85%", description: "Average Engagement Rate" }, { - id: "3", - value: "12+", - description: "Award-Winning Productions" + id: "3", value: "12+", description: "Award-Winning Productions" }, { - id: "4", - value: "100%", - description: "Client Satisfaction Rate" + id: "4", value: "100%", description: "Client Satisfaction Rate" } ]} /> @@ -283,7 +231,7 @@ export default function HomePage() { tagIcon={Rocket} title="Let's Create Your Next Iconic Brand Film" description="Your vision deserves cinematic storytelling. Connect with our team to discuss how we can elevate your brand launch with award-winning production." - background={{ variant: "glowing-orb" }} + background={{ variant: "sparkles-gradient" }} buttons={[ { text: "Schedule Discovery Call", href: "/contact" }, { text: "View Our Reel", href: "#work" } @@ -298,8 +246,7 @@ export default function HomePage() { copyrightText="© 2024 CineFlow Studio. All rights reserved. Crafting iconic brand stories." columns={[ { - title: "Company", - items: [ + title: "Company", items: [ { label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, @@ -307,8 +254,7 @@ export default function HomePage() { ] }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Production Process", href: "/services" }, { label: "Case Studies", href: "#work" }, { label: "Blog", href: "#" }, @@ -316,8 +262,7 @@ export default function HomePage() { ] }, { - title: "Connect", - items: [ + title: "Connect", items: [ { label: "Email", href: "mailto:hello@cineflow.studio" }, { label: "Instagram", href: "https://instagram.com" }, { label: "LinkedIn", href: "https://linkedin.com" },