bender/3c954934-7e76-4d6a-93cb-60e0a56ce71c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-28 07:09:07 +00:00
parent b5f5584174
commit 9d387dcd8b
1 changed files with 31 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/app/page.tsx
View File

@@ -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" },