bender/83405f52-b46b-4ad4-8d6a-d1c3c75f5d6d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 20:47:11 +00:00
parent 27d6ea1e71
commit a4e908ee1a
1 changed files with 77 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

337
src/app/page.tsx
View File

@@ -33,29 +33,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
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"
@@ -66,71 +54,46 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Capture Moments, Create Memories."
description="Specializing in stunning photography and cinematic videography, we bring your vision to life with passion and precision."
buttons={[
{
text: "View Portfolio",
href: "#portfolio",
},
text: "View Portfolio", href: "#portfolio"},
{
text: "Book a Session",
href: "#contact",
},
text: "Book a Session", 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"
mediaAnimation="slide-up"
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg",
alt: "Smiling young woman",
},
src: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg", 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",
alt: "Confident man",
},
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"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020820.jpg",
alt: "Creative professional",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020820.jpg", alt: "Creative professional"},
{
src: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg",
alt: "Satisfied client",
},
src: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg", alt: "Satisfied client"},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",
alt: "Happy customer",
},
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", alt: "Happy customer"},
]}
avatarText="Join 1500+ happy clients!"
marqueeItems={[
{
type: "text",
text: "Stunning Visuals",
type: "text", text: "Stunning Visuals"},
{
type: "text-icon", text: "Expert Team", icon: Users,
},
{
type: "text-icon",
text: "Expert Team",
icon: Users,
type: "text", text: "Creative Storytelling"},
{
type: "text-icon", text: "Seamless Production", icon: Film,
},
{
type: "text",
text: "Creative Storytelling",
},
{
type: "text-icon",
text: "Seamless Production",
icon: Film,
},
{
type: "text",
text: "Timeless Memories",
},
type: "text", text: "Timeless Memories"},
]}
/>
</div>
@@ -140,7 +103,7 @@ export default function LandingPage() {
useInvertedBackground={false}
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."
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"
/>
</div>
@@ -153,65 +116,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p-1",
brand: "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-1", brand: "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",
brand: "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-2", brand: "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",
brand: "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-3", brand: "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",
brand: "Videography",
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-4", brand: "Videography", 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",
brand: "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-5", brand: "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",
brand: "Videography",
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",
},
id: "p-6", brand: "Videography", 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"
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}
features={[
{
title: "Professional Photography",
description: "High-resolution imagery for events, portraits, commercial use, and more. We deliver stunning visuals that tell your story.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg",
imageAlt: "Smartphone showing photography gallery",
},
title: "Professional Photography", description: "High-resolution imagery for events, portraits, commercial use, and more. We deliver stunning visuals that tell your story.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg", imageAlt: "Smartphone showing photography gallery"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-infertility-proof_23-2149357298.jpg",
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",
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-infertility-proof_23-2149357298.jpg", imageAlt: "Smartphone showing videography playback"}
},
{
title: "Cinematic Videography",
description: "Engaging video content for weddings, corporate events, documentaries, and promotional campaigns. We bring narratives to life with motion.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/nightlife-people-dancing-club-holding-smartphones-up_23-2149052680.jpg",
imageAlt: "Smartphone showing event photography collage",
},
title: "Cinematic Videography", description: "Engaging video content for weddings, corporate events, documentaries, and promotional campaigns. We bring narratives to life with motion.", 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: {
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-take-photo_23-2149365806.jpg",
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",
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-take-photo_23-2149365806.jpg", imageAlt: "Smartphone showing event videography highlight"}
},
{
title: "Post-Production Excellence",
description: "Expert editing, color grading, sound design, and visual effects to ensure your final product is polished and captivating.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-pasta-bowl-with-smartphone_23-2149428185.jpg",
imageAlt: "Smartphone showing product photo catalog",
},
title: "Post-Production Excellence", description: "Expert editing, color grading, sound design, and visual effects to ensure your final product is polished and captivating.", 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: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog_23-2148916273.jpg",
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",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog_23-2148916273.jpg", imageAlt: "Smartphone showing product video commercial"}
},
]}
showStepNumbers={false}
@@ -278,14 +175,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Global Corp",
"Fashion Vista",
"Gourmet Bites",
"Event Horizon",
"Voyage Explorer",
"Creative Media Co.",
"Urban Properties",
]}
"Global Corp", "Fashion Vista", "Gourmet Bites", "Event Horizon", "Voyage Explorer", "Creative Media Co.", "Urban Properties"]}
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."
/>
@@ -298,64 +188,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t-1",
name: "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-1", name: "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",
name: "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-2", name: "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",
name: "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-3", name: "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",
name: "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-4", name: "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",
name: "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",
},
id: "t-5", name: "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={[
{
value: "150+",
label: "Satisfied Clients",
},
value: "150+", label: "Satisfied Clients"},
{
value: "10+",
label: "Years Experience",
},
value: "10+", label: "Years Experience"},
{
value: "500+",
label: "Projects Completed",
},
value: "500+", label: "Projects Completed"},
]}
title="What Our Clients Say"
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}
faqs={[
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247211.jpg"
imageAlt="Camera gear and studio setup"
@@ -397,8 +242,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
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!"
@@ -417,66 +261,39 @@ export default function LandingPage() {
logoText="Lens & Frame Studio"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Photography",
href: "#services",
},
label: "Photography", href: "#services"},
{
label: "Videography",
href: "#services",
},
label: "Videography", href: "#services"},
{
label: "Post-Production",
href: "#services",
},
label: "Post-Production", href: "#services"},
{
label: "Event Coverage",
href: "#services",
},
label: "Event Coverage", href: "#services"},
],
},
{
title: "Portfolio",
items: [
title: "Portfolio", items: [
{
label: "Weddings",
href: "#portfolio",
},
label: "Weddings", href: "#portfolio"},
{
label: "Portraits",
href: "#portfolio",
},
label: "Portraits", href: "#portfolio"},
{
label: "Commercial",
href: "#portfolio",
},
label: "Commercial", href: "#portfolio"},
{
label: "Short Films",
href: "#portfolio",
},
label: "Short Films", href: "#portfolio"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Client Testimonials",
href: "#testimonials",
},
label: "Client Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}