Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import AboutMetric from '@/components/sections/about/AboutMetric';
@@ -9,12 +9,10 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Shield, Zap, Target, Star } from 'lucide-react';
+import { Shield, Zap, Star } from 'lucide-react';
 
 export default function Page() {
-  const navItems = [
-    { name: "Home", id: "/" }
-  ];
+  const navItems = [{ name: 'Home', id: '/' }];
 
   return (
     <ThemeProvider 
@@ -35,67 +33,54 @@ export default function Page() {
       <div id="hero" data-section="hero">
         <HeroLogo 
           logoText="Webild" 
-          description="Revolutionizing the digital landscape with robust, scalable, and beautifully crafted solutions." 
-          buttons={[{text: "Get Started"}]} 
+          description="Build faster with our modular component registry." 
+          buttons={[{ text: "Get Started", href: "#" }]} 
         />
       </div>
       <div id="about" data-section="about">
         <AboutMetric 
           title="Our Impact" 
-          metrics={[
-            { icon: Shield, label: "Trust", value: "100%" },
-            { icon: Zap, label: "Efficiency", value: "95%" }
-          ]} 
-          metricsAnimation="slide-up" 
+          metrics={[{ icon: Shield, label: "Trust", value: "100%" }, { icon: Zap, label: "Speed", value: "2x" }]} 
+          metricsAnimation="opacity" 
           useInvertedBackground={false} 
         />
       </div>
       <div id="services" data-section="services">
         <FeatureCardTwentyFive 
           title="Services" 
-          description="Comprehensive solutions for your business needs." 
+          description="We provide top tier services for our clients." 
+          features={[{ title: "Development", description: "High quality code", icon: Shield, mediaItems: [{ imageSrc: "/placeholder.jpg" }, { imageSrc: "/placeholder.jpg" }] }]} 
+          animationType="opacity" 
           textboxLayout="default" 
           useInvertedBackground={false} 
-          animationType="slide-up" 
-          features={[
-            { title: "Development", description: "High performance code.", icon: Target, mediaItems: [{imageAlt: "Dev"}, {imageAlt: "Dev2"}] },
-            { title: "Design", description: "Beautiful UIs.", icon: Star, mediaItems: [{imageAlt: "Design"}, {imageAlt: "Design2"}] }
-          ]}
         />
       </div>
       <div id="why" data-section="why">
         <FaqSplitText 
-          sideTitle="Common Questions" 
-          faqsAnimation="slide-up" 
-          useInvertedBackground={false}
-          faqs={[{ id: "1", title: "Why us?", content: "Because we deliver." }]}
+          faqs={[{ id: "1", title: "Question", content: "Answer" }]} 
+          sideTitle="Why Us?" 
+          faqsAnimation="opacity" 
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardOne 
-          title="Testimonials"
-          description="What our clients say."
-          gridVariant="three-columns-all-equal-width" 
-          animationType="slide-up" 
+          testimonials={[{ id: "1", name: "User", role: "Dev", company: "Corp", rating: 5 }]} 
+          gridVariant="uniform-all-items-equal" 
+          animationType="opacity" 
           textboxLayout="default" 
-          useInvertedBackground={false}
-          testimonials={[
-            { id: "t1", name: "Jane", role: "CEO", company: "Corp", rating: 5 }
-          ]}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactText 
-          text="Let's collaborate" 
-          background={{ variant: "animated-grid" }} 
-          useInvertedBackground={false}
+          text="Get in touch with our team today." 
+          background={{ variant: "plain" }} 
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterMedia 
           logoText="Webild" 
-          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} 
-          imageSrc="https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=800&q=80"
+          imageSrc="/placeholder.jpg" 
+          columns={[{ title: "Product", items: [{ label: "Home", href: "/" }] }]} 
         />
       </div>
     </ThemeProvider>