Update src/app/page.tsx

src/app/page.tsx

@@ -1,12 +1,14 @@
 "use client";
 
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import ContactText from '@/components/sections/contact/ContactText';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 
@@ -39,14 +41,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll
+        <HeroOverlay
+          tag="CREATIVE DIRECTOR · FILMMAKER · SINGAPORE"
           title="Above and Beyond."
           description="Helping great companies become impossible to be ignored."
-          tag="CREATIVE DIRECTOR · FILMMAKER · SINGAPORE"
+          textPosition="center"
+          showBlur={true}
+          showDimOverlay={false}
           buttons={[{ text: "View Work", href: "#works" }]}
           imageSrc="http://img.b2bpic.net/free-vector/abstract-black-lines-geometric-background_677411-2751.jpg"
           imageAlt="Dark cinematic gradient"
-          background={{ variant: "plain" }}
         />
       </div>
 
@@ -64,7 +68,7 @@ export default function LandingPage() {
             },
             {
               title: "From making content → to building perception",              description: "Every frame is a signal. The question is — what are you telling the world you are?"
-            }
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -104,7 +108,7 @@ export default function LandingPage() {
             },
             {
               id: "6",              name: "Before the Light Changes",              price: "Short Film",              imageSrc: "http://img.b2bpic.net/free-photo/woman-developing-photos-medium-shot_23-2149893941.jpg",              imageAlt: "Before the Light Changes short film"
-            }
+            },
           ]}
           title="Selected Works"
           description="A record of standards held."
@@ -138,7 +142,7 @@ export default function LandingPage() {
             {
               id: 3,
               tag: "EXCELLENCE",              title: "Excellence, Not Perfection",              subtitle: "The difference is that excellence is intentional.",              description: "Excellence is the deliberate pursuit of clarity. It's not about flawless execution — it's about every element serving a purpose. It's the discipline to know what to cut and what to keep.",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-silver-dresssexy-carefree-woman-posing-near-white-wall-studiofashionable-model-with-bright-makeup-holding-champagne-bottle_158538-22804.jpg?_wi=2",              imageAlt: "Excellence"
-            }
+            },
           ]}
           title="The Three Commitments"
           description="Accountability. Courage. Excellence. The values that guide every decision, every frame, every commitment."
