bender/39d38169-a9fd-4d87-bac4-50d41ab42e40
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-18 07:14:13 +00:00
Conversation 0 Commits 1 Files Changed 1 +146 -412
1 changed files with 146 additions and 412 deletions
Download Patch File Download Diff File Expand all files Collapse all files

558
src/app/page.tsx
View File

@@ -19,429 +19,163 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "About",
id: "#about",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Lens & Light"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Portfolio", id: "#portfolio" },
{ name: "About", id: "#about" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" }
]}
brandName="Lens & Light"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Capturing Life's Best Moments"
description="Professional photography that tells your unique story with elegance, precision, and artistry. From weddings to family portraits, we make memories last."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-outdoors_1163-3256.jpg",
imageAlt: "Wedding Couple",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-talking-phone-with-her-friend_1153-11.jpg",
imageAlt: "Portrait",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-mountains-jenny-lake-grand-teton-national-park-wyoming-usa_181624-60759.jpg",
imageAlt: "Landscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-her-business-with-ceramic-kitchenware_23-2149060811.jpg",
imageAlt: "Gear",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-laughing-loudly-steps_329181-13943.jpg",
imageAlt: "Event",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/expressive-transgender-posing-medium-shot_23-2149154632.jpg",
imageAlt: "Studio",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/romantic-wedding-couple-love-walks-mountains-forest_1328-4862.jpg",
imageAlt: "Event",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/camera-lens-binocular-canvas-shoes-sports-bottle-retro-wooden-table_1387-33.jpg",
imageAlt: "Gear",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-shot-beautiful-mountain-landscape-ahornboden-area-austria_181624-29766.jpg",
imageAlt: "Landscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-their-lunch-car-young-woman-eats-fried-potatoes-dips-sauce-s_1321-2346.jpg",
imageAlt: "Portrait",
},
]}
buttons={[
{
text: "View Portfolio",
href: "#portfolio",
},
{
text: "Book Now",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-posing-wrapping-up-grey-cloth_176420-16804.jpg",
alt: "Portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-albinism-posing-studio_23-2150535752.jpg",
alt: "Portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/artistic-portrait-with-flower-crown_23-2151917637.jpg",
alt: "Portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-unknown-young-man-posing_23-2149417572.jpg",
alt: "Portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-unknown-young-man-posing_23-2149417574.jpg",
alt: "Portrait 5",
},
]}
avatarText="Trusted by 500+ happy clients"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/black-icons-photographers_1057-4615.jpg",
alt: "Camera Logo",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-rendering-camera-with-photo-film_23-2150985287.jpg",
alt: "Shutter Logo",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/vertical-gray-scale-shot-camera-lens-wooden-surface_181624-514.jpg",
alt: "Aperture Logo",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-glasses-camera-arrangement_23-2149558789.jpg",
alt: "Light Logo",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/product-photography-shoot-shoes_53876-137635.jpg",
alt: "Tripod Logo",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Capturing Life's Best Moments"
description="Professional photography that tells your unique story with elegance, precision, and artistry. From weddings to family portraits, we make memories last."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-outdoors_1163-3256.jpg", imageAlt: "Wedding Couple" },
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-talking-phone-with-her-friend_1153-11.jpg", imageAlt: "Portrait" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-mountains-jenny-lake-grand-teton-national-park-wyoming-usa_181624-60759.jpg", imageAlt: "Landscape" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-her-business-with-ceramic-kitchenware_23-2149060811.jpg", imageAlt: "Gear" },
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-laughing-loudly-steps_329181-13943.jpg", imageAlt: "Event" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/expressive-transgender-posing-medium-shot_23-2149154632.jpg", imageAlt: "Studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/romantic-wedding-couple-love-walks-mountains-forest_1328-4862.jpg", imageAlt: "Event" },
{ imageSrc: "http://img.b2bpic.net/free-photo/camera-lens-binocular-canvas-shoes-sports-bottle-retro-wooden-table_1387-33.jpg", imageAlt: "Gear" },
{ imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-shot-beautiful-mountain-landscape-ahornboden-area-austria_181624-29766.jpg", imageAlt: "Landscape" },
{ imageSrc: "http://img.b2bpic.net/free-photo/enjoying-their-lunch-car-young-woman-eats-fried-potatoes-dips-sauce-s_1321-2346.jpg", imageAlt: "Portrait" }
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Artistic Vision & Technical Mastery"
description="With over a decade of experience, we specialize in candid moments, editorial fashion, and classic portraiture. Our goal is to make every shot a work of art."
bulletPoints={[
{
title: "Candid Photography",
description: "Authentic, unposed shots that feel natural and genuine.",
},
{
title: "Advanced Editing",
description: "High-end post-production for a timeless, professional aesthetic.",
},
{
title: "Bespoke Service",
description: "Tailored packages to meet your vision for any event.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/professional-photographer-taking-picture-young-man-with-camera-man-takes-photo-with-professional-camera-nature_1321-2063.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Artistic Vision & Technical Mastery"
description="With over a decade of experience, we specialize in candid moments, editorial fashion, and classic portraiture. Our goal is to make every shot a work of art."
bulletPoints={[
{ title: "Candid Photography", description: "Authentic, unposed shots that feel natural and genuine." },
{ title: "Advanced Editing", description: "High-end post-production for a timeless, professional aesthetic." },
{ title: "Bespoke Service", description: "Tailored packages to meet your vision for any event." }
]}
imageSrc="http://img.b2bpic.net/free-photo/professional-photographer-taking-picture-young-man-with-camera-man-takes-photo-with-professional-camera-nature_1321-2063.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Wedding Collection",
price: "$1,200",
imageSrc: "http://img.b2bpic.net/free-photo/dark-plates-with-black-pasta-dark-background_23-2148340363.jpg",
},
{
id: "2",
name: "Event Photography",
price: "$800",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-camera_23-2149049086.jpg",
},
{
id: "3",
name: "Studio Portrait",
price: "$300",
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
},
{
id: "4",
name: "Commercial Shoot",
price: "$1,500",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-taking-photos_23-2150506093.jpg",
},
{
id: "5",
name: "Engagement Portraits",
price: "$500",
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-with-rose_23-2148466354.jpg",
},
{
id: "6",
name: "Family Portrait",
price: "$400",
imageSrc: "http://img.b2bpic.net/free-photo/family-have-fun-park_1157-15842.jpg",
},
]}
title="Services & Collections"
description="Premium photography collections curated for every special occasion."
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{ id: "1", name: "Wedding Collection", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/dark-plates-with-black-pasta-dark-background_23-2148340363.jpg" },
{ id: "2", name: "Event Photography", price: "$800", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-camera_23-2149049086.jpg" },
{ id: "3", name: "Studio Portrait", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg" },
{ id: "4", name: "Commercial Shoot", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-taking-photos_23-2150506093.jpg" },
{ id: "5", name: "Engagement Portraits", price: "$500", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-with-rose_23-2148466354.jpg" },
{ id: "6", name: "Family Portrait", price: "$400", imageSrc: "http://img.b2bpic.net/free-photo/family-have-fun-park_1157-15842.jpg" }
]}
title="Services & Collections"
description="Premium photography collections curated for every special occasion."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Events Captured",
items: [
"Weddings",
"Galas",
"Parties",
],
},
{
id: "m2",
value: "1.2M",
title: "Photos Delivered",
items: [
"High-Res",
"Edited",
"Ready-to-Print",
],
},
{
id: "m3",
value: "15+",
title: "Years Experience",
items: [
"Studio",
"Outdoor",
"Editorial",
],
},
]}
title="Quality by Numbers"
description="Trusted by hundreds of clients to capture their most significant milestones."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "500+", title: "Events Captured", items: ["Weddings", "Galas", "Parties"] },
{ id: "m2", value: "1.2M", title: "Photos Delivered", items: ["High-Res", "Edited", "Ready-to-Print"] },
{ id: "m3", value: "15+", title: "Years Experience", items: ["Studio", "Outdoor", "Editorial"] }
]}
title="Quality by Numbers"
description="Trusted by hundreds of clients to capture their most significant milestones."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah & James",
role: "Wedding Couple",
testimonial: "The best decision we made! Photos were breathtaking.",
imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579722.jpg",
},
{
id: "t2",
name: "The Anderson Family",
role: "Clients",
testimonial: "Patient, creative, and delivered incredible results.",
imageSrc: "http://img.b2bpic.net/free-photo/family-with-little-daughter-spending-time-together-sunny-field_1157-38727.jpg",
},
{
id: "t3",
name: "Marcus V.",
role: "CEO",
testimonial: "Top-tier professionalism. A pleasure to work with.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
},
{
id: "t4",
name: "Elena R.",
role: "Engaged",
testimonial: "Capture every little moment perfectly. So grateful.",
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-looking-camera-front-view_23-2148424429.jpg",
},
{
id: "t5",
name: "David L.",
role: "Corporate",
testimonial: "Efficient, talented, and truly cares about quality.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-camera_1187-3692.jpg",
},
]}
title="Kind Words from Clients"
description="Stories from couples, families, and professionals we've worked with."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah & James", role: "Wedding Couple", testimonial: "The best decision we made! Photos were breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579722.jpg" },
{ id: "t2", name: "The Anderson Family", role: "Clients", testimonial: "Patient, creative, and delivered incredible results.", imageSrc: "http://img.b2bpic.net/free-photo/family-with-little-daughter-spending-time-together-sunny-field_1157-38727.jpg" },
{ id: "t3", name: "Marcus V.", role: "CEO", testimonial: "Top-tier professionalism. A pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
{ id: "t4", name: "Elena R.", role: "Engaged", testimonial: "Capture every little moment perfectly. So grateful.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-looking-camera-front-view_23-2148424429.jpg" },
{ id: "t5", name: "David L.", role: "Corporate", testimonial: "Efficient, talented, and truly cares about quality.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-camera_1187-3692.jpg" }
]}
title="Kind Words from Clients"
description="Stories from couples, families, and professionals we've worked with."
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Photography Tips & Insights"
description="Guides and expert advice to help you prepare for your shoot."
blogs={[
{
id: "b1",
category: "Tips",
title: "Perfect Lighting Guide",
excerpt: "Mastering the golden hour for portraits.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-studio-using-camera-photo_23-2148565554.jpg",
authorName: "Jane D.",
authorAvatar: "http://img.b2bpic.net/free-photo/photographer-taking-picture-while-looking-camera_158595-5719.jpg",
date: "Jan 12, 2025",
},
{
id: "b2",
category: "Planning",
title: "Choosing Your Style",
excerpt: "How to pick a professional photographer.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-camera-taking-pictures_23-2147771882.jpg",
authorName: "Jane D.",
authorAvatar: "http://img.b2bpic.net/free-photo/stylish-african-man-with-backpack-holding-photo-camera_171337-1356.jpg",
date: "Jan 15, 2025",
},
{
id: "b3",
category: "Weddings",
title: "Wedding Planning Guide",
excerpt: "Tips to ensure smooth photo sessions.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-calendar-wedding-rings-baby-s-breath-flowers-laptop-desk_23-2147936627.jpg",
authorName: "Jane D.",
authorAvatar: "http://img.b2bpic.net/free-photo/world-photography-day-celebrated-by-middle-aged-man-taking-photos-with-camera-device_23-2151672323.jpg",
date: "Jan 20, 2025",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Photography Tips & Insights"
description="Guides and expert advice to help you prepare for your shoot."
blogs={[
{ id: "b1", category: "Tips", title: "Perfect Lighting Guide", excerpt: "Mastering the golden hour for portraits.", imageSrc: "http://img.b2bpic.net/free-photo/girl-studio-using-camera-photo_23-2148565554.jpg", authorName: "Jane D.", authorAvatar: "http://img.b2bpic.net/free-photo/photographer-taking-picture-while-looking-camera_158595-5719.jpg", date: "Jan 12, 2025" },
{ id: "b2", category: "Planning", title: "Choosing Your Style", excerpt: "How to pick a professional photographer.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-camera-taking-pictures_23-2147771882.jpg", authorName: "Jane D.", authorAvatar: "http://img.b2bpic.net/free-photo/stylish-african-man-with-backpack-holding-photo-camera_171337-1356.jpg", date: "Jan 15, 2025" },
{ id: "b3", category: "Weddings", title: "Wedding Planning Guide", excerpt: "Tips to ensure smooth photo sessions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-calendar-wedding-rings-baby-s-breath-flowers-laptop-desk_23-2147936627.jpg", authorName: "Jane D.", authorAvatar: "http://img.b2bpic.net/free-photo/world-photography-day-celebrated-by-middle-aged-man-taking-photos-with-camera-device_23-2151672323.jpg", date: "Jan 20, 2025" }
]}
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"Harper's Bazaar",
"The Knot",
"WeddingWire",
"Professional Photo Monthly",
"Studio Monthly",
"Camera Magazine",
]}
title="Our Features"
description="Proudly featured in top publications and industry platforms."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Vogue", "Harper's Bazaar", "The Knot", "WeddingWire", "Professional Photo Monthly", "Studio Monthly", "Camera Magazine"]}
title="Our Features"
description="Proudly featured in top publications and industry platforms."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Booking"
title="Let's Capture Something Special"
description="Ready to get started? Send us a message and we'll discuss your vision and package needs."
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-as-photographer_52683-110062.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Booking"
title="Let's Capture Something Special"
description="Ready to get started? Send us a message and we'll discuss your vision and package needs."
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-as-photographer_52683-110062.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Lens & Light"
columns={[
{
title: "Quick Links",
items: [
{
label: "Portfolio",
href: "#portfolio",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Resources",
items: [
{
label: "Tips",
href: "#blog",
},
{
label: "FAQ",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "Booking",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Lens & Light"
columns={[
{ title: "Quick Links", items: [{ label: "Portfolio", href: "#portfolio" }, { label: "About", href: "#about" }] },
{ title: "Resources", items: [{ label: "Tips", href: "#blog" }, { label: "FAQ", href: "#" }] },
{ title: "Company", items: [{ label: "Booking", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);