From 600124adddabcfff5f87e598fd6bb0dff03d0255 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 19:04:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 115 +++++++++++++++++------------------------------
 1 file changed, 42 insertions(+), 73 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c742a6c..8af209f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,98 +1,67 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+'use client';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
-export default function LandingPage() {
+const navItems = [{ name: 'Home', id: '/' }];
+
+export default function Page() {
   return (
-    <ThemeProvider
-      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="compact"
-      sizing="mediumLarge"
-      background="blurBottom"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="diagonal-gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="medium"
-    >
+    <ThemeProvider>
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
-          brandName="Battla Impex"
-          navItems={[
-            { name: "Process", id: "#process" },
-            { name: "Partners", id: "#partners" },
-            { name: "Capabilities", id: "#capabilities" }
-          ]}
-        />
+        <NavbarLayoutFloatingOverlay navItems={navItems} />
       </div>
-
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Battla Impex"
-          description="A world-class textile and manufacturing partner for the industry’s most iconic fashion brands."
-          buttons={[{ text: "Experience Our Process", href: "#process" }]}
-          mediaAnimation="opacity"
-          imageSrc="http://img.b2bpic.net/free-photo/still-life-waving-fabric-air_23-2151036763.jpg"
-          imageAlt="Luxurious silk flowing"
+        <HeroLogoBillboard 
+          logoText="Webild"
+          description="Build your next generation website with our platform."
+          buttons={[{ text: "Get Started", href: "#" }]}
         />
       </div>
-
       <div id="partners" data-section="partners">
-        <SocialProofOne
-          title="Our Partners in Style"
-          description="The standards we set are the reasons these giants trust us with their collections."
-          names={["J.", "SAPPHIRE", "EDENROBE", "DINERS", "KHAADI", "NISHAT", "BONANZA"]}
-          textboxLayout="default"
-          useInvertedBackground={false}
+        <SocialProofOne 
+          names={["Google", "Microsoft", "Amazon", "Meta", "Apple"]}
+          title="Trusted by Industry Leaders"
         />
       </div>
-
       <div id="capabilities" data-section="capabilities">
-        <FeatureCardThree
-          title="The Three Pillars of Battla"
-          description="Merging traditional craftsmanship with modern global technology."
-          gridVariant="three-columns-all-equal-width"
+        <FeatureCardThree 
+          title="Powerful Capabilities"
+          description="Everything you need to scale your business."
+          gridVariant="asymmetric-60-wide-40-narrow"
           animationType="slide-up"
-          textboxLayout="split"
-          useInvertedBackground={false}
+          textboxLayout="default"
           features={[
-            {
-              title: "Uncompromising Precision",              description: "Every stitch and fiber undergoes a rigorous 12-point quality check.",              imageSrc: "http://img.b2bpic.net/free-photo/various-turquoise-colored-designer-fabrics-inside-textile-store_181624-14416.jpg",              imageAlt: "textile embroidery machine needle macro"
-            },
-            {
-              title: "Scalable Excellence",              description: "From boutique runs to million-unit orders, we never miss a deadline.",              imageSrc: "http://img.b2bpic.net/free-photo/spool-white-threads-scissors-workdesk_23-2147874979.jpg",              imageAlt: "modern clothing manufacturing warehouse"
-            },
-            {
-              title: "Global Vision",              description: "Merging traditional craftsmanship with modern global tech.",              imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1189.jpg",              imageAlt: "intricate embroidery detail macro"
-            }
+            { title: "High Speed", description: "Optimized performance for faster loading.", imageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2000" },
+            { title: "Security", description: "Enterprise-grade security measures.", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?q=80&w=2000" }
           ]}
         />
       </div>
-
+      <div id="about" data-section="about">
+        <TextSplitAbout 
+          title="Our Vision"
+          description={["We are dedicated to building high-quality digital experiences.", "Our team is committed to innovation."]}
+        />
+      </div>
+      <div id="testimonial" data-section="testimonial">
+        <TestimonialCardFifteen 
+          testimonial="The best platform for our needs."
+          rating={5}
+          author="Jane Doe"
+          avatars={[{ src: "https://i.pravatar.cc/100?u=jane", alt: "Jane Doe" }]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
+        />
+      </div>
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
-          logoText="Battla Impex"
-          columns={[
-            {
-              title: "Explore",              items: [
-                { label: "Our Process", href: "#process" },
-                { label: "Our Partners", href: "#partners" }
-              ]
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy Policy", href: "#" },
-                { label: "Terms of Service", href: "#" }
-              ]
-            }
-          ]}
-          copyrightText="© 2024 Battla Impex. All rights reserved."
+        <FooterBaseReveal 
+          logoText="Webild"
+          columns={[{ title: "Company", items: [{ label: "About", href: "#" }] }]}
         />
       </div>
     </ThemeProvider>