From 6e8c683958671459f81937e1bc7e861b5fef15d5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 19:03:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 65 +++++++++++++++++++++++-------------------------
 1 file changed, 31 insertions(+), 34 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fe75e81..3a2a3fc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
@@ -7,11 +7,11 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import Link from 'next/link';
+import { Sparkles } from 'lucide-react';
 
 const navItems = [{ name: "Home", id: "/" }];
 
-export default function Page() {
+export default function HomePage() {
   return (
     <ThemeProvider 
       defaultButtonVariant="text-stagger" 
@@ -26,57 +26,54 @@ export default function Page() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple navItems={navItems} />
+        <NavbarStyleApple navItems={navItems} brandName="Webild" />
       </div>
       <div id="hero" data-section="hero">
         <HeroOverlay title="Welcome to Webild" description="Innovative digital solutions for your business." />
       </div>
       <div id="about" data-section="about">
-        <TextAbout title="About Us" useInvertedBackground={false} />
+        <TextAbout title="About Us" tag="Who We Are" />
       </div>
       <div id="menu" data-section="menu">
         <ProductCardOne 
-            title="Our Products" 
-            description="High-quality digital products designed for growth." 
-            gridVariant="uniform-all-items-equal" 
-            animationType="slide-up" 
-            textboxLayout="default" 
-            useInvertedBackground={false} 
-            products={[
-                { id: "1", name: "Product A", price: "$99", imageSrc: "/placeholder.jpg" },
-                { id: "2", name: "Product B", price: "$199", imageSrc: "/placeholder.jpg" },
-                { id: "3", name: "Product C", price: "$299", imageSrc: "/placeholder.jpg" }
-            ]}
+          title="Our Services" 
+          description="High quality solutions tailored to your needs" 
+          gridVariant="uniform-all-items-equal" 
+          animationType="slide-up" 
+          textboxLayout="default"
+          products={[
+            { id: "1", name: "Strategy", price: "$99", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978" },
+            { id: "2", name: "Design", price: "$149", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5" },
+            { id: "3", name: "Development", price: "$199", imageSrc: "https://images.unsplash.com/photo-1555949963-aa79dcee981c" }
+          ]}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwelve 
-            cardTitle="Testimonials" 
-            cardTag="Our Clients" 
-            cardAnimation="slide-up" 
-            useInvertedBackground={false} 
-            testimonials={[
-                { id: "1", name: "Client A", imageSrc: "/placeholder.jpg" },
-                { id: "2", name: "Client B", imageSrc: "/placeholder.jpg" }
-            ]} 
+          cardTitle="Client Feedback" 
+          cardTag="Testimonials" 
+          cardAnimation="slide-up" 
+          testimonials={[
+            { id: "t1", name: "John Doe", imageSrc: "https://i.pravatar.cc/100" },
+            { id: "t2", name: "Jane Smith", imageSrc: "https://i.pravatar.cc/101" }
+          ]}
         />
       </div>
       <div id="faq" data-section="faq">
         <FaqBase 
-            title="Frequently Asked Questions" 
-            description="Everything you need to know." 
-            faqsAnimation="slide-up" 
-            textboxLayout="default" 
-            useInvertedBackground={false} 
-            faqs={[
-                { id: "1", title: "Question 1", content: "Answer 1" },
-                { id: "2", title: "Question 2", content: "Answer 2" }
-            ]} 
+          title="Frequently Asked Questions" 
+          description="Get answers to common questions" 
+          faqsAnimation="slide-up" 
+          textboxLayout="default"
+          faqs={[
+            { id: "q1", title: "How do I start?", content: "Contact us to get started." },
+            { id: "q2", title: "What is the cost?", content: "Pricing is custom based on needs." }
+          ]}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBaseCard 
-            columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} 
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
         />
       </div>
     </ThemeProvider>
-- 
2.49.1