Merge version_3 into main #4
107
src/app/page.tsx
107
src/app/page.tsx
@@ -6,7 +6,9 @@ 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';
|
||||
|
||||
@@ -59,11 +61,14 @@ export default function LandingPage() {
|
||||
description="He started as the quiet one. The boy who kept to himself — a little lonely, a little too much in his own head. He found the camera not to document the world, but to escape into the one he wished existed. Images were his fantasy. His refuge. His way of making beauty out of what felt like absence.\n\nThen something shifted.\n\nHe realised that the most powerful images were never fantasies. They were evidence. Proof of what had already been built, already been earned, already been lived. The camera wasn't a tool for escape — it was a mirror. And the best thing a mirror can do is show you, clearly and undeniably, what you have become.\n\nThat realisation changed everything."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "From fantasy → to statement", description: "Images stopped being what I wished for. They became what I could prove."},
|
||||
title: "From fantasy → to statement", description: "Images stopped being what I wished for. They became what I could prove."
|
||||
},
|
||||
{
|
||||
title: "From escape → to evidence", description: "Great visual work doesn't manufacture beauty. It reveals the truth of what's already there."},
|
||||
title: "From escape → to evidence", description: "Great visual work doesn't manufacture beauty. It reveals the truth of what's already there."
|
||||
},
|
||||
{
|
||||
title: "From making content → to building perception", description: "Every frame is a signal. The question is — what are you telling the world you are?"},
|
||||
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}
|
||||
@@ -87,17 +92,23 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "The Architecture of Silence", price: "Brand Film", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283286.jpg?_wi=1", imageAlt: "The Architecture of Silence brand film"},
|
||||
id: "1", name: "The Architecture of Silence", price: "Brand Film", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283286.jpg?_wi=1", imageAlt: "The Architecture of Silence brand film"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Unposed", price: "Wedding Documentary", imageSrc: "http://img.b2bpic.net/free-photo/bride-dance-with-her-groom_1204-241.jpg?_wi=1", imageAlt: "Unposed wedding documentary"},
|
||||
id: "2", name: "Unposed", price: "Wedding Documentary", imageSrc: "http://img.b2bpic.net/free-photo/bride-dance-with-her-groom_1204-241.jpg?_wi=1", imageAlt: "Unposed wedding documentary"
|
||||
},
|
||||
{
|
||||
id: "3", name: "What Remains", price: "Campaign Photography", 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=1", imageAlt: "What Remains campaign photography"},
|
||||
id: "3", name: "What Remains", price: "Campaign Photography", 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=1", imageAlt: "What Remains campaign photography"
|
||||
},
|
||||
{
|
||||
id: "4", name: "The Weight of the Ordinary", price: "Creative Direction", imageSrc: "http://img.b2bpic.net/free-photo/food-crisis-concept-still-life_23-2150198331.jpg", imageAlt: "The Weight of the Ordinary"},
|
||||
id: "4", name: "The Weight of the Ordinary", price: "Creative Direction", imageSrc: "http://img.b2bpic.net/free-photo/food-crisis-concept-still-life_23-2150198331.jpg", imageAlt: "The Weight of the Ordinary"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Built, Not Made", price: "Brand Identity", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-abstract-shapes-covers-collection_23-2149085358.jpg", imageAlt: "Built, Not Made brand identity"},
|
||||
id: "5", name: "Built, Not Made", price: "Brand Identity", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-abstract-shapes-covers-collection_23-2149085358.jpg", imageAlt: "Built, Not Made brand identity"
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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."
|
||||
@@ -122,13 +133,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "ACCOUNTABILITY", title: "Own Every Outcome", subtitle: "Not just the wins.", description: "Accountability means bearing the weight of every choice — the successful shots and the ones that taught me something. It's the discipline of a documentary filmmaker who cannot direct the moment but must own the capture.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283286.jpg?_wi=2", imageAlt: "Accountability"},
|
||||
tag: "ACCOUNTABILITY", title: "Own Every Outcome", subtitle: "Not just the wins.", description: "Accountability means bearing the weight of every choice — the successful shots and the ones that taught me something. It's the discipline of a documentary filmmaker who cannot direct the moment but must own the capture.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283286.jpg?_wi=2", imageAlt: "Accountability"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "COURAGE", title: "Make the Bold Choice", subtitle: "Even when the safe one is right there.", description: "Courage is saying no to mediocrity. It's the decision to put your name on work you're genuinely proud of. It's the willingness to be wrong in service of being real.", imageSrc: "http://img.b2bpic.net/free-photo/bride-dance-with-her-groom_1204-241.jpg?_wi=2", imageAlt: "Courage"},
|
||||
tag: "COURAGE", title: "Make the Bold Choice", subtitle: "Even when the safe one is right there.", description: "Courage is saying no to mediocrity. It's the decision to put your name on work you're genuinely proud of. It's the willingness to be wrong in service of being real.", imageSrc: "http://img.b2bpic.net/free-photo/bride-dance-with-her-groom_1204-241.jpg?_wi=2", imageAlt: "Courage"
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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."
|
||||
@@ -138,20 +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."
|
||||
@@ -160,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"
|
||||
@@ -167,11 +215,14 @@ export default function LandingPage() {
|
||||
description="I started with a camera and a need to make sense of the world. What began as a private fantasy became a professional conviction — that images, at their most powerful, are not invented. They are revealed.\n\nToday I work as a Creative Director and filmmaker, helping brands translate what they have built into what the world can see. My background is in documentary wedding filmmaking — where you cannot direct the moment, only be ready for it. That discipline never left.\n\nIf your company is great and the world doesn't know it yet — that's the problem I exist to solve."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Accountability", description: "Own every outcome, not just the wins"},
|
||||
title: "Accountability", description: "Own every outcome, not just the wins"
|
||||
},
|
||||
{
|
||||
title: "Courage", description: "Make the bold choice, even when safe is available"},
|
||||
title: "Courage", description: "Make the bold choice, even when safe is available"
|
||||
},
|
||||
{
|
||||
title: "Excellence", description: "Intentional craft in every frame"},
|
||||
title: "Excellence", description: "Intentional craft in every frame"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
@@ -182,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"
|
||||
|
||||
Reference in New Issue
Block a user