From 1727b84fd13557cbc29c59ea5f9b51a86d5943fb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 16:52:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 150 +++++++++++++++++------------------------------
 1 file changed, 54 insertions(+), 96 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8d00062..1631ecb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,14 +6,14 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TeamCardFive from "@/components/sections/team/TeamCardFive";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
+import { Sparkles, Search, ArrowUpRight, Zap, TrendingUp, Award, CheckCircle } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -33,9 +33,9 @@ export default function WebAgency2Page() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
+            { name: "Plans", id: "plans" },
             { name: "Results", id: "results" },
             { name: "Services", id: "services" },
-            { name: "About", id: "about" },
             { name: "Contact", id: "contact" },
           ]}
           button={{ text: "Get Free Quote", href: "#contact" }}
@@ -66,74 +66,59 @@ export default function WebAgency2Page() {
           ]}
           carouselItemClassName="!aspect-[4/5]"
         />
-        <FeatureBento
-          title="Our Scheduled Services"
-          description="Transparent planning, iterative growth, and clear milestones for every client."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          buttons={[{ text: "Book a Session", href: "#contact" }]}
-          buttonAnimation="slide-up"
-          features={[
-            {
-              title: "Strategy Planning",              description: "Scheduled deep-dives into your business goals to map your digital roadmap.",              bentoComponent: "marquee",              centerIcon: Search,
-              variant: "text",              texts: ["Discovery", "Auditing", "Roadmapping", "Targeting", "Growth Plan", "Competitor Analysis"],
-            },
-            {
-              title: "Implementation",              description: "Agile development cycles ensuring consistent progress from day one.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-presenting-new-strategy-plans-whiteboard-her-colleagues-covid19-pandemic_637285-10663.jpg", imageAlt: "Development workflow" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/focus-lines-code-laptop-screen-used-by-data-center-engineers_482257-117920.jpg", imageAlt: "Code quality assurance" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/male-system-engineer-analyzing-big-data-computer-checking-cloud-computing-network-digital-servers-young-it-technician-inspecting-modern-data-center-digitalization-handheld-shot_482257-59941.jpg", imageAlt: "System deployment" },
-              ],
-            },
-            {
-              title: "Maintenance",              description: "Ongoing support to ensure peak performance and security after launch.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg", imageAlt: "Monitoring systems" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg", imageAlt: "Security patching" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904328.jpg", imageAlt: "Optimization updates" },
-              ],
-            },
-          ]}
-        />
-        <FeatureCardTwentySix
-          title="Before & After Results"
-          description="See how our structured approach creates tangible business improvements."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "See Full Portfolio", href: "#work" }]}
-          buttonAnimation="slide-up"
-          cardClassName="!h-auto aspect-video"
-          features={[
-            {
-              title: "Fashion Retailer",              description: "Conversion increase by 45% post-redesign",              imageSrc: "http://img.b2bpic.net/free-photo/sales-promotion-fashion-shopping-discount_53876-123615.jpg",              imageAlt: "Fashion e-commerce comparison",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
-            {
-              title: "Legal Firm",              description: "Traffic growth through SEO restructuring",              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lawyer-environment_23-2151152218.jpg",              imageAlt: "Legal service branding shift",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
-            {
-              title: "Tech Startup",              description: "User retention improved by 30%",              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004294.jpg",              imageAlt: "SaaS UX overhaul",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
-            {
-              title: "Hospitality Group",              description: "Mobile booking speed improved by 60%",              imageSrc: "http://img.b2bpic.net/free-photo/man-woman-checking-their-phones-even-their-bathroom_23-2149017790.jpg",              imageAlt: "Hospitality mobile results",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
-          ]}
-        />
+        <div id="plans">
+           <PricingCardOne
+             title="Transparent Service Plans"
+             description="Clear, milestone-driven packages to scale your digital presence."
+             animationType="slide-up"
+             textboxLayout="default"
+             useInvertedBackground={false}
+             plans={[
+               { id: "basic", badge: "Start", badgeIcon: CheckCircle, price: "$1,999", subtitle: "Essential growth foundation", features: ["Strategy audit", "Landing page design", "SEO basics"] },
+               { id: "pro", badge: "Scaling", badgeIcon: CheckCircle, price: "$4,999", subtitle: "Comprehensive performance", features: ["Full site architecture", "Development sprints", "Performance monitoring"] },
+               { id: "custom", badge: "Enterprise", badgeIcon: CheckCircle, price: "Custom", subtitle: "Tailored high-scale solution", features: ["Dedicated strategy lead", "Ongoing maintenance", "Custom development"] }
+             ]}
+           />
+        </div>
+        <div id="results">
+          <FeatureCardTwentySix
+            title="Before & After Results"
+            description="See how our structured approach creates tangible business improvements."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            features={[
+              { title: "Fashion Retailer", description: "Conversion increase by 45% post-redesign", imageSrc: "http://img.b2bpic.net/free-photo/sales-promotion-fashion-shopping-discount_53876-123615.jpg", imageAlt: "Fashion e-commerce comparison", buttonIcon: ArrowUpRight, buttonHref: "#" },
+              { title: "Legal Firm", description: "Traffic growth through SEO restructuring", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lawyer-environment_23-2151152218.jpg", imageAlt: "Legal service branding shift", buttonIcon: ArrowUpRight, buttonHref: "#" },
+              { title: "Tech Startup", description: "User retention improved by 30%", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004294.jpg", imageAlt: "SaaS UX overhaul", buttonIcon: ArrowUpRight, buttonHref: "#" },
+              { title: "Hospitality Group", description: "Mobile booking speed improved by 60%", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-checking-their-phones-even-their-bathroom_23-2149017790.jpg", imageAlt: "Hospitality mobile results", buttonIcon: ArrowUpRight, buttonHref: "#" },
+            ]}
+          />
+        </div>
+        <div id="services">
+          <FeatureBento
+            title="Our Scheduled Services"
+            description="Transparent planning, iterative growth, and clear milestones for every client."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            buttons={[{ text: "Book a Session", href: "#contact" }]}
+            features={[
+              { title: "Strategy Planning", description: "Scheduled deep-dives into your business goals to map your digital roadmap.", bentoComponent: "marquee", centerIcon: Search, variant: "text", texts: ["Discovery", "Auditing", "Roadmapping", "Targeting", "Growth Plan", "Competitor Analysis"] },
+              { title: "Implementation", description: "Agile development cycles ensuring consistent progress from day one.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-presenting-new-strategy-plans-whiteboard-her-colleagues-covid19-pandemic_637285-10663.jpg", imageAlt: "Workflow" }, { imageSrc: "http://img.b2bpic.net/free-photo/focus-lines-code-laptop-screen-used-by-data-center-engineers_482257-117920.jpg", imageAlt: "Code" }, { imageSrc: "http://img.b2bpic.net/free-photo/male-system-engineer-analyzing-big-data-computer-checking-cloud-computing-network-digital-servers-young-it-technician-inspecting-modern-data-center-digitalization-handheld-shot_482257-59941.jpg", imageAlt: "Deploy" }] },
+              { title: "Maintenance", description: "Ongoing support to ensure peak performance and security after launch.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg", imageAlt: "Monitor" }, { imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg", imageAlt: "Patch" }, { imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904328.jpg", imageAlt: "Optimize" }] },
+            ]}
+          />
+        </div>
         <TestimonialCardFifteen
           testimonial="The schedule-driven approach gave us complete clarity on our project's progress. Seeing the 'before' mess transform into the 'after' success was incredible."
           rating={5}
           author="— Elena V., Founder at Global Retail"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", alt: "Client" },
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
+          avatars={[{ src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", alt: "Client" }]}
         />
         <MetricCardOne
           title="Performance Metrics"
           description="Tangible results driven by scheduled design and engineering sprints."
-          textboxLayout="default"
-          useInvertedBackground={false}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           metrics={[
@@ -145,21 +130,16 @@ export default function WebAgency2Page() {
         <TeamCardFive
           title="Our Team Architecture"
           description="Built to support your scheduled growth."
-          textboxLayout="default"
-          useInvertedBackground={false}
           animationType="slide-up"
-          mediaClassName="object-[65%_center]"
           team={[
-            { id: "1", name: "Alex Rivers", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg", imageAlt: "Strategy Lead" },
-            { id: "2", name: "Jamie Chen", role: "Design Director", imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg", imageAlt: "Design Director" },
-            { id: "3", name: "Taylor Scott", role: "Technical Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg", imageAlt: "Technical Lead" },
+            { id: "1", name: "Alex Rivers", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg" },
+            { id: "2", name: "Jamie Chen", role: "Design Director", imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg" },
+            { id: "3", name: "Taylor Scott", role: "Technical Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg" },
           ]}
         />
         <FaqBase
           title="How We Work"
           description="Understand the process behind your project's success."
-          textboxLayout="default"
-          useInvertedBackground={false}
           faqsAnimation="slide-up"
           faqs={[
             { id: "1", title: "How do you manage project scheduling?", content: "We break every project into 2-week sprints, ensuring you always know exactly what is being delivered and when." },
@@ -178,36 +158,14 @@ export default function WebAgency2Page() {
             { text: "View Case Studies", href: "#results" },
           ]}
           buttonAnimation="slide-up"
-          useInvertedBackground={false}
         />
         <FooterBase
           logoText="Webild"
           copyrightText="© 2026 | Webild"
           columns={[
-            {
-              title: "Platform",              items: [
-                { label: "Results", href: "#results" },
-                { label: "Services", href: "#services" },
-                { label: "Process", href: "#" },
-                { label: "Contact", href: "#contact" },
-              ],
-            },
-            {
-              title: "Solutions",              items: [
-                { label: "UI/UX Audit", href: "#" },
-                { label: "Development", href: "#" },
-                { label: "SEO Scaling", href: "#" },
-                { label: "Branding", href: "#" },
-              ],
-            },
-            {
-              title: "Support",              items: [
-                { label: "Get a Quote", href: "#contact" },
-                { label: "Documentation", href: "#" },
-                { label: "Status", href: "#" },
-                { label: "Privacy", href: "#" },
-              ],
-            },
+            { title: "Platform", items: [{ label: "Plans", href: "#plans" }, { label: "Results", href: "#results" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
+            { title: "Solutions", items: [{ label: "UI/UX Audit", href: "#" }, { label: "Development", href: "#" }, { label: "SEO Scaling", href: "#" }, { label: "Branding", href: "#" }] },
+            { title: "Support", items: [{ label: "Get a Quote", href: "#contact" }, { label: "Documentation", href: "#" }, { label: "Privacy", href: "#" }] },
           ]}
         />
       </ReactLenis>
-- 
2.49.1