From 0ce0aad22b0541971a93d91f2d982edf088961c6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 13:30:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 501 ++++++++++++++---------------------------------
 1 file changed, 146 insertions(+), 355 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7827e86..5169181 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,372 +20,163 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "How It Works",
-          id: "#about",
-        },
-        {
-          name: "Results",
-          id: "#metrics",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-      ]}
-      brandName="Fruntend"
-      button={{
-        text: "Apply Now",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "How It Works", id: "about" },
+              { name: "Results", id: "metrics" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="Fruntend"
+            button={{ text: "Apply Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Fruntend SES™"
-      description="How We Book 10–50+ Qualified Sales Meetings For B2B Companies Every Single Month — Without SDRs, Retainers, or Ads. Pay nothing until qualified meetings hit your calendar."
-      buttons={[
-        {
-          text: "Apply Now",
-          href: "#contact",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-home-office-using-financial-application-ui-pc-screen_482257-118892.jpg",
-          imageAlt: "Pipeline Metrics",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-with-pen-near-calendar-smartphone-cup-drink-eyeglasses_23-2148036888.jpg",
-          imageAlt: "Meeting Calendar",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/geometric-paper-object-collection_23-2148547792.jpg",
-          imageAlt: "Sales Funnel",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-workmates-discussing-business-strategy-startup-office-colleagues-working-project-planning-presentation-company-development-growth-brainstorming-ideas_482257-40347.jpg",
-          imageAlt: "Team Collaboration",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg",
-          imageAlt: "Conversion Charts",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
-          imageAlt: "Scaling Business",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="Fruntend SES™"
+            description="How We Book 10–50+ Qualified Sales Meetings For B2B Companies Every Single Month — Without SDRs, Retainers, or Ads. Pay nothing until qualified meetings hit your calendar."
+            buttons={[{ text: "Apply Now", href: "#contact" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-home-office-using-financial-application-ui-pc-screen_482257-118892.jpg", imageAlt: "Pipeline Metrics" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/hand-with-pen-near-calendar-smartphone-cup-drink-eyeglasses_23-2148036888.jpg", imageAlt: "Meeting Calendar" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/geometric-paper-object-collection_23-2148547792.jpg", imageAlt: "Sales Funnel" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-workmates-discussing-business-strategy-startup-office-colleagues-working-project-planning-presentation-company-development-growth-brainstorming-ideas_482257-40347.jpg", imageAlt: "Team Collaboration" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg", imageAlt: "Conversion Charts" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg", imageAlt: "Scaling Business" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Introducing The 5-Layer Sales Entry System™"
-      description="Most outbound dies because one piece is broken. We run all 5—Offer & Positioning, Strategy, Pre-sell Nurture, Funnel, and Execution—so meetings just land on your calendar. Predictable pipeline, zero downside."
-      imageSrc="http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103560.jpg"
-      imageAlt="Sales Entry System diagram"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="Introducing The 5-Layer Sales Entry System™"
+            description="Most outbound dies because one piece is broken. We run all 5—Offer & Positioning, Strategy, Pre-sell Nurture, Funnel, and Execution—so meetings just land on your calendar. Predictable pipeline, zero downside."
+            imageSrc="http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103560.jpg"
+            imageAlt="Sales Entry System diagram"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyNine
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "No Retainers",
-          description: "Pay only for qualified meetings booked on your calendar.",
-          imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
-          buttonText: "Learn More",
-        },
-        {
-          title: "No SDRs",
-          description: "We replace the need for internal SDR teams with our 5-Layer System.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-business-man-woman-working-desks_1262-14352.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/businessman-marking-calendar-appointment_53876-14778.jpg",
-          buttonText: "Learn More",
-        },
-        {
-          title: "Performance-Based",
-          description: "100% of the risk is on us. We carry the burden, you close the meetings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/connected-blocks-with-people-icons-networking-recruitment-human-resources-blockchain-concept_2100-1026.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-bowling-pins-ball_23-2150553060.jpg",
-          buttonText: "Learn More",
-        },
-      ]}
-      title="Why We're Different"
-      description="Stop bleeding money on SDRs and vague agency retainers."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyNine
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Why We're Different"
+            description="Stop bleeding money on SDRs and vague agency retainers."
+            features={[
+              { title: "No Retainers", description: "Pay only for qualified meetings booked on your calendar.", imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg", buttonText: "Learn More" },
+              { title: "No SDRs", description: "We replace the need for internal SDR teams with our 5-Layer System.", imageSrc: "http://img.b2bpic.net/free-photo/serious-business-man-woman-working-desks_1262-14352.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/businessman-marking-calendar-appointment_53876-14778.jpg", buttonText: "Learn More" },
+              { title: "Performance-Based", description: "100% of the risk is on us. We carry the burden, you close the meetings.", imageSrc: "http://img.b2bpic.net/free-photo/connected-blocks-with-people-icons-networking-recruitment-human-resources-blockchain-concept_2100-1026.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-bowling-pins-ball_23-2150553060.jpg", buttonText: "Learn More" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "$1M+",
-          title: "Pipeline Generated",
-          description: "Across our client base.",
-          icon: TrendingUp,
-        },
-        {
-          id: "m2",
-          value: "2,000+",
-          title: "Meetings Booked",
-          description: "With leading B2B brands.",
-          icon: Calendar,
-        },
-        {
-          id: "m3",
-          value: "50+",
-          title: "Clients Served",
-          description: "Across 10+ industries.",
-          icon: Building2,
-        },
-      ]}
-      title="Proven Outcomes"
-      description="Real clients, real pipeline, real results."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            title="Proven Outcomes"
+            description="Real clients, real pipeline, real results."
+            metrics={[
+              { id: "m1", value: "$1M+", title: "Pipeline Generated", description: "Across our client base.", icon: TrendingUp },
+              { id: "m2", value: "2,000+", title: "Meetings Booked", description: "With leading B2B brands.", icon: Calendar },
+              { id: "m3", value: "50+", title: "Clients Served", description: "Across 10+ industries.", icon: Building2 }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "r1",
-          brand: "BlueDiamond Digital",
-          name: "1 Month Pipeline Growth",
-          price: "$400k Pipeline",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-professionals-engaged-video-call-global-meeting-using-online-communication_482257-132361.jpg",
-        },
-        {
-          id: "r2",
-          brand: "More Exposure",
-          name: "10 Day Results",
-          price: "30 Meetings",
-          rating: 5,
-          reviewCount: "90+",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg",
-        },
-        {
-          id: "r3",
-          brand: "Brigins Digital",
-          name: "Pipeline Expansion",
-          price: "$125k Pipeline",
-          rating: 5,
-          reviewCount: "80+",
-          imageSrc: "http://img.b2bpic.net/free-photo/goals-target-aspiration-perforated-paper-graph_53876-30305.jpg",
-        },
-        {
-          id: "r4",
-          brand: "TechGroup Alpha",
-          name: "Q3 Lead Strategy",
-          price: "45 Meetings",
-          rating: 5,
-          reviewCount: "70+",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-reading-data-tablet_23-2149370610.jpg",
-        },
-        {
-          id: "r5",
-          brand: "Logistics Pro",
-          name: "New Pipeline",
-          price: "$210k Pipeline",
-          rating: 5,
-          reviewCount: "60+",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg",
-        },
-        {
-          id: "r6",
-          brand: "Creative Hub",
-          name: "Account Growth",
-          price: "12 Qualified Opps",
-          rating: 5,
-          reviewCount: "50+",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvvwo0",
-        },
-      ]}
-      title="Live Campaign Receipts"
-      description="Don't take our word for it. Straight from active client dashboards."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Live Campaign Receipts"
+            description="Don't take our word for it. Straight from active client dashboards."
+            products={[
+              { id: "r1", brand: "BlueDiamond Digital", name: "1 Month Pipeline Growth", price: "$400k Pipeline", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-professionals-engaged-video-call-global-meeting-using-online-communication_482257-132361.jpg" },
+              { id: "r2", brand: "More Exposure", name: "10 Day Results", price: "30 Meetings", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg" },
+              { id: "r3", brand: "Brigins Digital", name: "Pipeline Expansion", price: "$125k Pipeline", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/goals-target-aspiration-perforated-paper-graph_53876-30305.jpg" },
+              { id: "r4", brand: "TechGroup Alpha", name: "Q3 Lead Strategy", price: "45 Meetings", rating: 5, reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/person-reading-data-tablet_23-2149370610.jpg" },
+              { id: "r5", brand: "Logistics Pro", name: "New Pipeline", price: "$210k Pipeline", rating: 5, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg" },
+              { id: "r6", brand: "Creative Hub", name: "Account Growth", price: "12 Qualified Opps", rating: 5, reviewCount: "50+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvvwo0" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Joshua Daniel George",
-          role: "CEO",
-          company: "Marketing Agency",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg",
-        },
-        {
-          id: "t2",
-          name: "Laura Cavin",
-          role: "Consultant",
-          company: "Consulting Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
-        },
-        {
-          id: "t3",
-          name: "Marcus Thorne",
-          role: "Founder",
-          company: "Tech Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sarah Jenkins",
-          role: "Sales Lead",
-          company: "Growth Co",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
-        },
-        {
-          id: "t5",
-          name: "David Kim",
-          role: "Founder",
-          company: "Digital Media",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-diagram_23-2147669294.jpg",
-        },
-        {
-          id: "t6",
-          name: "Emily Watson",
-          role: "Entrepreneur",
-          company: "Watson Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg",
-        },
-      ]}
-      title="Proven By People Like You"
-      description="Founders who stopped chasing leads and started closing them."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            title="Proven By People Like You"
+            description="Founders who stopped chasing leads and started closing them."
+            testimonials={[
+              { id: "t1", name: "Joshua Daniel George", role: "CEO", company: "Marketing Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg" },
+              { id: "t2", name: "Laura Cavin", role: "Consultant", company: "Consulting Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg" },
+              { id: "t3", name: "Marcus Thorne", role: "Founder", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg" },
+              { id: "t4", name: "Sarah Jenkins", role: "Sales Lead", company: "Growth Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
+              { id: "t5", name: "David Kim", role: "Founder", company: "Digital Media", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-diagram_23-2147669294.jpg" },
+              { id: "t6", name: "Emily Watson", role: "Entrepreneur", company: "Watson Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "What does performance-based mean?",
-          content: "You only pay for qualified sales meetings that show up on your calendar. No retainers, no minimums.",
-        },
-        {
-          id: "f2",
-          title: "Is there a monthly fee?",
-          content: "No, just the one-time setup fee to maintain your infrastructure.",
-        },
-        {
-          id: "f3",
-          title: "How quickly will I see results?",
-          content: "Average kickoff to first meeting is 14-21 days.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/no-people-startup-company-office-used-work-business-strategy-showing-financial-charts-diagrams-computer-display-nobody-empty-desk-planning-management-data_482257-49895.jpg"
-      mediaPosition="right"
-      title="Honest Answers"
-      description="Your questions answered straight."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqsAnimation="slide-up"
+            title="Honest Answers"
+            description="Your questions answered straight."
+            imageSrc="http://img.b2bpic.net/free-photo/no-people-startup-company-office-used-work-business-strategy-showing-financial-charts-diagrams-computer-display-nobody-empty-desk-planning-management-data_482257-49895.jpg"
+            faqs={[
+              { id: "f1", title: "What does performance-based mean?", content: "You only pay for qualified sales meetings that show up on your calendar. No retainers, no minimums." },
+              { id: "f2", title: "Is there a monthly fee?", content: "No, just the one-time setup fee to maintain your infrastructure." },
+              { id: "f3", title: "How quickly will I see results?", content: "Average kickoff to first meeting is 14-21 days." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Q2 2026 Intake — Only 2 Spots Left"
-      description="Stop paying for promises. Start paying for meetings. Qualify now."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Work Email",
-          required: true,
-        },
-        {
-          name: "company",
-          type: "text",
-          placeholder: "Company URL",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "What are your meeting targets?",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/senior-business-man-shaking-hands-with-another-young-man_1262-784.jpg"
-      mediaPosition="left"
-      buttonText="Show Me If I Qualify"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Q2 2026 Intake — Only 2 Spots Left"
+            description="Stop paying for promises. Start paying for meetings. Qualify now."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Work Email", required: true },
+              { name: "company", type: "text", placeholder: "Company URL", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "What are your meeting targets?" }}
+            imageSrc="http://img.b2bpic.net/free-photo/senior-business-man-shaking-hands-with-another-young-man_1262-784.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "LinkedIn",
-              href: "https://linkedin.com",
-            },
-            {
-              label: "Twitter",
-              href: "https://twitter.com",
-            },
-          ],
-        },
-      ]}
-      logoText="Fruntend"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Fruntend"
+            columns={[
+              { items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
+              { items: [{ label: "LinkedIn", href: "https://linkedin.com" }, { label: "Twitter", href: "https://twitter.com" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1