bender/8abf0893-3512-4cab-b74a-e7f35beb64b5
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-16 13:18:14 +00:00
Conversation 0 Commits 1 Files Changed 1 +147 -407
1 changed files with 147 additions and 407 deletions
Download Patch File Download Diff File Expand all files Collapse all files

554
src/app/page.tsx
View File

@@ -25,421 +25,161 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "footer",
},
]}
brandName="Lens & Light"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "footer" },
]}
brandName="Lens & Light"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
title="Capturing Moments, Defining Stories."
description="Expert photography capturing high-definition memories with a blend of creativity and technical precision."
imageSrc="http://img.b2bpic.net/free-photo/camera-lens-with-photography-accessories-photo-text-arranged-white-wooden-table_23-2148038943.jpg"
imageAlt="Professional Photographer"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
alt: "Client profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
alt: "Client profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
alt: "Client profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
alt: "Client profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",
alt: "Client profile 5",
},
]}
avatarText="Trusted by over 500+ happy clients worldwide."
marqueeItems={[
{
type: "text",
text: "Professional Portraiture",
},
{
type: "text",
text: "Nature Landscapes",
},
{
type: "text",
text: "Macro Detail Shots",
},
{
type: "text",
text: "Studio Lighting",
},
{
type: "text",
text: "Cinematic Editing",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "plain" }}
title="Capturing Moments, Defining Stories."
description="Expert photography capturing high-definition memories with a blend of creativity and technical precision."
imageSrc="http://img.b2bpic.net/free-photo/camera-lens-with-photography-accessories-photo-text-arranged-white-wooden-table_23-2148038943.jpg"
imageAlt="Professional Photographer"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Client profile 1" },
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Client profile 2" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", alt: "Client profile 3" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", alt: "Client profile 4" },
{ src: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg", alt: "Client profile 5" },
]}
avatarText="Trusted by over 500+ happy clients worldwide."
marqueeItems={[
{ type: "text", text: "Professional Portraiture" },
{ type: "text", text: "Nature Landscapes" },
{ type: "text", text: "Macro Detail Shots" },
{ type: "text", text: "Studio Lighting" },
{ type: "text", text: "Cinematic Editing" },
]}
/>
</div>
<div id="portfolio" data-section="portfolio">
<FeatureCardMedia
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Portrait Photography",
description: "Human connection through expressive and emotional portraits.",
tag: "People",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg",
},
{
id: "f2",
title: "Landscape Landscapes",
description: "Breathtaking views captured with pristine detail and scale.",
tag: "Nature",
imageSrc: "http://img.b2bpic.net/free-photo/brown-concrete-tower-mountain-golden-hour_198169-291.jpg",
},
{
id: "f3",
title: "Macro Details",
description: "Uncovering hidden beauty in the smallest subjects.",
tag: "Detail",
imageSrc: "http://img.b2bpic.net/free-photo/closed-buds-vinous-flowers_23-2148060177.jpg",
},
]}
title="Portfolio Collections"
description="Explore our curated photography galleries categorized for your specific needs."
/>
</div>
<div id="portfolio" data-section="portfolio">
<FeatureCardMedia
textboxLayout="split"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ id: "f1", title: "Portrait Photography", description: "Human connection through expressive and emotional portraits.", tag: "People", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg" },
{ id: "f2", title: "Landscape Landscapes", description: "Breathtaking views captured with pristine detail and scale.", tag: "Nature", imageSrc: "http://img.b2bpic.net/free-photo/brown-concrete-tower-mountain-golden-hour_198169-291.jpg" },
{ id: "f3", title: "Macro Details", description: "Uncovering hidden beauty in the smallest subjects.", tag: "Detail", imageSrc: "http://img.b2bpic.net/free-photo/closed-buds-vinous-flowers_23-2148060177.jpg" },
]}
title="Portfolio Collections"
description="Explore our curated photography galleries categorized for your specific needs."
/>
</div>
<div id="portrait-collection" data-section="portrait-collection">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Studio",
name: "Professional Headshot",
price: "$300",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1669.jpg",
},
{
id: "p2",
brand: "Studio",
name: "Fashion Edit",
price: "$500",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-rainbow-light-high-angle_23-2149424975.jpg",
},
{
id: "p3",
brand: "Studio",
name: "Artistic Portrait",
price: "$450",
rating: 4,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg",
},
{
id: "p4",
brand: "Studio",
name: "Candid Session",
price: "$350",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg",
},
{
id: "p5",
brand: "Studio",
name: "Creative Suite",
price: "$700",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-yellow-cloth_23-2148546948.jpg",
},
{
id: "p6",
brand: "Studio",
name: "Black & White",
price: "$400",
rating: 4,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-wearing-white-poloneck-attractive-girl-model-fashion_1139-1613.jpg",
},
]}
title="Portrait Collection"
description="Stunning portrait sessions tailored to capture your unique persona."
/>
</div>
<div id="portrait-collection" data-section="portrait-collection">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Studio", name: "Professional Headshot", price: "$300", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1669.jpg" },
{ id: "p2", brand: "Studio", name: "Fashion Edit", price: "$500", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-rainbow-light-high-angle_23-2149424975.jpg" },
{ id: "p3", brand: "Studio", name: "Artistic Portrait", price: "$450", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg" },
{ id: "p4", brand: "Studio", name: "Candid Session", price: "$350", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg" },
{ id: "p5", brand: "Studio", name: "Creative Suite", price: "$700", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-yellow-cloth_23-2148546948.jpg" },
{ id: "p6", brand: "Studio", name: "Black & White", price: "$400", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-wearing-white-poloneck-attractive-girl-model-fashion_1139-1613.jpg" },
]}
title="Portrait Collection"
description="Stunning portrait sessions tailored to capture your unique persona."
/>
</div>
<div id="landscape-gallery" data-section="landscape-gallery">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "l1",
brand: "Nature",
name: "Mountain Peak",
price: "$250",
rating: 5,
reviewCount: "55",
imageSrc: "http://img.b2bpic.net/free-photo/majestic-snowcapped-mountain-range-reflected-calm-lake_9975-32792.jpg",
},
{
id: "l2",
brand: "Nature",
name: "Golden Shore",
price: "$300",
rating: 5,
reviewCount: "38",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-green-mountain-forest-cloudy-sky_181624-37078.jpg",
},
{
id: "l3",
brand: "Nature",
name: "Misty Valley",
price: "$200",
rating: 4,
reviewCount: "29",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-various-landscape_23-2151893112.jpg",
},
{
id: "l4",
brand: "Nature",
name: "Forest Path",
price: "$280",
rating: 5,
reviewCount: "41",
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-range-reflected-calm-lake-sunset_9975-32841.jpg",
},
{
id: "l5",
brand: "Nature",
name: "Ocean Waves",
price: "$320",
rating: 5,
reviewCount: "62",
imageSrc: "http://img.b2bpic.net/free-photo/water-flowing-brown-wooden-bridge_422131-70.jpg",
},
{
id: "l6",
brand: "Nature",
name: "Sunset Horizon",
price: "$275",
rating: 5,
reviewCount: "34",
imageSrc: "http://img.b2bpic.net/free-photo/tree-surrounded-by-greenery-sunlight-dartmoor-national-park-devon-uk_181624-29339.jpg",
},
]}
title="Landscape Gallery"
description="Vast natural beauty captured in high-definition landscape photography."
/>
</div>
<div id="landscape-gallery" data-section="landscape-gallery">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "l1", brand: "Nature", name: "Mountain Peak", price: "$250", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/majestic-snowcapped-mountain-range-reflected-calm-lake_9975-32792.jpg" },
{ id: "l2", brand: "Nature", name: "Golden Shore", price: "$300", rating: 5, reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-green-mountain-forest-cloudy-sky_181624-37078.jpg" },
{ id: "l3", brand: "Nature", name: "Misty Valley", price: "$200", rating: 4, reviewCount: "29", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-various-landscape_23-2151893112.jpg" },
{ id: "l4", brand: "Nature", name: "Forest Path", price: "$280", rating: 5, reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-range-reflected-calm-lake-sunset_9975-32841.jpg" },
{ id: "l5", brand: "Nature", name: "Ocean Waves", price: "$320", rating: 5, reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/water-flowing-brown-wooden-bridge_422131-70.jpg" },
{ id: "l6", brand: "Nature", name: "Sunset Horizon", price: "$275", rating: 5, reviewCount: "34", imageSrc: "http://img.b2bpic.net/free-photo/tree-surrounded-by-greenery-sunlight-dartmoor-national-park-devon-uk_181624-29339.jpg" },
]}
title="Landscape Gallery"
description="Vast natural beauty captured in high-definition landscape photography."
/>
</div>
<div id="macro-details" data-section="macro-details">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "m1",
brand: "Micro",
name: "Floral Bloom",
price: "$150",
rating: 5,
reviewCount: "72",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-butterfly_181624-12588.jpg",
},
{
id: "m2",
brand: "Micro",
name: "Water Droplet",
price: "$180",
rating: 5,
reviewCount: "48",
imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-surface-grey-textured-background_23-2148114556.jpg",
},
{
id: "m3",
brand: "Micro",
name: "Texture Study",
price: "$200",
rating: 4,
reviewCount: "33",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blurred-flowers-nature_23-2149511194.jpg",
},
{
id: "m4",
brand: "Micro",
name: "Butterfly Wing",
price: "$220",
rating: 5,
reviewCount: "51",
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-anthurium-flower_23-2147836286.jpg",
},
{
id: "m5",
brand: "Micro",
name: "Crystal Formation",
price: "$250",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-water-droplets-grey-feather-surface_23-2148114606.jpg",
},
{
id: "m6",
brand: "Micro",
name: "Petal Veins",
price: "$160",
rating: 5,
reviewCount: "39",
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-yellow-petal-blue-water_23-2148256548.jpg",
},
]}
title="Macro Details"
description="Tiny subjects, massive impact. Explore macro details like never before."
/>
</div>
<div id="macro-details" data-section="macro-details">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "m1", brand: "Micro", name: "Floral Bloom", price: "$150", rating: 5, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-butterfly_181624-12588.jpg" },
{ id: "m2", brand: "Micro", name: "Water Droplet", price: "$180", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-surface-grey-textured-background_23-2148114556.jpg" },
{ id: "m3", brand: "Micro", name: "Texture Study", price: "$200", rating: 4, reviewCount: "33", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blurred-flowers-nature_23-2149511194.jpg" },
{ id: "m4", brand: "Micro", name: "Butterfly Wing", price: "$220", rating: 5, reviewCount: "51", imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-anthurium-flower_23-2147836286.jpg" },
{ id: "m5", brand: "Micro", name: "Crystal Formation", price: "$250", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-water-droplets-grey-feather-surface_23-2148114606.jpg" },
{ id: "m6", brand: "Micro", name: "Petal Veins", price: "$160", rating: 5, reviewCount: "39", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-yellow-petal-blue-water_23-2148256548.jpg" },
]}
title="Macro Details"
description="Tiny subjects, massive impact. Explore macro details like never before."
/>
</div>
<div id="achievements" data-section="achievements">
<MetricCardTwo
animationType="depth-3d"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "met1",
value: "10K+",
description: "Photos Stored",
},
{
id: "met2",
value: "500+",
description: "Happy Clients",
},
{
id: "met3",
value: "12",
description: "International Awards",
},
]}
title="Our Impact"
description="Numbers that define our creative legacy."
/>
</div>
<div id="achievements" data-section="achievements">
<MetricCardTwo
animationType="depth-3d"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "met1", value: "10K+", description: "Photos Stored" },
{ id: "met2", value: "500+", description: "Happy Clients" },
{ id: "met3", value: "12", description: "International Awards" },
]}
title="Our Impact"
description="Numbers that define our creative legacy."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Corporate",
company: "Tech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
},
{
id: "2",
name: "John Doe",
role: "Creative",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
},
{
id: "3",
name: "Emily Smith",
role: "Fashion",
company: "Model",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg",
},
{
id: "4",
name: "Robert Brown",
role: "Nature",
company: "Travel",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-photographer-girl-taking-photos-using-her-retro-camera_158538-1588.jpg",
},
{
id: "5",
name: "Anna Davis",
role: "Lifestyle",
company: "Blogger",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
},
]}
kpiItems={[
{
value: "5.0",
label: "Average Rating",
},
{
value: "100%",
label: "Client Satisfaction",
},
{
value: "95%",
label: "Return Clients",
},
]}
title="Client Stories"
description="What our wonderful clients say about their sessions."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="split"
useInvertedBackground={true}
animationType="depth-3d"
testimonials={[
{ id: "1", name: "Sarah Miller", role: "Corporate", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
{ id: "2", name: "John Doe", role: "Creative", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg" },
{ id: "3", name: "Emily Smith", role: "Fashion", company: "Model", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg" },
{ id: "4", name: "Robert Brown", role: "Nature", company: "Travel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-photographer-girl-taking-photos-using-her-retro-camera_158538-1588.jpg" },
{ id: "5", name: "Anna Davis", role: "Lifestyle", company: "Blogger", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg" },
]}
kpiItems={[
{ value: "5.0", label: "Average Rating" },
{ value: "100%", label: "Client Satisfaction" },
{ value: "95%", label: "Return Clients" },
]}
title="Client Stories"
description="What our wonderful clients say about their sessions."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Lens & Light"
copyrightText="© 2025 Lens & Light Studios."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Lens & Light"
copyrightText="© 2025 Lens & Light Studios."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}