Merge version_2 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -33,26 +33,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
brandName="LensStudio"
|
||||
/>
|
||||
</div>
|
||||
@@ -61,98 +51,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
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: "Alex Smith", handle: "@alexs", 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",
|
||||
handle: "@slee",
|
||||
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: "Sarah Lee", handle: "@slee", 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.",
|
||||
handle: "@markv",
|
||||
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: "Mark V.", handle: "@markv", 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",
|
||||
handle: "@jdoe",
|
||||
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: "Jane Doe", handle: "@jdoe", 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.",
|
||||
handle: "@chrisb",
|
||||
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",
|
||||
},
|
||||
name: "Chris B.", handle: "@chrisb", 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={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
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",
|
||||
alt: "Business client portrait studio",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",
|
||||
alt: "Young content creator portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg", alt: "Young content creator portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg",
|
||||
alt: "Startup founder portrait professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", 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",
|
||||
alt: "Marketing manager portrait office",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
|
||||
alt: "Happy customer studio shot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", alt: "Happy customer studio shot"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "10M+ Views Generated",
|
||||
},
|
||||
type: "text", text: "10M+ Views Generated"},
|
||||
{
|
||||
type: "text",
|
||||
text: "500+ Videos Delivered",
|
||||
},
|
||||
type: "text", text: "500+ Videos Delivered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "95% Client Retention",
|
||||
},
|
||||
type: "text", text: "95% Client Retention"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Brand Partnerships",
|
||||
},
|
||||
type: "text", text: "Global Brand Partnerships"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Production Support",
|
||||
},
|
||||
type: "text", text: "24/7 Production Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,9 +109,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Video Matters"
|
||||
description={[
|
||||
"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.",
|
||||
]}
|
||||
"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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -175,19 +120,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Longform Content",
|
||||
description: "Compelling documentaries and interviews that build brand trust.",
|
||||
icon: Film,
|
||||
title: "Longform Content", description: "Compelling documentaries and interviews that build brand trust.", icon: Film,
|
||||
},
|
||||
{
|
||||
title: "Shorts & Reels",
|
||||
description: "High-impact vertical videos optimized for viral growth on TikTok and Instagram.",
|
||||
icon: Smartphone,
|
||||
title: "Shorts & Reels", description: "High-impact vertical videos optimized for viral growth on TikTok and Instagram.", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "Editing & VFX",
|
||||
description: "Polished post-production with dynamic visual effects and sound design.",
|
||||
icon: Scissors,
|
||||
title: "Editing & VFX", description: "Polished post-production with dynamic visual effects and sound design.", icon: Scissors,
|
||||
},
|
||||
]}
|
||||
title="Our Video Services"
|
||||
@@ -203,20 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
description: "Views Generated",
|
||||
},
|
||||
id: "m1", value: "10M+", description: "Views Generated"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Videos Delivered",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Videos Delivered"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
id: "m3", value: "95%", description: "Client Retention"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Real results for our clients."
|
||||
@@ -229,60 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our clients say about us."
|
||||
@@ -296,56 +181,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Starter",
|
||||
price: "$1,999",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"4 Short Videos",
|
||||
"1 Longform Video",
|
||||
"Standard Editing",
|
||||
],
|
||||
id: "p1", title: "Starter", price: "$1,999", period: "/mo", features: [
|
||||
"4 Short Videos", "1 Longform Video", "Standard Editing"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
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",
|
||||
},
|
||||
text: "Get Started", 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"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Professional",
|
||||
price: "$3,999",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"12 Short Videos",
|
||||
"2 Longform Videos",
|
||||
"Motion Graphics",
|
||||
],
|
||||
id: "p2", title: "Professional", price: "$3,999", period: "/mo", features: [
|
||||
"12 Short Videos", "2 Longform Videos", "Motion Graphics"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg?_wi=3",
|
||||
imageAlt: "filmmaking motion graphic icon",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg?_wi=3", imageAlt: "filmmaking motion graphic icon"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Agency",
|
||||
price: "$7,999",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited Shorts",
|
||||
"4 Longform Videos",
|
||||
"Full VFX Support",
|
||||
],
|
||||
id: "p3", title: "Agency", price: "$7,999", period: "/mo", features: [
|
||||
"Unlimited Shorts", "4 Longform Videos", "Full VFX Support"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
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",
|
||||
},
|
||||
text: "Get Started", 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"},
|
||||
]}
|
||||
title="Pricing Plans"
|
||||
description="Choose the best plan for your brand requirements."
|
||||
@@ -358,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the turnaround time?",
|
||||
content: "Typically 3-5 business days for shorts and 7-10 for longform.",
|
||||
},
|
||||
id: "f1", title: "What is the turnaround time?", content: "Typically 3-5 business days for shorts and 7-10 for longform."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer revisions?",
|
||||
content: "Yes, we include 2 rounds of revisions on all projects.",
|
||||
},
|
||||
id: "f2", title: "Do you offer revisions?", content: "Yes, we include 2 rounds of revisions on all projects."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you scale volume?",
|
||||
content: "Absolutely, our production team can scale for high-volume needs.",
|
||||
},
|
||||
id: "f3", title: "Can you scale volume?", content: "Absolutely, our production team can scale for high-volume needs."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
@@ -385,8 +228,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Start Creating Today"
|
||||
description="Ready to scale your visual presence? Send us a message and let's start a project."
|
||||
@@ -398,27 +240,21 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="LensStudio"
|
||||
copyrightText="© 2025 LensStudio. All rights reserved."
|
||||
copyrightText="© 2025 LensStudio. 모든 권리 보유."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "인스타그램"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "트위터"},
|
||||
{
|
||||
icon: Film,
|
||||
href: "#",
|
||||
ariaLabel: "Youtube",
|
||||
},
|
||||
href: "#", ariaLabel: "유튜브"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user