From f8c3cbc9e26e3ab88e6facf116bc50307d50fa2c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 11:25:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 267 ++++++++---------------------------------------
 1 file changed, 45 insertions(+), 222 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5ca6c16..93bf050 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,105 +31,45 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Features", id: "features" },
+        { name: "Products", id: "products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="MR POP"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Make Things Pop."
       description="Transforming your brand experience with vibrant, high-energy designs that stand out in the digital noise."
       kpis={[
-        {
-          value: "100+",
-          label: "Projects Done",
-        },
-        {
-          value: "95%",
-          label: "Retention Rate",
-        },
-        {
-          value: "24/7",
-          label: "Creative Support",
-        },
+        { value: "100+", label: "Projects Done" },
+        { value: "95%", label: "Retention Rate" },
+        { value: "24/7", label: "Creative Support" },
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-rendered-design-elements-arrangement_23-2148996770.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-colorful-paper-shapes_23-2148428593.jpg",
-          alt: "Portrait of creative director",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/abstract-3d-design-elements-arrangement_23-2148996801.jpg",
-          alt: "Portrait of senior designer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-rendered-design-elements-arrangement_23-2148996769.jpg",
-          alt: "Portrait of project manager",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-made-abstract-geometric-shapes_23-2150300238.jpg",
-          alt: "Portrait of motion artist",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/corporate-employee-wearing-formal-suit-having-fun-startup-office_482257-77721.jpg",
-          alt: "Portrait of brand strategist",
-        },
+        { src: "http://img.b2bpic.net/free-photo/top-view-colorful-paper-shapes_23-2148428593.jpg", alt: "Portrait of creative director" },
+        { src: "http://img.b2bpic.net/free-photo/abstract-3d-design-elements-arrangement_23-2148996801.jpg", alt: "Portrait of senior designer" },
+        { src: "http://img.b2bpic.net/free-photo/3d-rendered-design-elements-arrangement_23-2148996769.jpg", alt: "Portrait of project manager" },
+        { src: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-made-abstract-geometric-shapes_23-2150300238.jpg", alt: "Portrait of motion artist" },
+        { src: "http://img.b2bpic.net/free-photo/corporate-employee-wearing-formal-suit-having-fun-startup-office_482257-77721.jpg", alt: "Portrait of brand strategist" },
       ]}
       avatarText="Our core team of creatives"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Brand Strategy",
-        },
-        {
-          type: "text",
-          text: "Motion Graphics",
-        },
-        {
-          type: "text",
-          text: "UX/UI Design",
-        },
-        {
-          type: "text",
-          text: "Content Creation",
-        },
-        {
-          type: "text",
-          text: "Digital Identity",
-        },
+        { type: "text", text: "Brand Strategy" },
+        { type: "text", text: "Motion Graphics" },
+        { type: "text", text: "UX/UI Design" },
+        { type: "text", text: "Content Creation" },
+        { type: "text", text: "Digital Identity" },
       ]}
     />
   </div>
@@ -149,27 +89,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Design Strategy",
-          description: "Tailored strategies that align with your business goals perfectly.",
-          tag: "Strategy",
-          imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg",
-        },
-        {
-          id: "f2",
-          title: "Brand Identity",
-          description: "Comprehensive branding solutions that make your name unforgettable.",
-          tag: "Brand",
-          imageSrc: "http://img.b2bpic.net/free-photo/macro-usb-type-c-port-neon-light-connector-closeup_169016-71437.jpg",
-        },
-        {
-          id: "f3",
-          title: "Digital Assets",
-          description: "Engaging assets optimized for high performance and visual impact.",
-          tag: "Digital",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-businessman-doing-sport-with-stats_23-2150040521.jpg",
-        },
+        { id: "f1", title: "Design Strategy", description: "Tailored strategies that align with your business goals perfectly.", tag: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg" },
+        { id: "f2", title: "Brand Identity", description: "Comprehensive branding solutions that make your name unforgettable.", tag: "Brand", imageSrc: "http://img.b2bpic.net/free-photo/macro-usb-type-c-port-neon-light-connector-closeup_169016-71437.jpg" },
+        { id: "f3", title: "Digital Assets", description: "Engaging assets optimized for high performance and visual impact.", tag: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/side-view-businessman-doing-sport-with-stats_23-2150040521.jpg" },
       ]}
       title="Our Strengths"
       description="Key capabilities that define our studio and ensure excellence in every delivery."
