From 4bfe4b83bb30590edf85ffb8952807fb9f6975de Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 11:56:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 251 ++++++++++++-----------------------------------
 1 file changed, 63 insertions(+), 188 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0e84a2f..ae22906 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,31 +20,28 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Work",
-          id: "work",
-        },
+          name: "Work",          id: "work"},
         {
-          name: "Team",
-          id: "team",
-        },
+          name: "Team",          id: "team"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="PixelCraft Agency"
     />
@@ -53,42 +50,27 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Crafting Digital Excellence"
       description="We build high-performance web solutions that empower brands and elevate user experiences. Partner with the agency that turns complex ideas into digital reality."
       tag="Award Winning Studio"
       buttons={[
         {
-          text: "Start Project",
-          href: "#contact",
-        },
+          text: "Start Project",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/row-blue-liquid-glasses-with-shadow-colored-background_23-2147949151.jpg",
-          imageAlt: "digital agency interface abstract blue",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/row-blue-liquid-glasses-with-shadow-colored-background_23-2147949151.jpg",          imageAlt: "digital agency interface abstract blue"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg",
-          imageAlt: "cloud computing tech abstract",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg",          imageAlt: "cloud computing tech abstract"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-planning-new-strategy-analyzing-online-company-information-startup-office-business-partners-collaborating-analytics-presentation-using-laptop-papers_482257-75252.jpg",
-          imageAlt: "modern software dashboard interface",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-planning-new-strategy-analyzing-online-company-information-startup-office-business-partners-collaborating-analytics-presentation-using-laptop-papers_482257-75252.jpg",          imageAlt: "modern software dashboard interface"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vibrant-geometric-paper-shapes_23-2148428611.jpg",
-          imageAlt: "abstract blue geometric shapes",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vibrant-geometric-paper-shapes_23-2148428611.jpg",          imageAlt: "abstract blue geometric shapes"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/code-testing-quality-assurance-done-computers-startup-workplace_482257-118649.jpg",
-          imageAlt: "web design agency workspace",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/code-testing-quality-assurance-done-computers-startup-workplace_482257-118649.jpg",          imageAlt: "web design agency workspace"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-design-abstract-blur-background_1048-12681.jpg",
-          imageAlt: "tech network glowing lines",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-design-abstract-blur-background_1048-12681.jpg",          imageAlt: "tech network glowing lines"},
       ]}
     />
   </div>
@@ -100,19 +82,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "Projects Completed",
-          value: "250+",
-        },
+          label: "Projects Completed",          value: "250+"},
         {
           icon: Users,
-          label: "Happy Clients",
-          value: "180+",
-        },
+          label: "Happy Clients",          value: "180+"},
         {
           icon: TrendingUp,
-          label: "Average Growth",
-          value: "140%",
-        },
+          label: "Average Growth",          value: "140%"},
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -125,32 +101,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Web Design",
-          tags: [
-            "UX/UI",
-            "Design",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-notebook_53876-133693.jpg",
-        },
+          id: "f1",          title: "Web Design",          tags: [
+            "UX/UI",            "Design"],
+          imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-notebook_53876-133693.jpg"},
         {
-          id: "f2",
-          title: "App Development",
-          tags: [
-            "Mobile",
-            "Native",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-colleagues-standing-table-looking-design-projects_1098-20475.jpg",
-        },
+          id: "f2",          title: "App Development",          tags: [
+            "Mobile",            "Native"],
+          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-colleagues-standing-table-looking-design-projects_1098-20475.jpg"},
         {
-          id: "f3",
-          title: "Strategy & SEO",
-          tags: [
-            "Growth",
-            "SEO",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-pack-template_23-2148370473.jpg",
-        },
+          id: "f3",          title: "Strategy & SEO",          tags: [
+            "Growth",            "SEO"],
+          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-pack-template_23-2148370473.jpg"},
       ]}
       title="Our Expertise"
       description="Comprehensive design and development services built for scaling companies."
@@ -161,44 +122,21 @@ export default function LandingPage() {
       <ProductCardOne
       textboxLayout="default"
       gridVariant="asymmetric-60-wide-40-narrow"
+      animationType="slide-up"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "SaaS Platform",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201873.jpg",
-        },
+          id: "p1",          name: "SaaS Platform",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201873.jpg"},
         {
-          id: "p2",
-          name: "Mobile App UI",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038913.jpg",
-        },
+          id: "p2",          name: "Mobile App UI",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038913.jpg"},
         {
-          id: "p3",
-          name: "Corporate Site",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg",
-        },
+          id: "p3",          name: "Corporate Site",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg"},
         {
-          id: "p4",
-          name: "Store Design",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-relaxed-adult-connecting-social-network-digital-world-scrolling-his-mobile_482257-136233.jpg",
-        },
+          id: "p4",          name: "Store Design",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/young-relaxed-adult-connecting-social-network-digital-world-scrolling-his-mobile_482257-136233.jpg"},
         {
-          id: "p5",
-          name: "Brand Identity",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320719.jpg",
-        },
+          id: "p5",          name: "Brand Identity",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320719.jpg"},
         {
-          id: "p6",
-          name: "Interactive App",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345423.jpg",
-        },
+          id: "p6",          name: "Interactive App",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345423.jpg"},
       ]}
       title="Selected Work"
       description="See some of our latest projects and client partnerships."
