Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -64,13 +64,16 @@ 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?_wi=1",              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",              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"
+          buttonClassName="px-8 py-3 rounded-full transition-all duration-300"
         />
       </div>
 
@@ -83,29 +86,31 @@ 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?_wi=1",              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",              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?_wi=2",              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",              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?_wi=3",              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",              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?_wi=4",              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",              imageAlt: "Post-production editing"
             }
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
           buttonAnimation="slide-up"
           className="py-20 md:py-32"
+          textBoxTitleClassName="text-5xl md:text-6xl font-light leading-tight"
+          textBoxDescriptionClassName="text-lg text-foreground/70"
         />
       </div>
 
       <div id="portfolio" data-section="portfolio" className="bg-card/50 backdrop-blur-sm">
         <ProductCardTwo
           title="Portfolio Showcase"
-          description="See how we've delivered $10M+ in premium video content for global brands and transformed their visual presence."
+          description="Explore our latest cinematic productions and premium product photography that showcase our creative excellence."
           tag="Featured Work"
           tagIcon={Film}
           textboxLayout="default"
@@ -115,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?_wi=2",              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",              imageAlt: "Premium brand video campaign"
             },
             {
               id: "2",              brand: "Fashion Brand",              name: "Product Photography Series",              price: "$45,000+",              rating: 5,
@@ -127,6 +132,8 @@ export default function LandingPage() {
             }
           ]}
           className="py-20 md:py-32"
+          textBoxTitleClassName="text-5xl md:text-6xl font-light leading-tight"
+          textBoxDescriptionClassName="text-lg text-foreground/70"
         />
       </div>
 
@@ -142,6 +149,8 @@ export default function LandingPage() {
             { text: "Explore Services", href: "#contact" }
           ]}
           className="py-20 md:py-32"
+          titleClassName="text-5xl md:text-6xl font-light"
+          descriptionClassName="text-lg text-foreground/70"
         />
       </div>
 
@@ -162,7 +171,7 @@ export default function LandingPage() {
               id: "3",              value: "98",              title: "Client Satisfaction",              description: "Consistently exceeding expectations",              icon: ThumbsUp
             },
             {
-              id: "4",              value: "2",              title: "Total Views",              description: "Combined audience reach in billions",              icon: Eye
+              id: "4",              value: "2",              title: "Total Views",              description: "Combined audience reach (in billions)",              icon: Eye
             }
           ]}
           gridVariant="uniform-all-items-equal"
@@ -170,6 +179,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           className="py-20 md:py-32"
+          textBoxTitleClassName="text-5xl md:text-6xl font-light"
+          textBoxDescriptionClassName="text-lg text-foreground/70"
         />
       </div>
 
@@ -195,6 +206,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={true}
           className="py-20 md:py-32"
+          textBoxTitleClassName="text-5xl md:text-6xl font-light"
+          textBoxDescriptionClassName="text-lg text-foreground/70"
         />
       </div>
 
@@ -238,6 +251,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           className="py-20 md:py-32"
+          textBoxTitleClassName="text-5xl md:text-6xl font-light"
+          textBoxDescriptionClassName="text-lg text-foreground/70"
         />
       </div>
 
@@ -275,6 +290,8 @@ export default function LandingPage() {
           useInvertedBackground={true}
           animationType="smooth"
           className="py-20 md:py-32"
+          textBoxTitleClassName="text-5xl md:text-6xl font-light"
+          textBoxDescriptionClassName="text-lg text-foreground/70"
         />
       </div>
 
@@ -289,6 +306,7 @@ export default function LandingPage() {
             { text: "View Portfolio", href: "#portfolio" }
           ]}
           className="py-20 md:py-32"
+          textClassName="text-4xl md:text-5xl font-light leading-relaxed"
         />
       </div>