From bd57671caed8688f44582dc6d99655acdc288b18 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 11:47:22 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 47 +++++++++++++++++++++++------------------------ 1 file changed, 23 insertions(+), 24 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 979ba85..bacab6d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -64,12 +64,12 @@ export default function LandingPage() { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-film-production-scene-with-p-1773228890344-21308eab.png", imageAlt: "Professional cinematic video production setup" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-still-from-a-high-end-brand--1773228890163-a38f07a7.png", imageAlt: "Cinematic brand video advertisement" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-still-from-a-high-end-brand--1773228890163-a38f07a7.png?_wi=1", imageAlt: "Cinematic brand video advertisement" } ]} mediaAnimation="slide-up" rating={5} - ratingText="Trusted by 50+ Premium Brands" + ratingText="50+ Premium Brands | 2.5B+ Views" className="py-20 md:py-32" titleClassName="text-5xl md:text-7xl font-light leading-tight" descriptionClassName="text-lg md:text-xl text-foreground/80" @@ -86,25 +86,24 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - id: "1", title: "Concept & Strategy", description: "We dive deep into understanding your brand, target audience, and goals to craft a compelling creative direction.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png", imageAlt: "Storyboard and planning" + id: 1, title: "Concept & Strategy", description: "We dive deep into understanding your brand, target audience, and goals to craft a compelling creative direction.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png?_wi=1", imageAlt: "Storyboard and planning" }, { - id: "2", title: "Pre-Production", description: "Detailed planning, storyboarding, mood boards, and creative briefs prepare us for a seamless production shoot.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png", imageAlt: "Pre-production planning" + id: 2, title: "Pre-Production", description: "Detailed planning, storyboarding, mood boards, and creative briefs prepare us for a seamless production shoot.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png?_wi=2", imageAlt: "Pre-production planning" }, { - id: "3", title: "Production", description: "Using premium cinema cameras and professional equipment, we capture stunning visuals with precision and creativity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png", imageAlt: "Production filming" + id: 3, title: "Production", description: "Using premium cinema cameras and professional equipment, we capture stunning visuals with precision and creativity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png?_wi=3", imageAlt: "Production filming" }, { - id: "4", title: "Post-Production", description: "Expert color grading, editing, sound design, and visual effects bring your vision to life with cinematic excellence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png", imageAlt: "Post-production editing" + id: 4, title: "Post-Production", description: "Expert color grading, editing, sound design, and visual effects bring your vision to life with cinematic excellence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png?_wi=4", imageAlt: "Post-production editing" } ]} textboxLayout="default" useInvertedBackground={false} buttonAnimation="slide-up" - mediaAnimation="slide-up" className="py-20 md:py-32" - titleClassName="text-5xl md:text-6xl font-light leading-tight" - descriptionClassName="text-lg text-foreground/70" + textBoxTitleClassName="text-5xl md:text-6xl font-light leading-tight" + textBoxDescriptionClassName="text-lg text-foreground/70" /> @@ -121,7 +120,7 @@ export default function LandingPage() { products={[ { id: "1", brand: "Luxury Brand", name: "Premium Product Video Campaign", price: "$85,000+", rating: 5, - reviewCount: "12.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-still-from-a-high-end-brand--1773228890163-a38f07a7.png", imageAlt: "Premium brand video campaign" + reviewCount: "12.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-still-from-a-high-end-brand--1773228890163-a38f07a7.png?_wi=2", imageAlt: "Premium brand video campaign" }, { id: "2", brand: "Fashion Brand", name: "Product Photography Series", price: "$45,000+", rating: 5, @@ -133,8 +132,8 @@ export default function LandingPage() { } ]} className="py-20 md:py-32" - titleClassName="text-5xl md:text-6xl font-light leading-tight" - descriptionClassName="text-lg text-foreground/70" + textBoxTitleClassName="text-5xl md:text-6xl font-light leading-tight" + textBoxDescriptionClassName="text-lg text-foreground/70" /> @@ -163,16 +162,16 @@ export default function LandingPage() { tagIcon={TrendingUp} metrics={[ { - id: "1", value: "50+", title: "Brand Partners", description: "Trusted by leading global brands", icon: Building2 + id: "1", value: "50", title: "Brand Partners", description: "Trusted by leading global brands", icon: Building2 }, { - id: "2", value: "150+", title: "Projects Delivered", description: "Cinematic productions completed", icon: Film + id: "2", value: "150", title: "Projects Delivered", description: "Cinematic productions completed", icon: Film }, { - id: "3", value: "98%", title: "Client Satisfaction", description: "Consistently exceeding expectations", icon: ThumbsUp + id: "3", value: "98", title: "Client Satisfaction", description: "Consistently exceeding expectations", icon: ThumbsUp }, { - id: "4", value: "2.5B+", title: "Total Views", description: "Combined audience reach", icon: Eye + id: "4", value: "2", title: "Total Views", description: "Combined audience reach (in billions)", icon: Eye } ]} gridVariant="uniform-all-items-equal" @@ -180,8 +179,8 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} className="py-20 md:py-32" - titleClassName="text-5xl md:text-6xl font-light" - descriptionClassName="text-lg text-foreground/70" + textBoxTitleClassName="text-5xl md:text-6xl font-light" + textBoxDescriptionClassName="text-lg text-foreground/70" /> @@ -207,8 +206,8 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} className="py-20 md:py-32" - titleClassName="text-5xl md:text-6xl font-light" - descriptionClassName="text-lg text-foreground/70" + textBoxTitleClassName="text-5xl md:text-6xl font-light" + textBoxDescriptionClassName="text-lg text-foreground/70" /> @@ -252,8 +251,8 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} className="py-20 md:py-32" - titleClassName="text-5xl md:text-6xl font-light" - descriptionClassName="text-lg text-foreground/70" + textBoxTitleClassName="text-5xl md:text-6xl font-light" + textBoxDescriptionClassName="text-lg text-foreground/70" /> @@ -291,8 +290,8 @@ export default function LandingPage() { useInvertedBackground={true} animationType="smooth" className="py-20 md:py-32" - titleClassName="text-5xl md:text-6xl font-light" - descriptionClassName="text-lg text-foreground/70" + textBoxTitleClassName="text-5xl md:text-6xl font-light" + textBoxDescriptionClassName="text-lg text-foreground/70" />