@@ -212,23 +150,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          icon: Zap,
-          title: "Performance Boost",
-          value: "200%",
-        },
+          id: "m1",          icon: Zap,
+          title: "Performance Boost",          value: "200%"},
         {
-          id: "m2",
-          icon: Shield,
-          title: "Security Optimized",
-          value: "100%",
-        },
+          id: "m2",          icon: Shield,
+          title: "Security Optimized",          value: "100%"},
         {
-          id: "m3",
-          icon: RotateCcw,
-          title: "UX Improvement",
-          value: "90%",
-        },
+          id: "m3",          icon: RotateCcw,
+          title: "UX Improvement",          value: "90%"},
       ]}
       title="Industry Impact"
       description="Delivering measurable results through innovative design."
@@ -243,23 +172,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       members={[
         {
-          id: "tm1",
-          name: "Elena Rivers",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-studio-films-tablet-video-review-tech-enthusiasts_482257-116480.jpg",
-        },
+          id: "tm1",          name: "Elena Rivers",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/man-studio-films-tablet-video-review-tech-enthusiasts_482257-116480.jpg"},
         {
-          id: "tm2",
-          name: "Marcus Chen",
-          role: "Lead Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-studio-full-colourful-lights-young-girl-is-working-her-new-creative-ideas_613910-11479.jpg",
-        },
+          id: "tm2",          name: "Marcus Chen",          role: "Lead Architect",          imageSrc: "http://img.b2bpic.net/free-photo/dark-studio-full-colourful-lights-young-girl-is-working-her-new-creative-ideas_613910-11479.jpg"},
         {
-          id: "tm3",
-          name: "Sarah Jenkins",
-          role: "Project Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg",
-        },
+          id: "tm3",          name: "Sarah Jenkins",          role: "Project Manager",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg"},
       ]}
       title="Meet Our Experts"
       description="Driven by creativity, built on technology."
@@ -268,44 +185,20 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Alice Wang",
-          role: "Founder, Techify",
-          testimonial: "PixelCraft transformed our vision into reality perfectly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
-        },
+          id: "1",          name: "Alice Wang",          role: "Founder, Techify",          testimonial: "PixelCraft transformed our vision into reality perfectly.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"},
         {
-          id: "2",
-          name: "David Smith",
-          role: "CTO, Innovate",
-          testimonial: "Exceptional communication and technical skills throughout.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
-        },
+          id: "2",          name: "David Smith",          role: "CTO, Innovate",          testimonial: "Exceptional communication and technical skills throughout.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
         {
-          id: "3",
-          name: "Maria Garcia",
-          role: "CMO, BrandCo",
-          testimonial: "Our user engagement spiked thanks to their design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
-        },
+          id: "3",          name: "Maria Garcia",          role: "CMO, BrandCo",          testimonial: "Our user engagement spiked thanks to their design.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg"},
         {
-          id: "4",
-          name: "Robert Chen",
-          role: "CEO, GrowthLab",
-          testimonial: "Delivered high-quality results ahead of schedule.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-handsome-elegant-man-glasses-suit-with-beautiful-sexy-woman-colorful-dress-white_158538-11288.jpg",
-        },
+          id: "4",          name: "Robert Chen",          role: "CEO, GrowthLab",          testimonial: "Delivered high-quality results ahead of schedule.",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-handsome-elegant-man-glasses-suit-with-beautiful-sexy-woman-colorful-dress-white_158538-11288.jpg"},
         {
-          id: "5",
-          name: "Susan Miller",
-          role: "COO, ScaleIt",
-          testimonial: "Professional, reliable, and incredibly talented team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
-        },
+          id: "5",          name: "Susan Miller",          role: "COO, ScaleIt",          testimonial: "Professional, reliable, and incredibly talented team.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
       ]}
       title="Client Success"
       description="Don't just take our word for it."
@@ -319,20 +212,12 @@ export default function LandingPage() {
       description="Ready to start your next big project? Reach out."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
+          name: "name",          type: "text",          placeholder: "Your Name"},
         {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
+          name: "email",          type: "email",          placeholder: "Your Email"},
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Project details...",
-      }}
+        name: "message",        placeholder: "Project details..."}}
       imageSrc="http://img.b2bpic.net/free-photo/young-professional-enjoying-snack-home_23-2148499599.jpg"
     />
   </div>
@@ -343,29 +228,19 @@ export default function LandingPage() {
       logoText="PixelCraft"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1