@@ -148,26 +152,26 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTen
+        <TestimonialCardFive
           testimonials={[
             {
-              id: "1",              title: "Clarity That Cuts Through Noise",              quote: "PCW doesn't just create images — he reveals what we've already built. Working with him transformed how we see ourselves. Every frame felt like a mirror we finally needed to look into.",              name: "Sarah Chen",              role: "Founder & CEO, Venture Studio",              imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-looking-camera-sitting-meeting_1163-3922.jpg",              imageAlt: "Sarah Chen"
+              id: "1",              title: "Clarity That Cuts Through Noise",              quote: "PCW doesn't just create images — he reveals what we've already built. Working with him transformed how we see ourselves. Every frame felt like a mirror we finally needed to look into.",              name: "Sarah Chen",              date: "",              tag: "Founder & CEO, Venture Studio",              avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-looking-camera-sitting-meeting_1163-3922.jpg",              avatarAlt: "Sarah Chen"
             },
             {
-              id: "2",              title: "A Director Who Actually Listens",              quote: "Most creatives impose their vision. PCW listened to what we were trying to be, then showed us more clearly than we could see ourselves. That's the difference between good work and impossible work.",              name: "Marcus Rodriguez",              role: "Creative Director, Luxury Brand",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",              imageAlt: "Marcus Rodriguez"
+              id: "2",              title: "A Director Who Actually Listens",              quote: "Most creatives impose their vision. PCW listened to what we were trying to be, then showed us more clearly than we could see ourselves. That's the difference between good work and impossible work.",              name: "Marcus Rodriguez",              date: "",              tag: "Creative Director, Luxury Brand",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",              avatarAlt: "Marcus Rodriguez"
             },
             {
-              id: "3",              title: "Every Frame Earned Its Place",              quote: "The standard of craftsmanship is uncompromising. Nothing wasted, nothing forced. It's the work of someone who actually cares about getting it right.",              name: "Elena Kobayashi",              role: "Chief Brand Officer, Tech Platform",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-cv_23-2149927606.jpg",              imageAlt: "Elena Kobayashi"
+              id: "3",              title: "Every Frame Earned Its Place",              quote: "The standard of craftsmanship is uncompromising. Nothing wasted, nothing forced. It's the work of someone who actually cares about getting it right.",              name: "Elena Kobayashi",              date: "",              tag: "Chief Brand Officer, Tech Platform",              avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-cv_23-2149927606.jpg",              avatarAlt: "Elena Kobayashi"
             },
             {
-              id: "4",              title: "Above and Beyond, Literally",              quote: "He set standards we didn't know we needed to meet. Now our team uses 'the PCW standard' as shorthand for work that refuses compromise. That's the mark of true excellence.",              name: "James Wong",              role: "VP Product, SaaS Platform",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",              imageAlt: "James Wong"
+              id: "4",              title: "Above and Beyond, Literally",              quote: "He set standards we didn't know we needed to meet. Now our team uses 'the PCW standard' as shorthand for work that refuses compromise. That's the mark of true excellence.",              name: "James Wong",              date: "",              tag: "VP Product, SaaS Platform",              avatarSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",              avatarAlt: "James Wong"
             },
             {
-              id: "5",              title: "Accountability That Inspires",              quote: "Working with someone who actually takes ownership of outcomes is rare. It pushed our entire team to think bigger and demand more of ourselves.",              name: "Amara Okonkwo",              role: "Founder, Design Agency",              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-female-professional-posing-with-arms-folded_74855-2814.jpg",              imageAlt: "Amara Okonkwo"
+              id: "5",              title: "Accountability That Inspires",              quote: "Working with someone who actually takes ownership of outcomes is rare. It pushed our entire team to think bigger and demand more of ourselves.",              name: "Amara Okonkwo",              date: "",              tag: "Founder, Design Agency",              avatarSrc: "http://img.b2bpic.net/free-photo/friendly-successful-female-professional-posing-with-arms-folded_74855-2814.jpg",              avatarAlt: "Amara Okonkwo"
             },
             {
-              id: "6",              title: "The Discipline of Documentary",              quote: "You can feel the documentary background in every project. He's ready for the moment. He doesn't manufacture — he reveals. That authenticity is worth everything.",              name: "David Kim",              role: "Creative Producer, Film Studio",              imageSrc: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg",              imageAlt: "David Kim"
-            }
+              id: "6",              title: "The Discipline of Documentary",              quote: "You can feel the documentary background in every project. He's ready for the moment. He doesn't manufacture — he reveals. That authenticity is worth everything.",              name: "David Kim",              date: "",              tag: "Creative Producer, Film Studio",              avatarSrc: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg",              avatarAlt: "David Kim"
+            },
           ]}
           title="Trusted by Industry Leaders"
           description="See what companies and creatives have to say."
@@ -176,6 +180,34 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <FaqSplitMedia
+          faqs={[
+            {
+              id: "1",              title: "What is your creative process?",              content: "I start by listening. Understanding not just what you want to communicate, but who you are and what you've already built. Then I document it — capturing the truth of your company with clarity and intention."
+            },
+            {
+              id: "2",              title: "How long does a typical project take?",              content: "Project timelines vary based on scope. A brand film typically takes 6-12 weeks from concept to final delivery. I prioritize quality over speed — every frame needs to earn its place."
+            },
+            {
+              id: "3",              title: "Do you work with small businesses?",              content: "Yes. The size of your company doesn't matter — what matters is whether you're serious about your craft and committed to excellence. I work with startups, mid-size companies, and enterprises."
+            },
+            {
+              id: "4",              title: "What's included in your package?",              content: "Each engagement is custom-built for your needs. Typically this includes creative direction, production, cinematography, editing, and multiple revision rounds. We align on deliverables upfront."
+            },
+          ]}
+          title="Frequently Asked Questions"
+          description="Common questions about my work and process."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaPosition="right"
+          imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283286.jpg?_wi=1"
+          imageAlt="Creative process"
+          mediaAnimation="none"
+          faqsAnimation="slide-up"
+        />
+      </div>
+
       <div id="about" data-section="about">
         <SplitAbout
           tag="ABOUT"
@@ -190,7 +222,7 @@ export default function LandingPage() {
             },
             {
               title: "Excellence",              description: "Intentional craft in every frame"
-            }
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={true}
@@ -201,16 +233,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Your company is already great. Let's make sure no one can ignore it."
-          animationType="entrance-slide"
-          buttons={[{ text: "Get In Touch", href: "mailto:hello@pangchiwen.com" }]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="PCW"