From 274c5d07d2b9aa267b6882fb4d15fe76ec721f09 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 18:25:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 536 ++++++++++++-----------------------------------
 1 file changed, 129 insertions(+), 407 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 35d81db..dd589e8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,423 +20,145 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         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">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="SMM Pro"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="SMM Pro"
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" }
+            ]}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Level Up Your Social Presence Instantly"
-      description="The fastest, most reliable SMM panel for developers, agencies, and businesses. Get real results with our secure, lightning-fast automated services."
-      testimonials={[
-        {
-          name: "Alex J.",
-          handle: "@alexsmm",
-          testimonial: "The best delivery speed I've ever experienced. My engagement is up 300%!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-corporate-woman-beige-suit-standing-street-city-with-wireless-headphones_1258-194022.jpg",
-        },
-        {
-          name: "Maria K.",
-          handle: "@mariamk",
-          testimonial: "Incredible reliability. Customer support actually responds in minutes.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-2943.jpg",
-        },
-        {
-          name: "David T.",
-          handle: "@davidtech",
-          testimonial: "Seamless integration with our agency workflow. Simply unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-sitting-working-computer-pc_53876-31583.jpg",
-        },
-        {
-          name: "Sophie L.",
-          handle: "@sophiesocial",
-          testimonial: "Best service for scaling brand awareness quickly. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-graphics-tablet_1170-871.jpg",
-        },
-        {
-          name: "Kevin R.",
-          handle: "@kevinmarketing",
-          testimonial: "Consistent, real services that don't drop. This is the real deal.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#pricing",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
-          alt: "Modern and equipped computer lab",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
-          alt: "Empty startup office displays statistics",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg",
-          alt: "Man trading browsing online stock investments at night",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
-          alt: "Closeup of african american entrepreneur analyzing company profit",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-man-work-office-using-computer_171337-6828.jpg",
-          alt: "Handsome man work in office using computer.",
-        },
-      ]}
-      avatarText="Trusted by 50,000+ satisfied clients"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Level Up Your Social Presence Instantly"
+            description="The fastest, most reliable SMM panel for developers, agencies, and businesses. Get real results with our secure, lightning-fast automated services."
+            testimonials={[
+              { name: "Alex J.", handle: "@alexsmm", testimonial: "The best delivery speed I've ever experienced. My engagement is up 300%!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-corporate-woman-beige-suit-standing-street-city-with-wireless-headphones_1258-194022.jpg" },
+              { name: "Maria K.", handle: "@mariamk", testimonial: "Incredible reliability. Customer support actually responds in minutes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-2943.jpg" },
+              { name: "David T.", handle: "@davidtech", testimonial: "Seamless integration with our agency workflow. Simply unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-sitting-working-computer-pc_53876-31583.jpg" },
+              { name: "Sophie L.", handle: "@sophiesocial", testimonial: "Best service for scaling brand awareness quickly. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-graphics-tablet_1170-871.jpg" },
+              { name: "Kevin R.", handle: "@kevinmarketing", testimonial: "Consistent, real services that don't drop. This is the real deal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg" }
+            ]}
+            buttons={[{ text: "Get Started", href: "#pricing" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", alt: "Modern lab" },
+              { src: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", alt: "Startup office" },
+              { src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg", alt: "Trading" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", alt: "Entrepreneur" },
+              { src: "http://img.b2bpic.net/free-photo/handsome-man-work-office-using-computer_171337-6828.jpg", alt: "Office work" }
+            ]}
+            avatarText="Trusted by 50,000+ satisfied clients"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Delivering Growth Through Real Innovation",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-low-poly_1048-12443.jpg",
-          alt: "Connectivity",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Delivering Growth Through Real Innovation" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-low-poly_1048-12443.jpg", alt: "Connectivity" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Ultra-Fast Delivery",
-          descriptions: [
-            "Automated order processing ensures your service starts instantly.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-delivery-truck-transport-shipping-fast-deliver-carrier-logistics-icon-sign-symbol-ecommerce-concept-blue-background-3d-illustration_56104-1800.jpg",
-        },
-        {
-          id: "f2",
-          title: "Secure & Private",
-          descriptions: [
-            "Encrypted order processing with strict confidentiality.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883546.jpg",
-        },
-        {
-          id: "f3",
-          title: "24/7 Support",
-          descriptions: [
-            "Real humans ready to help whenever you need it.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/invoice-billing-information-form-graphic-concept_53876-125390.jpg",
-        },
-      ]}
-      title="Why Choose SMM Pro?"
-      description="Our platform combines advanced automation with verified user engagement to provide the most effective social media services."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Ultra-Fast Delivery", descriptions: ["Automated order processing ensures your service starts instantly."], imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-delivery-truck-transport-shipping-fast-deliver-carrier-logistics-icon-sign-symbol-ecommerce-concept-blue-background-3d-illustration_56104-1800.jpg" },
+              { id: "f2", title: "Secure & Private", descriptions: ["Encrypted order processing with strict confidentiality."], imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883546.jpg" },
+              { id: "f3", title: "24/7 Support", descriptions: ["Real humans ready to help whenever you need it."], imageSrc: "http://img.b2bpic.net/free-photo/invoice-billing-information-form-graphic-concept_53876-125390.jpg" }
+            ]}
+            title="Why Choose SMM Pro?"
+            description="Our platform combines advanced automation with verified user engagement to provide the most effective social media services."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Instagram",
-          name: "Followers Pack",
-          price: "$5.00",
-          rating: 5,
-          reviewCount: "1.2k",
-          imageSrc: "http://img.b2bpic.net/free-vector/creative-watch-logo-templates_23-2148958953.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Twitter",
-          name: "Retweets Pack",
-          price: "$3.00",
-          rating: 5,
-          reviewCount: "800",
-          imageSrc: "http://img.b2bpic.net/free-vector/medical-support-shield-background-with-protecting-layers_1017-24591.jpg",
-        },
-        {
-          id: "p3",
-          brand: "TikTok",
-          name: "Views Pack",
-          price: "$2.00",
-          rating: 5,
-          reviewCount: "2.5k",
-          imageSrc: "http://img.b2bpic.net/free-photo/earth-globe-internet-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1178.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Facebook",
-          name: "Likes Pack",
-          price: "$4.00",
-          rating: 5,
-          reviewCount: "500",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-fast-food-burger-french-fries-coffee_107791-17005.jpg",
-        },
-        {
-          id: "p5",
-          brand: "YouTube",
-          name: "Subscriber Pack",
-          price: "$10.00",
-          rating: 5,
-          reviewCount: "300",
-          imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Telegram",
-          name: "Member Pack",
-          price: "$6.00",
-          rating: 5,
-          reviewCount: "1.1k",
-          imageSrc: "http://img.b2bpic.net/free-photo/outgoing-call-icon-blue-phone-with-arrow_187299-46556.jpg",
-        },
-      ]}
-      title="Our Best Services"
-      description="We offer a wide range of services to boost your social media footprint."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Instagram", name: "Followers Pack", price: "$5.00", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-vector/creative-watch-logo-templates_23-2148958953.jpg" },
+              { id: "p2", brand: "Twitter", name: "Retweets Pack", price: "$3.00", rating: 5, reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-vector/medical-support-shield-background-with-protecting-layers_1017-24591.jpg" },
+              { id: "p3", brand: "TikTok", name: "Views Pack", price: "$2.00", rating: 5, reviewCount: "2.5k", imageSrc: "http://img.b2bpic.net/free-photo/earth-globe-internet-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1178.jpg" },
+              { id: "p4", brand: "Facebook", name: "Likes Pack", price: "$4.00", rating: 5, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-fast-food-burger-french-fries-coffee_107791-17005.jpg" },
+              { id: "p5", brand: "YouTube", name: "Subscriber Pack", price: "$10.00", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg" },
+              { id: "p6", brand: "Telegram", name: "Member Pack", price: "$6.00", rating: 5, reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/outgoing-call-icon-blue-phone-with-arrow_187299-46556.jpg" }
+            ]}
+            title="Our Best Services"
+            description="We offer a wide range of services to boost your social media footprint."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          badge: "Starter",
-          price: "$25",
-          subtitle: "Perfect for beginners",
-          features: [
-            "Basic Analytics",
-            "10,000 Credits",
-            "24/7 Support",
-          ],
-          buttons: [
-            {
-              text: "Buy Now",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Pro",
-          price: "$99",
-          subtitle: "For serious creators",
-          features: [
-            "Advanced Analytics",
-            "50,000 Credits",
-            "Priority Support",
-          ],
-          buttons: [
-            {
-              text: "Buy Now",
-            },
-          ],
-        },
-        {
-          id: "enterprise",
-          badge: "Enterprise",
-          price: "$299",
-          subtitle: "For agencies",
-          features: [
-            "Custom Solutions",
-            "Unlimited Credits",
-            "Dedicated Manager",
-          ],
-          buttons: [
-            {
-              text: "Contact Us",
-            },
-          ],
-        },
-      ]}
-      title="Simple Transparent Pricing"
-      description="Whether you are starting or scaling, we have a plan for everyone."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "basic", badge: "Starter", price: "$25", subtitle: "Perfect for beginners", features: ["Basic Analytics", "10,000 Credits", "24/7 Support"], buttons: [{ text: "Buy Now" }] },
+              { id: "pro", badge: "Pro", price: "$99", subtitle: "For serious creators", features: ["Advanced Analytics", "50,000 Credits", "Priority Support"], buttons: [{ text: "Buy Now" }] },
+              { id: "enterprise", badge: "Enterprise", price: "$299", subtitle: "For agencies", features: ["Custom Solutions", "Unlimited Credits", "Dedicated Manager"], buttons: [{ text: "Contact Us" }] }
+            ]}
+            title="Simple Transparent Pricing"
+            description="Whether you are starting or scaling, we have a plan for everyone."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "1.2M+",
-          description: "Orders Completed",
-        },
-        {
-          id: "m2",
-          value: "50k+",
-          description: "Happy Clients",
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          description: "Uptime",
-        },
-      ]}
-      title="Trusted by Thousands"
-      description="Our numbers speak for themselves."
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is the service safe?", content: "Absolutely. We use secure delivery methods compliant with platform policies." },
+              { id: "q2", title: "How long do orders take?", content: "Most orders start processing within seconds." },
+              { id: "q3", title: "Do you offer refunds?", content: "Yes, if the service isn't delivered as promised, we offer full refunds." }
+            ]}
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/businesswoman-headset-using-laptop_74855-2596.jpg"
+            title="Frequently Asked Questions"
+            description="Find answers to your most burning questions."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Game Changer",
-          quote: "I've tried many panels, but SMM Pro is on another level.",
-          name: "Alice P.",
-          role: "Influencer",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg",
-        },
-        {
-          id: "t2",
-          title: "Top Tier",
-          quote: "Consistency is key and SMM Pro delivers every time.",
-          name: "Bob V.",
-          role: "Marketer",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-smiling-while-looking-her-laptop-vintage-coffee-shop-enjoying-herself-while-sitting-bar-counter_482257-25760.jpg",
-        },
-        {
-          id: "t3",
-          title: "Reliable",
-          quote: "Never had an issue with any orders, very professional.",
-          name: "Charlie B.",
-          role: "Business Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-using-laptop-coffee-shop_1170-2323.jpg",
-        },
-        {
-          id: "t4",
-          title: "Great Support",
-          quote: "The support team is just amazing, so helpful.",
-          name: "Danielle S.",
-          role: "Creator",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg",
-        },
-        {
-          id: "t5",
-          title: "Scale Fast",
-          quote: "Perfectly helped me scale my accounts in just a week.",
-          name: "Eric M.",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Real testimonials from real people."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Join Us"
+            title="Get Started Today"
+            description="Sign up to access our full catalog of services."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is the service safe?",
-          content: "Absolutely. We use secure delivery methods compliant with platform policies.",
-        },
-        {
-          id: "q2",
-          title: "How long do orders take?",
-          content: "Most orders start processing within seconds.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer refunds?",
-          content: "Yes, if the service isn't delivered as promised, we offer full refunds.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-headset-using-laptop_74855-2596.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Find answers to your most burning questions."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Join Us"
-      title="Get Started Today"
-      description="Sign up to access our full catalog of services."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="SMM Pro"
-      leftLink={{
-        text: "Terms",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="SMM Pro"
+            leftLink={{ text: "Terms", href: "#" }}
+            rightLink={{ text: "Privacy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1