2 Commits

Author SHA1 Message Date
a294fd391b Update src/app/page.tsx 2026-05-07 12:28:47 +00:00
a16603249f Merge version_1 into main
Merge version_1 into main
2026-05-07 12:24:40 +00:00

View File

@@ -33,26 +33,16 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
]} ]}
button={{ button={{
text: "Get a Quote", text: "Get a Quote", href: "#contact"}}
href: "#contact",
}}
brandName="LensStudio" brandName="LensStudio"
/> />
</div> </div>
@@ -61,98 +51,55 @@ export default function LandingPage() {
<HeroBillboardTestimonial <HeroBillboardTestimonial
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="We Turn Your Ideas Into High-Performing Video Content" title="We Turn Your Ideas Into High-Performing Video Content"
description="Professional video production agency specializing in high-engagement Longform, Shorts, and Reels to scale your brand authority." description="Professional video production agency specializing in high-engagement Longform, Shorts, and Reels to scale your brand authority."
testimonials={[ testimonials={[
{ {
name: "Alex Smith", name: "Alex Smith", handle: "@alexs", testimonial: "LensStudio scaled our shorts engagement by 300% in a month.", rating: 5,
handle: "@alexs", imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg"},
testimonial: "LensStudio scaled our shorts engagement by 300% in a month.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
},
{ {
name: "Sarah Lee", name: "Sarah Lee", handle: "@slee", testimonial: "The cinematic quality of their work is unparalleled.", rating: 5,
handle: "@slee", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020795.jpg"},
testimonial: "The cinematic quality of their work is unparalleled.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020795.jpg",
},
{ {
name: "Mark V.", name: "Mark V.", handle: "@markv", testimonial: "Best agency for fast-paced social media content.", rating: 5,
handle: "@markv", imageSrc: "http://img.b2bpic.net/free-photo/manager-paying-attention-conference-room_1098-4081.jpg"},
testimonial: "Best agency for fast-paced social media content.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/manager-paying-attention-conference-room_1098-4081.jpg",
},
{ {
name: "Jane Doe", name: "Jane Doe", handle: "@jdoe", testimonial: "Creative geniuses in storytelling and editing.", rating: 5,
handle: "@jdoe", imageSrc: "http://img.b2bpic.net/free-photo/company-director-looking-through-documents-laptop_482257-8064.jpg"},
testimonial: "Creative geniuses in storytelling and editing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/company-director-looking-through-documents-laptop_482257-8064.jpg",
},
{ {
name: "Chris B.", name: "Chris B.", handle: "@chrisb", testimonial: "Professional, fast, and highly creative team.", rating: 5,
handle: "@chrisb", imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9812.jpg"},
testimonial: "Professional, fast, and highly creative team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9812.jpg",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Start Project", text: "Start Project", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg?_wi=1"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg", src: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg", alt: "Business client portrait studio"},
alt: "Business client portrait studio",
},
{ {
src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg", src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg", alt: "Young content creator portrait"},
alt: "Young content creator portrait",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", alt: "Startup founder portrait professional"},
alt: "Startup founder portrait professional",
},
{ {
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg", src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg", alt: "Marketing manager portrait office"},
alt: "Marketing manager portrait office",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", alt: "Happy customer studio shot"},
alt: "Happy customer studio shot",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "10M+ Views Generated"},
text: "10M+ Views Generated",
},
{ {
type: "text", type: "text", text: "500+ Videos Delivered"},
text: "500+ Videos Delivered",
},
{ {
type: "text", type: "text", text: "95% Client Retention"},
text: "95% Client Retention",
},
{ {
type: "text", type: "text", text: "Global Brand Partnerships"},
text: "Global Brand Partnerships",
},
{ {
type: "text", type: "text", text: "24/7 Production Support"},
text: "24/7 Production Support",
},
]} ]}
/> />
</div> </div>
@@ -162,9 +109,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="Why Video Matters" title="Why Video Matters"
description={[ description={[
"In the current digital age, attention is the most valuable currency.", "In the current digital age, attention is the most valuable currency.", "Our mission is to help you captivate your audience through visual storytelling that converts."]}
"Our mission is to help you captivate your audience through visual storytelling that converts.",
]}
/> />
</div> </div>
@@ -175,19 +120,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Longform Content", title: "Longform Content", description: "Compelling documentaries and interviews that build brand trust.", icon: Film,
description: "Compelling documentaries and interviews that build brand trust.",
icon: Film,
}, },
{ {
title: "Shorts & Reels", title: "Shorts & Reels", description: "High-impact vertical videos optimized for viral growth on TikTok and Instagram.", icon: Smartphone,
description: "High-impact vertical videos optimized for viral growth on TikTok and Instagram.",
icon: Smartphone,
}, },
{ {
title: "Editing & VFX", title: "Editing & VFX", description: "Polished post-production with dynamic visual effects and sound design.", icon: Scissors,
description: "Polished post-production with dynamic visual effects and sound design.",
icon: Scissors,
}, },
]} ]}
title="Our Video Services" title="Our Video Services"
@@ -203,20 +142,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "10M+", description: "Views Generated"},
value: "10M+",
description: "Views Generated",
},
{ {
id: "m2", id: "m2", value: "500+", description: "Videos Delivered"},
value: "500+",
description: "Videos Delivered",
},
{ {
id: "m3", id: "m3", value: "95%", description: "Client Retention"},
value: "95%",
description: "Client Retention",
},
]} ]}
title="Our Impact" title="Our Impact"
description="Real results for our clients." description="Real results for our clients."
@@ -229,60 +159,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Alice P.", date: "Jan 2024", title: "Marketing Dir", quote: "LensStudio is a game changer for our social media strategy.", tag: "Social", avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg?_wi=2", imageAlt: "business client portrait studio"},
name: "Alice P.",
date: "Jan 2024",
title: "Marketing Dir",
quote: "LensStudio is a game changer for our social media strategy.",
tag: "Social",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg?_wi=2",
imageAlt: "business client portrait studio",
},
{ {
id: "t2", id: "t2", name: "Bob T.", date: "Feb 2024", title: "Founder", quote: "Professional, responsive, and always on trend.", tag: "Brand", avatarSrc: "http://img.b2bpic.net/free-photo/model-getting-ready-photoshoot_23-2149305171.jpg", imageSrc: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-125115.jpg?_wi=1", imageAlt: "business client portrait studio"},
name: "Bob T.",
date: "Feb 2024",
title: "Founder",
quote: "Professional, responsive, and always on trend.",
tag: "Brand",
avatarSrc: "http://img.b2bpic.net/free-photo/model-getting-ready-photoshoot_23-2149305171.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-125115.jpg?_wi=1",
imageAlt: "business client portrait studio",
},
{ {
id: "t3", id: "t3", name: "Charlie C.", date: "Mar 2024", title: "CMO", quote: "We've seen massive growth since partnering with them.", tag: "Growth", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19603.jpg", imageSrc: "http://img.b2bpic.net/free-photo/influencer-holding-notebook-showing-product-front-camera-while-recording-review-using-professional-vlogging-equipment-asian-content-creator-standing-desk-filming-vlog-broadcast-studio_482257-60981.jpg?_wi=1", imageAlt: "business client portrait studio"},
name: "Charlie C.",
date: "Mar 2024",
title: "CMO",
quote: "We've seen massive growth since partnering with them.",
tag: "Growth",
avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19603.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/influencer-holding-notebook-showing-product-front-camera-while-recording-review-using-professional-vlogging-equipment-asian-content-creator-standing-desk-filming-vlog-broadcast-studio_482257-60981.jpg?_wi=1",
imageAlt: "business client portrait studio",
},
{ {
id: "t4", id: "t4", name: "Diana D.", date: "Apr 2024", title: "Product Mgr", quote: "High quality visuals that speak to our target audience.", tag: "Product", avatarSrc: "http://img.b2bpic.net/free-photo/charming-girl-black-jacket-winking-isolated-background-short-haired-woman-dark-outfit-smiles-white-backdrop_197531-18469.jpg", imageSrc: "http://img.b2bpic.net/free-photo/phone-recording-live-music-performance-studio_53876-133536.jpg", imageAlt: "business client portrait studio"},
name: "Diana D.",
date: "Apr 2024",
title: "Product Mgr",
quote: "High quality visuals that speak to our target audience.",
tag: "Product",
avatarSrc: "http://img.b2bpic.net/free-photo/charming-girl-black-jacket-winking-isolated-background-short-haired-woman-dark-outfit-smiles-white-backdrop_197531-18469.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/phone-recording-live-music-performance-studio_53876-133536.jpg",
imageAlt: "business client portrait studio",
},
{ {
id: "t5", id: "t5", name: "Edward E.", date: "May 2024", title: "Creator", quote: "Seamless workflow and incredible creative output.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-working-digital-tablet-office_329181-12088.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-network-connection-perforated-paper_53876-41393.jpg", imageAlt: "business client portrait studio"},
name: "Edward E.",
date: "May 2024",
title: "Creator",
quote: "Seamless workflow and incredible creative output.",
tag: "Creative",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-working-digital-tablet-office_329181-12088.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-network-connection-perforated-paper_53876-41393.jpg",
imageAlt: "business client portrait studio",
},
]} ]}
title="Client Success" title="Client Success"
description="What our clients say about us." description="What our clients say about us."
@@ -296,56 +181,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "p1", id: "p1", title: "Starter", price: "$1,999", period: "/mo", features: [
title: "Starter", "4 Short Videos", "1 Longform Video", "Standard Editing"],
price: "$1,999",
period: "/mo",
features: [
"4 Short Videos",
"1 Longform Video",
"Standard Editing",
],
button: { button: {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/influencer-holding-notebook-showing-product-front-camera-while-recording-review-using-professional-vlogging-equipment-asian-content-creator-standing-desk-filming-vlog-broadcast-studio_482257-60981.jpg?_wi=2", imageAlt: "filmmaking motion graphic icon"},
},
imageSrc: "http://img.b2bpic.net/free-photo/influencer-holding-notebook-showing-product-front-camera-while-recording-review-using-professional-vlogging-equipment-asian-content-creator-standing-desk-filming-vlog-broadcast-studio_482257-60981.jpg?_wi=2",
imageAlt: "filmmaking motion graphic icon",
},
{ {
id: "p2", id: "p2", title: "Professional", price: "$3,999", period: "/mo", features: [
title: "Professional", "12 Short Videos", "2 Longform Videos", "Motion Graphics"],
price: "$3,999",
period: "/mo",
features: [
"12 Short Videos",
"2 Longform Videos",
"Motion Graphics",
],
button: { button: {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg?_wi=3", imageAlt: "filmmaking motion graphic icon"},
},
imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg?_wi=3",
imageAlt: "filmmaking motion graphic icon",
},
{ {
id: "p3", id: "p3", title: "Agency", price: "$7,999", period: "/mo", features: [
title: "Agency", "Unlimited Shorts", "4 Longform Videos", "Full VFX Support"],
price: "$7,999",
period: "/mo",
features: [
"Unlimited Shorts",
"4 Longform Videos",
"Full VFX Support",
],
button: { button: {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-125115.jpg?_wi=2", imageAlt: "filmmaking motion graphic icon"},
},
imageSrc: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-125115.jpg?_wi=2",
imageAlt: "filmmaking motion graphic icon",
},
]} ]}
title="Pricing Plans" title="Pricing Plans"
description="Choose the best plan for your brand requirements." description="Choose the best plan for your brand requirements."
@@ -358,20 +210,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "What is the turnaround time?", content: "Typically 3-5 business days for shorts and 7-10 for longform."},
title: "What is the turnaround time?",
content: "Typically 3-5 business days for shorts and 7-10 for longform.",
},
{ {
id: "f2", id: "f2", title: "Do you offer revisions?", content: "Yes, we include 2 rounds of revisions on all projects."},
title: "Do you offer revisions?",
content: "Yes, we include 2 rounds of revisions on all projects.",
},
{ {
id: "f3", id: "f3", title: "Can you scale volume?", content: "Absolutely, our production team can scale for high-volume needs."},
title: "Can you scale volume?",
content: "Absolutely, our production team can scale for high-volume needs.",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
title="Common Questions" title="Common Questions"
@@ -385,8 +228,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
tag="Contact Us" tag="Contact Us"
title="Start Creating Today" title="Start Creating Today"
description="Ready to scale your visual presence? Send us a message and let's start a project." description="Ready to scale your visual presence? Send us a message and let's start a project."
@@ -398,23 +240,17 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="LensStudio" logoText="LensStudio"
copyrightText="© 2025 LensStudio. All rights reserved." copyrightText="© 2025 LensStudio. 모든 권리 보유."
socialLinks={[ socialLinks={[
{ {
icon: Instagram, icon: Instagram,
href: "#", href: "#", ariaLabel: "인스타그램"},
ariaLabel: "Instagram",
},
{ {
icon: Twitter, icon: Twitter,
href: "#", href: "#", ariaLabel: "트위터"},
ariaLabel: "Twitter",
},
{ {
icon: Film, icon: Film,
href: "#", href: "#", ariaLabel: "유튜브"},
ariaLabel: "Youtube",
},
]} ]}
/> />
</div> </div>