@@ -181,61 +103,14 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
+      animationType="slide-up"
       products={[
-        {
-          id: "p1",
-          brand: "Studio",
-          name: "Basic Identity Package",
-          price: "$1,500",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10556.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Studio",
-          name: "Digital Motion Pack",
-          price: "$2,200",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/three-black-ducks_23-2147680069.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Studio",
-          name: "Full Brand Relaunch",
-          price: "$5,000",
-          rating: 5,
-          reviewCount: "25",
-          imageSrc: "http://img.b2bpic.net/free-photo/good-food-defenses-against-illness_23-2149165844.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Studio",
-          name: "Web Asset Suite",
-          price: "$3,000",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-golden-shopping-cart-with-white-glitter_23-2148667022.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Studio",
-          name: "Custom Illustration",
-          price: "$1,200",
-          rating: 5,
-          reviewCount: "9",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-candle_23-2149707897.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Studio",
-          name: "Social Campaign Kit",
-          price: "$1,800",
-          rating: 5,
-          reviewCount: "11",
-          imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light-arrangement_23-2149835478.jpg",
-        },
+        { id: "p1", brand: "Studio", name: "Basic Identity Package", price: "$1,500", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10556.jpg" },
+        { id: "p2", brand: "Studio", name: "Digital Motion Pack", price: "$2,200", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/three-black-ducks_23-2147680069.jpg" },
+        { id: "p3", brand: "Studio", name: "Full Brand Relaunch", price: "$5,000", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/good-food-defenses-against-illness_23-2149165844.jpg" },
+        { id: "p4", brand: "Studio", name: "Web Asset Suite", price: "$3,000", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-golden-shopping-cart-with-white-glitter_23-2148667022.jpg" },
+        { id: "p5", brand: "Studio", name: "Custom Illustration", price: "$1,200", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-candle_23-2149707897.jpg" },
+        { id: "p6", brand: "Studio", name: "Social Campaign Kit", price: "$1,800", rating: 5, reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light-arrangement_23-2149835478.jpg" },
       ]}
       title="Curated Services"
       description="Choose from our specialized creative services to elevate your brand to the next level."
@@ -249,21 +124,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          description: "Creative Concepts Developed",
-        },
-        {
-          id: "m2",
-          value: "50+",
-          description: "Happy Clients Served",
-        },
-        {
-          id: "m3",
-          value: "10+",
-          description: "Design Awards Won",
-        },
+        { id: "m1", value: "150+", description: "Creative Concepts Developed" },
+        { id: "m2", value: "50+", description: "Happy Clients Served" },
+        { id: "m3", value: "10+", description: "Design Awards Won" },
       ]}
       title="By the Numbers"
       description="Proven results that speak volumes about our creative expertise and client dedication."
@@ -274,31 +137,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alex Rivet",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-against-gray-background_23-2147943800.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579722.jpg",
-        },
-        {
-          id: "t3",
-          name: "James Bond",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-works-with-phone-leani_613910-16279.jpg",
-        },
-        {
-          id: "t4",
-          name: "Emily Rose",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-positiveness-happiness-concept-glad-smiling-male-teenager-wears-big-spectacles-being-happy_273609-8656.jpg",
-        },
-        {
-          id: "t5",
-          name: "Mike Ross",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",
-        },
+        { id: "t1", name: "Alex Rivet", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-against-gray-background_23-2147943800.jpg" },
+        { id: "t2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579722.jpg" },
+        { id: "t3", name: "James Bond", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-works-with-phone-leani_613910-16279.jpg" },
+        { id: "t4", name: "Emily Rose", imageSrc: "http://img.b2bpic.net/free-photo/people-positiveness-happiness-concept-glad-smiling-male-teenager-wears-big-spectacles-being-happy_273609-8656.jpg" },
+        { id: "t5", name: "Mike Ross", imageSrc: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg" },
       ]}
       cardTitle="Client Voices"
       cardTag="Testimonials"
@@ -311,21 +154,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How do we start?",
-          content: "Simply reach out via our contact form and we'll schedule a discovery call.",
-        },
-        {
-          id: "q2",
-          title: "What is your typical turnaround?",
-          content: "Most projects are completed within 2 to 4 weeks depending on complexity.",
-        },
-        {
-          id: "q3",
-          title: "Can you handle large branding tasks?",
-          content: "Absolutely, we specialize in full brand redesigns and large-scale creative rollouts.",
-        },
+        { id: "q1", title: "How do we start?", content: "Simply reach out via our contact form and we'll schedule a discovery call." },
+        { id: "q2", title: "What is your typical turnaround?", content: "Most projects are completed within 2 to 4 weeks depending on complexity." },
+        { id: "q3", title: "Can you handle large branding tasks?", content: "Absolutely, we specialize in full brand redesigns and large-scale creative rollouts." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/colon-punctuation-mark-left-side-with-white-background_187299-39766.jpg"
       title="Common Questions"
@@ -338,9 +169,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Let's Connect"
       title="Ready to Pop?"
       description="Let's create something iconic together. Send us a message to kick off your project."
@@ -352,14 +181,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="MR POP"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Use",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Use", href: "#" }}
     />
   </div>
       </ReactLenis>
-- 
2.49.1