Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-06-10 20:47:17 +00:00

View File

@@ -33,29 +33,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Portfolio", name: "Portfolio", id: "#portfolio"},
id: "#portfolio",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-34367.jpg" logoSrc="http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-34367.jpg"
logoAlt="Lens & Frame Studio Logo" logoAlt="Lens & Frame Studio Logo"
@@ -66,71 +54,46 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplit <HeroSplit
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
imagePosition="right" imagePosition="right"
title="Capture Moments, Create Memories." title="Capture Moments, Create Memories."
description="Specializing in stunning photography and cinematic videography, we bring your vision to life with passion and precision." description="Specializing in stunning photography and cinematic videography, we bring your vision to life with passion and precision."
buttons={[ buttons={[
{ {
text: "View Portfolio", text: "View Portfolio", href: "#portfolio"},
href: "#portfolio",
},
{ {
text: "Book a Session", text: "Book a Session", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-girl-taking-picture-film-camera_158595-2308.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-girl-taking-picture-film-camera_158595-2308.jpg"
imageAlt="Professional photographer capturing a moment" imageAlt="Professional photographer capturing a moment"
mediaAnimation="slide-up" mediaAnimation="slide-up"
fixedMediaHeight={true} fixedMediaHeight={true}
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg", src: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg", alt: "Smiling young woman"},
alt: "Smiling young woman",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-model-sexy-stylish-man-dressed-white-shirt-jeans-fashion-hipster-male-posing-near-blue-wall-studio-isolated_158538-23416.jpg", src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-model-sexy-stylish-man-dressed-white-shirt-jeans-fashion-hipster-male-posing-near-blue-wall-studio-isolated_158538-23416.jpg", alt: "Confident man"},
alt: "Confident man",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020820.jpg", src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020820.jpg", alt: "Creative professional"},
alt: "Creative professional",
},
{ {
src: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg", src: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg", alt: "Satisfied client"},
alt: "Satisfied client",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", alt: "Happy customer"},
alt: "Happy customer",
},
]} ]}
avatarText="Join 1500+ happy clients!" avatarText="Join 1500+ happy clients!"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Stunning Visuals"},
text: "Stunning Visuals", {
type: "text-icon", text: "Expert Team", icon: Users,
}, },
{ {
type: "text-icon", type: "text", text: "Creative Storytelling"},
text: "Expert Team", {
icon: Users, type: "text-icon", text: "Seamless Production", icon: Film,
}, },
{ {
type: "text", type: "text", text: "Timeless Memories"},
text: "Creative Storytelling",
},
{
type: "text-icon",
text: "Seamless Production",
icon: Film,
},
{
type: "text",
text: "Timeless Memories",
},
]} ]}
/> />
</div> </div>
@@ -140,7 +103,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="About My Creative Journey" title="About My Creative Journey"
description="With a keen eye for detail and a deep understanding of visual storytelling, I transform fleeting moments into timeless art. My passion lies in crafting compelling narratives through both still and moving images, ensuring every project reflects authenticity and emotion." description="With a keen eye for detail and a deep understanding of visual storytelling, I transform fleeting moments into timeless art. My passion lies in crafting compelling narratives through both still and moving images, ensuring every project reflects authenticity and emotion."
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-as-photographer_23-2150506073.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-as-photographer_23-2150506073.jpg"
imageAlt="Photographer editing photos on a laptop" imageAlt="Photographer editing photos on a laptop"
/> />
</div> </div>
@@ -153,65 +116,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p-1", id: "p-1", brand: "Photography", name: "Event & Lifestyle", price: "Capturing the action", rating: 5,
brand: "Photography", reviewCount: "24 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/magenta-flash-near-lights_23-2147798893.jpg", imageAlt: "Lively event photography"},
name: "Event & Lifestyle",
price: "Capturing the action",
rating: 5,
reviewCount: "24 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/magenta-flash-near-lights_23-2147798893.jpg",
imageAlt: "Lively event photography",
},
{ {
id: "p-2", id: "p-2", brand: "Photography", name: "Portraits & Headshots", price: "Personalized sessions", rating: 5,
brand: "Photography", reviewCount: "18 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg", imageAlt: "Striking portrait photography"},
name: "Portraits & Headshots",
price: "Personalized sessions",
rating: 5,
reviewCount: "18 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg",
imageAlt: "Striking portrait photography",
},
{ {
id: "p-3", id: "p-3", brand: "Photography", name: "Commercial & Product", price: "Showcasing your brand", rating: 5,
brand: "Photography", reviewCount: "12 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113114.jpg", imageAlt: "Commercial product photography"},
name: "Commercial & Product",
price: "Showcasing your brand",
rating: 5,
reviewCount: "12 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113114.jpg",
imageAlt: "Commercial product photography",
},
{ {
id: "p-4", id: "p-4", brand: "Videography", name: "Aerial & Drone", price: "Breathtaking perspectives", rating: 5,
brand: "Videography", reviewCount: "9 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803959.jpg", imageAlt: "Aerial videography of a cityscape"},
name: "Aerial & Drone",
price: "Breathtaking perspectives",
rating: 5,
reviewCount: "9 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803959.jpg",
imageAlt: "Aerial videography of a cityscape",
},
{ {
id: "p-5", id: "p-5", brand: "Videography", name: "Wedding & Events", price: "Cherished memories", rating: 5,
brand: "Videography", reviewCount: "30 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278416.jpg", imageAlt: "Cinematic wedding videography"},
name: "Wedding & Events",
price: "Cherished memories",
rating: 5,
reviewCount: "30 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278416.jpg",
imageAlt: "Cinematic wedding videography",
},
{ {
id: "p-6", id: "p-6", brand: "Videography", name: "Documentary & Story", price: "Compelling narratives", rating: 5,
brand: "Videography", reviewCount: "7 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/activities-hipster-inspire-inspiration-icon_53876-21304.jpg", imageAlt: "Documentary film production"},
name: "Documentary & Story",
price: "Compelling narratives",
rating: 5,
reviewCount: "7 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/activities-hipster-inspire-inspiration-icon_53876-21304.jpg",
imageAlt: "Documentary film production",
},
]} ]}
title="Our Diverse Portfolio" title="Our Diverse Portfolio"
description="Explore a selection of our finest work, showcasing a range of styles from vibrant events to intimate portraits and dynamic video productions." description="Explore a selection of our finest work, showcasing a range of styles from vibrant events to intimate portraits and dynamic video productions."
@@ -225,46 +146,22 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Professional Photography", title: "Professional Photography", description: "High-resolution imagery for events, portraits, commercial use, and more. We deliver stunning visuals that tell your story.", phoneOne: {
description: "High-resolution imagery for events, portraits, commercial use, and more. We deliver stunning visuals that tell your story.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg", imageAlt: "Smartphone showing photography gallery"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg",
imageAlt: "Smartphone showing photography gallery",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-infertility-proof_23-2149357298.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-infertility-proof_23-2149357298.jpg", imageAlt: "Smartphone showing videography playback"}
imageAlt: "Smartphone showing videography playback",
},
imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-34367.jpg",
imageAlt: "smartphone screen photography gallery app",
}, },
{ {
title: "Cinematic Videography", title: "Cinematic Videography", description: "Engaging video content for weddings, corporate events, documentaries, and promotional campaigns. We bring narratives to life with motion.", phoneOne: {
description: "Engaging video content for weddings, corporate events, documentaries, and promotional campaigns. We bring narratives to life with motion.", imageSrc: "http://img.b2bpic.net/free-photo/nightlife-people-dancing-club-holding-smartphones-up_23-2149052680.jpg", imageAlt: "Smartphone showing event photography collage"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/nightlife-people-dancing-club-holding-smartphones-up_23-2149052680.jpg",
imageAlt: "Smartphone showing event photography collage",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-take-photo_23-2149365806.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-take-photo_23-2149365806.jpg", imageAlt: "Smartphone showing event videography highlight"}
imageAlt: "Smartphone showing event videography highlight",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-girl-taking-picture-film-camera_158595-2308.jpg?_wi=2",
imageAlt: "smartphone screen photography gallery app",
}, },
{ {
title: "Post-Production Excellence", title: "Post-Production Excellence", description: "Expert editing, color grading, sound design, and visual effects to ensure your final product is polished and captivating.", phoneOne: {
description: "Expert editing, color grading, sound design, and visual effects to ensure your final product is polished and captivating.", imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-pasta-bowl-with-smartphone_23-2149428185.jpg", imageAlt: "Smartphone showing product photo catalog"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-pasta-bowl-with-smartphone_23-2149428185.jpg",
imageAlt: "Smartphone showing product photo catalog",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog_23-2148916273.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog_23-2148916273.jpg", imageAlt: "Smartphone showing product video commercial"}
imageAlt: "Smartphone showing product video commercial",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-photographer_23-2150506073.jpg?_wi=2",
imageAlt: "smartphone screen photography gallery app",
}, },
]} ]}
showStepNumbers={false} showStepNumbers={false}
@@ -278,14 +175,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Global Corp", "Global Corp", "Fashion Vista", "Gourmet Bites", "Event Horizon", "Voyage Explorer", "Creative Media Co.", "Urban Properties"]}
"Fashion Vista",
"Gourmet Bites",
"Event Horizon",
"Voyage Explorer",
"Creative Media Co.",
"Urban Properties",
]}
title="Trusted by Leading Brands & Clients" title="Trusted by Leading Brands & Clients"
description="Our commitment to excellence has earned the trust of a diverse clientele, from local businesses to international organizations, helping them visually articulate their stories." description="Our commitment to excellence has earned the trust of a diverse clientele, from local businesses to international organizations, helping them visually articulate their stories."
/> />
@@ -298,64 +188,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t-1", id: "t-1", name: "Sophia Rodriguez", role: "Marketing Director", company: "Bloom Innovations", rating: 5,
name: "Sophia Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg", imageAlt: "Sophia Rodriguez"},
role: "Marketing Director",
company: "Bloom Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg",
imageAlt: "Sophia Rodriguez",
},
{ {
id: "t-2", id: "t-2", name: "Marcus Chen", role: "Event Coordinator", company: "Grand Celebrations", rating: 5,
name: "Marcus Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705921.jpg", imageAlt: "Marcus Chen"},
role: "Event Coordinator",
company: "Grand Celebrations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705921.jpg",
imageAlt: "Marcus Chen",
},
{ {
id: "t-3", id: "t-3", name: "Emily Watson", role: "Brand Manager", company: "Artisan Foods", rating: 5,
name: "Emily Watson", imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg", imageAlt: "Emily Watson"},
role: "Brand Manager",
company: "Artisan Foods",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg",
imageAlt: "Emily Watson",
},
{ {
id: "t-4", id: "t-4", name: "David Kim", role: "CEO", company: "Tech Solutions Inc.", rating: 5,
name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6486.jpg", imageAlt: "David Kim"},
role: "CEO",
company: "Tech Solutions Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6486.jpg",
imageAlt: "David Kim",
},
{ {
id: "t-5", id: "t-5", name: "Jessica Lee", role: "Creative Lead", company: "Style Studios", rating: 5,
name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageAlt: "Jessica Lee"},
role: "Creative Lead",
company: "Style Studios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
imageAlt: "Jessica Lee",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "150+", value: "150+", label: "Satisfied Clients"},
label: "Satisfied Clients",
},
{ {
value: "10+", value: "10+", label: "Years Experience"},
label: "Years Experience",
},
{ {
value: "500+", value: "500+", label: "Projects Completed"},
label: "Projects Completed",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Hear directly from clients who have experienced the difference of working with a dedicated visual storyteller." description="Hear directly from clients who have experienced the difference of working with a dedicated visual storyteller."
@@ -368,20 +222,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "What types of photography services do you offer?", content: "We offer a comprehensive range of photography services, including event photography (weddings, corporate events), portrait sessions (family, individual, professional headshots), commercial photography (product, lifestyle, branding), and real estate photography."},
title: "What types of photography services do you offer?",
content: "We offer a comprehensive range of photography services, including event photography (weddings, corporate events), portrait sessions (family, individual, professional headshots), commercial photography (product, lifestyle, branding), and real estate photography.",
},
{ {
id: "q2", id: "q2", title: "Can you provide both photography and videography for my event?", content: "Absolutely! We specialize in both photography and videography and can provide a seamless, integrated package for your event. This ensures a consistent style and vision across both mediums."},
title: "Can you provide both photography and videography for my event?",
content: "Absolutely! We specialize in both photography and videography and can provide a seamless, integrated package for your event. This ensures a consistent style and vision across both mediums.",
},
{ {
id: "q3", id: "q3", title: "How long does it take to receive the final photos/videos?", content: "Our typical turnaround time for photography is 2-4 weeks, and for videography, it's 4-8 weeks, depending on the complexity and volume of the project. We offer expedited services for an additional fee if you have a tight deadline."},
title: "How long does it take to receive the final photos/videos?",
content: "Our typical turnaround time for photography is 2-4 weeks, and for videography, it's 4-8 weeks, depending on the complexity and volume of the project. We offer expedited services for an additional fee if you have a tight deadline.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247211.jpg" imageSrc="http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247211.jpg"
imageAlt="Camera gear and studio setup" imageAlt="Camera gear and studio setup"
@@ -397,8 +242,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Get in Touch" tag="Get in Touch"
title="Let's Create Something Amazing" title="Let's Create Something Amazing"
description="Ready to discuss your next project? Reach out to us for a personalized consultation and quote. We're excited to hear your ideas!" description="Ready to discuss your next project? Reach out to us for a personalized consultation and quote. We're excited to hear your ideas!"
@@ -417,66 +261,39 @@ export default function LandingPage() {
logoText="Lens & Frame Studio" logoText="Lens & Frame Studio"
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Photography", label: "Photography", href: "#services"},
href: "#services",
},
{ {
label: "Videography", label: "Videography", href: "#services"},
href: "#services",
},
{ {
label: "Post-Production", label: "Post-Production", href: "#services"},
href: "#services",
},
{ {
label: "Event Coverage", label: "Event Coverage", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Portfolio", title: "Portfolio", items: [
items: [
{ {
label: "Weddings", label: "Weddings", href: "#portfolio"},
href: "#portfolio",
},
{ {
label: "Portraits", label: "Portraits", href: "#portfolio"},
href: "#portfolio",
},
{ {
label: "Commercial", label: "Commercial", href: "#portfolio"},
href: "#portfolio",
},
{ {
label: "Short Films", label: "Short Films", href: "#portfolio"},
href: "#portfolio",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Client Testimonials", label: "Client Testimonials", href: "#testimonials"},
href: "#testimonials",
},
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}