From e127b8266fb63fa7a4b654bdf4080d12e0cf26ed Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 06:31:59 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac2270a..7487f66 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
       ]}
       brandName="Webild"
     />
@@ -50,68 +44,45 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Generate Websites Instantly, Customize to Perfection."
       description="Transform your ideas into professional websites in seconds. Experience a seamless building process powered by modern tech."
       tag="Idea to Website"
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"
       imageAlt="Futuristic website building platform interface"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1121.jpg",
-          alt: "User 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1121.jpg",          alt: "User 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg",
-          alt: "User 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg",          alt: "User 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-          alt: "User 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",          alt: "User 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg",
-          alt: "User 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg",          alt: "User 4"},
         {
-          src: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg",
-          alt: "User 5",
-        },
+          src: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg",          alt: "User 5"},
       ]}
       avatarText="Join 50,000+ happy creators"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Rapid Scaling",
-          icon: Zap,
+          type: "text-icon",          text: "Rapid Scaling",          icon: Zap,
         },
         {
-          type: "text-icon",
-          text: "AI Optimization",
-          icon: Star,
+          type: "text-icon",          text: "AI Optimization",          icon: Star,
         },
         {
-          type: "text-icon",
-          text: "Design Precision",
-          icon: Palette,
+          type: "text-icon",          text: "Design Precision",          icon: Palette,
         },
         {
-          type: "text-icon",
-          text: "Secure Hosting",
-          icon: Shield,
+          type: "text-icon",          text: "Secure Hosting",          icon: Shield,
         },
         {
-          type: "text-icon",
-          text: "Custom Domains",
-          icon: Globe,
+          type: "text-icon",          text: "Custom Domains",          icon: Globe,
         },
       ]}
     />
@@ -124,55 +95,31 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Instant Generation",
-          description: "Create layouts automatically using our advanced AI engine.",
-          icon: Zap,
+          title: "Instant Generation",          description: "Create layouts automatically using our advanced AI engine.",          icon: Zap,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg?_wi=1",
-              imageAlt: "Instant generation tool",
-            },
+              imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg",              imageAlt: "Instant generation tool"},
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg?_wi=1",
-              imageAlt: "Automated results",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=2",
-          imageAlt: "digital dashboard software",
+              imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg",              imageAlt: "Automated results"},
+          ]
         },
         {
-          title: "Perfect Customization",
-          description: "Fine-tune every element to match your brand identity exactly.",
-          icon: Palette,
+          title: "Perfect Customization",          description: "Fine-tune every element to match your brand identity exactly.",          icon: Palette,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg?_wi=2",
-              imageAlt: "Customization dashboard",
-            },
+              imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg",              imageAlt: "Customization dashboard"},
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=1",
-              imageAlt: "Design editing tools",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg?_wi=2",
-          imageAlt: "website building tools",
+              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg",              imageAlt: "Design editing tools"},
+          ]
         },
         {
-          title: "AI Powered",
-          description: "Leverage machine learning to optimize user experience and layout.",
-          icon: Star,
+          title: "AI Powered",          description: "Leverage machine learning to optimize user experience and layout.",          icon: Star,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=2",
-              imageAlt: "AI intelligence",
-            },
+              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg",              imageAlt: "AI intelligence"},
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg?_wi=3",
-              imageAlt: "Smart layout",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg?_wi=3",
-          imageAlt: "coding automation ui",
+              imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg",              imageAlt: "Smart layout"},
+          ]
         },
       ]}
       title="Everything You Need to Build"
@@ -184,28 +131,14 @@ export default function LandingPage() {
       <MetricCardTen
       animationType="slide-up"
       useInvertedBackground={false}
+      textboxLayout="centered"
       metrics={[
         {
-          id: "m1",
-          title: "Websites Built",
-          subtitle: "Total projects generated",
-          category: "Engagement",
-          value: "50,000+",
-        },
+          id: "m1",          title: "Websites Built",          subtitle: "Total projects generated",          category: "Engagement",          value: "50,000+"},
         {
-          id: "m2",
-          title: "Time Saved",
-          subtitle: "Average hours per project",
-          category: "Efficiency",
-          value: "12 hrs",
-        },
+          id: "m2",          title: "Time Saved",          subtitle: "Average hours per project",          category: "Efficiency",          value: "12 hrs"},
         {
-          id: "m3",
-          title: "User Satisfaction",
-          subtitle: "Customer ratings",
-          category: "Quality",
-          value: "4.9/5",
-        },
+          id: "m3",          title: "User Satisfaction",          subtitle: "Customer ratings",          category: "Quality",          value: "4.9/5"},
       ]}
       title="Platform Impact"
       description="Trusted by creators and businesses worldwide."
@@ -219,40 +152,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          testimonial: "Webild completely transformed how we approach our web development projects.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1121.jpg",
-        },
+          id: "1",          name: "Sarah Johnson",          role: "CEO",          testimonial: "Webild completely transformed how we approach our web development projects.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1121.jpg"},
         {
-          id: "2",
-          name: "Michael Chen",
-          role: "CTO",
-          testimonial: "The customization capabilities are simply unmatched in the market today.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg?_wi=1",
-        },
+          id: "2",          name: "Michael Chen",          role: "CTO",          testimonial: "The customization capabilities are simply unmatched in the market today.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Marketing Director",
-          testimonial: "I built our entire marketing site in minutes. Truly revolutionary.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-        },
+          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director",          testimonial: "I built our entire marketing site in minutes. Truly revolutionary.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
         {
-          id: "4",
-          name: "David Kim",
-          role: "Product Manager",
-          testimonial: "Fast, reliable, and incredibly intuitive. A game changer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg",
-        },
+          id: "4",          name: "David Kim",          role: "Product Manager",          testimonial: "Fast, reliable, and incredibly intuitive. A game changer.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg"},
         {
-          id: "5",
-          name: "Alex Rivera",
-          role: "Full Stack Dev",
-          testimonial: "The export options are fantastic, I can take my site anywhere I want.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg?_wi=2",
-        },
+          id: "5",          name: "Alex Rivera",          role: "Full Stack Dev",          testimonial: "The export options are fantastic, I can take my site anywhere I want.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg"},
       ]}
       title="What Our Creators Say"
       description="Hear from the professionals building the future with Webild."
@@ -264,20 +172,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How does it work?",
-          content: "Our engine uses pre-trained models to translate your ideas into fully functional websites.",
-        },
+          id: "f1",          title: "How does it work?",          content: "Our engine uses pre-trained models to translate your ideas into fully functional websites."},
         {
-          id: "f2",
-          title: "Can I edit the code?",
-          content: "Yes, you can export your projects to use them anywhere.",
-        },
+          id: "f2",          title: "Can I edit the code?",          content: "Yes, you can export your projects to use them anywhere."},
         {
-          id: "f3",
-          title: "What about hosting?",
-          content: "We offer integrated hosting solutions for all generated sites.",
-        },
+          id: "f3",          title: "What about hosting?",          content: "We offer integrated hosting solutions for all generated sites."},
       ]}
       sideTitle="Questions? We're Here."
       sideDescription="Get answers to frequently asked questions about our generation platform."
@@ -289,8 +188,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get Started"
       title="Ready to Build Your Dream Site?"
       description="Sign up today and get exclusive access to our premium features."
@@ -305,25 +203,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
           ],
         },
         {
           items: [
             {
-              label: "Support",
-              href: "#",
-            },
+              label: "Support",              href: "#"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
       ]}
-- 
2.49.1