bender/28c72687-ea72-438a-ab22-813fa08f8a7b
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-23 08:11:05 +00:00
Conversation 0 Commits 1 Files Changed 1 +37 -242
1 changed files with 37 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Portfolio",
id: "work",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Portfolio", id: "work" },
{ name: "Contact", id: "contact" },
]}
brandName="Lorem Picsum"
/>
@@ -55,36 +43,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Lorem Picsum: The Lorem Ipsum for photos."
description="Stunning visuals powered by Fastly, created by David Marby & Nijiko Yonskai. Experience the ultimate agency photography collection."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/gradient-rippled-colorful-hued-soap-bubbles-black-background_23-2148235931.jpg",
imageAlt: "Galaxy Nebula",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102927.jpg",
imageAlt: "Geometric Solids",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-background_23-2148132329.jpg",
imageAlt: "Magma Planet",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/foam-texture_23-2147927733.jpg",
imageAlt: "Gold Particles",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal_23-2148253627.jpg",
imageAlt: "Liquid Orb",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/golden-sky-cloud-background_1017-3389.jpg",
imageAlt: "Lens Flare",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/gradient-rippled-colorful-hued-soap-bubbles-black-background_23-2148235931.jpg", imageAlt: "Galaxy Nebula" },
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102927.jpg", imageAlt: "Geometric Solids" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-background_23-2148132329.jpg", imageAlt: "Magma Planet" },
{ imageSrc: "http://img.b2bpic.net/free-photo/foam-texture_23-2147927733.jpg", imageAlt: "Gold Particles" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal_23-2148253627.jpg", imageAlt: "Liquid Orb" },
{ imageSrc: "http://img.b2bpic.net/free-photo/golden-sky-cloud-background_1017-3389.jpg", imageAlt: "Lens Flare" },
]}
mediaAnimation="blur-reveal"
/>
@@ -105,27 +73,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "Speed",
title: "Rapid Delivery",
subtitle: "High speed delivery via Fastly",
description: "Global edge network ensures your assets load instantly.",
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896841.jpg",
},
{
tag: "Quality",
title: "High Fidelity",
subtitle: "Curated photo selection",
description: "Hand-picked high-res photography for every project need.",
imageSrc: "http://img.b2bpic.net/free-photo/investors-meet-discuss-automation-strategies-solar-panel-production_482257-126713.jpg",
},
{
tag: "Ease",
title: "Simple API",
subtitle: "Developer-friendly integration",
description: "Just add the ID and get your perfect photo immediately.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-connecting-lines-dots_1048-11693.jpg",
},
{ tag: "Speed", title: "Rapid Delivery", subtitle: "High speed delivery via Fastly", description: "Global edge network ensures your assets load instantly.", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896841.jpg" },
{ tag: "Quality", title: "High Fidelity", subtitle: "Curated photo selection", description: "Hand-picked high-res photography for every project need.", imageSrc: "http://img.b2bpic.net/free-photo/investors-meet-discuss-automation-strategies-solar-panel-production_482257-126713.jpg" },
{ tag: "Ease", title: "Simple API", subtitle: "Developer-friendly integration", description: "Just add the ID and get your perfect photo immediately.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-connecting-lines-dots_1048-11693.jpg" },
]}
title="Designed for Performance"
description="Cutting edge features designed to accelerate your creative workflow."
@@ -136,62 +86,15 @@ export default function LandingPage() {
<ProductCardTwo
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
animationType="slide-up"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Studio A",
name: "Atmospheric Still",
price: "$0.00",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192230.jpg",
},
{
id: "p2",
brand: "Studio B",
name: "Abstract Tech",
price: "$0.00",
rating: 5,
reviewCount: "890",
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-16323.jpg",
},
{
id: "p3",
brand: "Studio C",
name: "Modern Minimal",
price: "$0.00",
rating: 5,
reviewCount: "430",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-plastic-bag-concept-with-copy-space_23-2148548992.jpg",
},
{
id: "p4",
brand: "Studio D",
name: "Lifestyle Editorial",
price: "$0.00",
rating: 5,
reviewCount: "560",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-young-brunette-asian-woman-pants-beige-cardigan-sits-wooden-table-kitchen-smiles-holds-fresh-tasty-apple_197531-27800.jpg",
},
{
id: "p5",
brand: "Studio E",
name: "Future Gadget",
price: "$0.00",
rating: 5,
reviewCount: "920",
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-camera-plant_23-2147982597.jpg",
},
{
id: "p6",
brand: "Studio F",
name: "Concept Sculpture",
price: "$0.00",
rating: 5,
reviewCount: "310",
imageSrc: "http://img.b2bpic.net/free-photo/gypsum-bust-coral-background-with-geometric-shapes_23-2149588157.jpg",
},
{ id: "p1", brand: "Studio A", name: "Atmospheric Still", price: "$0.00", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192230.jpg" },
{ id: "p2", brand: "Studio B", name: "Abstract Tech", price: "$0.00", rating: 5, reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-16323.jpg" },
{ id: "p3", brand: "Studio C", name: "Modern Minimal", price: "$0.00", rating: 5, reviewCount: "430", imageSrc: "http://img.b2bpic.net/free-photo/abstract-plastic-bag-concept-with-copy-space_23-2148548992.jpg" },
{ id: "p4", brand: "Studio D", name: "Lifestyle Editorial", price: "$0.00", rating: 5, reviewCount: "560", imageSrc: "http://img.b2bpic.net/free-photo/healthy-young-brunette-asian-woman-pants-beige-cardigan-sits-wooden-table-kitchen-smiles-holds-fresh-tasty-apple_197531-27800.jpg" },
{ id: "p5", brand: "Studio E", name: "Future Gadget", price: "$0.00", rating: 5, reviewCount: "920", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-camera-plant_23-2147982597.jpg" },
{ id: "p6", brand: "Studio F", name: "Concept Sculpture", price: "$0.00", rating: 5, reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/gypsum-bust-coral-background-with-geometric-shapes_23-2149588157.jpg" },
]}
title="Selected Works"
description="Explore our curated collection of artistic photography."
@@ -204,41 +107,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
handle: "@alexdesign",
testimonial: "The fastest photography service for prototyping ever.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
},
{
id: "2",
name: "Maria L.",
handle: "@ml_creative",
testimonial: "Stunning visuals that elevate every single project I build.",
imageSrc: "http://img.b2bpic.net/free-photo/optical-laser-horizontal-background_23-2149116269.jpg",
},
{
id: "3",
name: "Sam K.",
handle: "@samcodes",
testimonial: "API integration is buttery smooth. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-young-man-posing_23-2149417575.jpg",
},
{
id: "4",
name: "Jordan P.",
handle: "@jp_dev",
testimonial: "The photography quality is leagues ahead of standard placeholders.",
imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275126.jpg",
},
{
id: "5",
name: "Taylor W.",
handle: "@taylor_creative",
testimonial: "A reliable staple in my daily design workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
},
{ id: "1", name: "Alex R.", handle: "@alexdesign", testimonial: "The fastest photography service for prototyping ever.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg" },
{ id: "2", name: "Maria L.", handle: "@ml_creative", testimonial: "Stunning visuals that elevate every single project I build.", imageSrc: "http://img.b2bpic.net/free-photo/optical-laser-horizontal-background_23-2149116269.jpg" },
{ id: "3", name: "Sam K.", handle: "@samcodes", testimonial: "API integration is buttery smooth. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-young-man-posing_23-2149417575.jpg" },
{ id: "4", name: "Jordan P.", handle: "@jp_dev", testimonial: "The photography quality is leagues ahead of standard placeholders.", imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275126.jpg" },
{ id: "5", name: "Taylor W.", handle: "@taylor_creative", testimonial: "A reliable staple in my daily design workflow.", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg" },
]}
title="Community Love"
description="Hear what our amazing global community says about our platform."
@@ -251,24 +124,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Zap,
title: "Requests per day",
value: "100M+",
},
{
id: "m2",
icon: Globe,
title: "Global reach",
value: "180+",
},
{
id: "m3",
icon: Award,
title: "Photos served",
value: "50B+",
},
{ id: "m1", icon: Zap, title: "Requests per day", value: "100M+" },
{ id: "m2", icon: Globe, title: "Global reach", value: "180+" },
{ id: "m3", icon: Award, title: "Photos served", value: "50B+" },
]}
title="By The Numbers"
description="Massive scale, unparalleled performance for all creators."
@@ -278,59 +136,12 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardTwo
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
plans={[
{
id: "free",
badge: "Open Source",
price: "Free",
subtitle: "Unlimited usage",
buttons: [
{
text: "Get Started",
href: "#",
},
],
features: [
"Fastly CDN",
"No limits",
"High resolution",
],
},
{
id: "pro",
badge: "Custom",
price: "Contact Us",
subtitle: "For large organizations",
buttons: [
{
text: "Talk to Sales",
href: "#",
},
],
features: [
"Dedicated nodes",
"SLA support",
"Advanced API",
],
},
{
id: "team",
badge: "Pro",
price: "$49/mo",
subtitle: "For design teams",
buttons: [
{
text: "Upgrade",
href: "#",
},
],
features: [
"Enhanced metrics",
"Priority cache",
"Private keys",
],
},
{ id: "free", badge: "Open Source", price: "Free", subtitle: "Unlimited usage", buttons: [{ text: "Get Started", href: "#" }], features: ["Fastly CDN", "No limits", "High resolution"] },
{ id: "pro", badge: "Custom", price: "Contact Us", subtitle: "For large organizations", buttons: [{ text: "Talk to Sales", href: "#" }], features: ["Dedicated nodes", "SLA support", "Advanced API"] },
{ id: "team", badge: "Pro", price: "$49/mo", subtitle: "For design teams", buttons: [{ text: "Upgrade", href: "#" }], features: ["Enhanced metrics", "Priority cache", "Private keys"] },
]}
title="Flexible Access"
description="Always free, always ready for your production environment."
@@ -343,18 +154,8 @@ export default function LandingPage() {
title="Reach Out"
description="Having trouble? Send us an email and our team will get back to you shortly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
imageSrc="http://img.b2bpic.net/free-photo/blank-canvas-painting-indoors-still-life_23-2150542294.jpg"
/>
@@ -363,14 +164,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Lorem Picsum"
leftLink={{
text: "Source Code",
href: "https://github.com/dmarby/picsum-photos",
}}
rightLink={{
text: "Cookie Preferences",
href: "#",
}}
leftLink={{ text: "Source Code", href: "https://github.com/dmarby/picsum-photos" }}
rightLink={{ text: "Cookie Preferences", href: "#" }}
/>
</div>
</ReactLenis>