From eaa14ac8e60279a8ff2efcc066b803cfc9ed2004 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 08:11:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 279 +++++++----------------------------------------
 1 file changed, 37 insertions(+), 242 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 14f9ce0..0f0886c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
-- 
2.49.1