Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { ArrowRight, Twitter, Linkedin, Dribbble, Github } from 'lucide-react';
 
@@ -43,17 +43,23 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="WPS Media"
+        <HeroSplitKpi
+          title="WPS Media"
           description="Transforming ideas into stunning digital experiences. We design websites that captivate, engage, and convert."
+          kpis={[
+            { value: "150+", label: "Projects Completed" },
+            { value: "98%", label: "Client Satisfaction" },
+            { value: "8+", label: "Years Experience" }
+          ]}
+          enableKpiAnimation={true}
           buttons={[
             { text: "Start Your Project", href: "contact" },
             { text: "View Our Work", href: "portfolio" }
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg"
           imageAlt="WPS Media Creative Studio"
-          showDimOverlay={true}
-          buttonAnimation="slide-up"
+          mediaAnimation="slide-up"
+          background={{ variant: "gradient-bars" }}
         />
       </div>
 
@@ -76,21 +82,29 @@ export default function LandingPage() {
 
       <div id="services" data-section="services" className="py-20 md:py-32">
         <div className="max-w-7xl mx-auto px-6">
-          <FeatureCardTwentySix
+          <FeatureCardTen
             title="Our Design Services"
             description="Comprehensive solutions tailored to elevate your digital presence and drive business growth."
             features={[
               {
-                title: "Web Design & Development",                description: "Beautiful, responsive websites built with cutting-edge technology and best practices.",                imageSrc: "http://img.b2bpic.net/free-vector/social-page-application-ui-design-concept_1284-45234.jpg?_wi=1",                imageAlt: "Web Design Services",                buttonIcon: ArrowRight
+                id: "1",                title: "Web Design & Development",                description: "Beautiful, responsive websites built with cutting-edge technology and best practices.",                media: { imageSrc: "http://img.b2bpic.net/free-vector/social-page-application-ui-design-concept_1284-45234.jpg?_wi=1", imageAlt: "Web Design Services" },
+                items: [],
+                reverse: false
               },
               {
-                title: "Brand Identity Design",                description: "Strategic branding that creates lasting impressions and strengthens your market position.",                imageSrc: "http://img.b2bpic.net/free-vector/modern-business-card-template-with-geometric-design_23-2147941082.jpg",                imageAlt: "Brand Identity Design",                buttonIcon: ArrowRight
+                id: "2",                title: "Brand Identity Design",                description: "Strategic branding that creates lasting impressions and strengthens your market position.",                media: { imageSrc: "http://img.b2bpic.net/free-vector/modern-business-card-template-with-geometric-design_23-2147941082.jpg", imageAlt: "Brand Identity Design" },
+                items: [],
+                reverse: true
               },
               {
-                title: "Mobile App Design",                description: "User-centered mobile experiences that engage and delight your customers.",                imageSrc: "http://img.b2bpic.net/free-vector/user-interface-design-concept-with-different-screens-buttons-web-elements-mobile-social-applications_1284-45222.jpg",                imageAlt: "Mobile App Design",                buttonIcon: ArrowRight
+                id: "3",                title: "Mobile App Design",                description: "User-centered mobile experiences that engage and delight your customers.",                media: { imageSrc: "http://img.b2bpic.net/free-vector/user-interface-design-concept-with-different-screens-buttons-web-elements-mobile-social-applications_1284-45222.jpg", imageAlt: "Mobile App Design" },
+                items: [],
+                reverse: false
               },
               {
-                title: "Digital Strategy",                description: "Data-driven strategies that align your design with business objectives and user needs.",                imageSrc: "http://img.b2bpic.net/free-photo/document-marketing-strategy-business-concept_53876-133729.jpg",                imageAlt: "Digital Strategy",                buttonIcon: ArrowRight
+                id: "4",                title: "Digital Strategy",                description: "Data-driven strategies that align your design with business objectives and user needs.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/document-marketing-strategy-business-concept_53876-133729.jpg", imageAlt: "Digital Strategy" },
+                items: [],
+                reverse: true
               }
             ]}
             textboxLayout="default"
@@ -98,6 +112,7 @@ export default function LandingPage() {
             tag="What We Do"
             tagAnimation="slide-up"
             buttonAnimation="slide-up"
+            animationType="slide-up"
           />
         </div>
       </div>
@@ -127,46 +142,42 @@ export default function LandingPage() {
 
       <div id="testimonials" data-section="testimonials" className="py-20 md:py-32">
         <div className="max-w-7xl mx-auto px-6">
-          <TestimonialCardSixteen
+          <TestimonialCardThirteen
             title="What Our Clients Say"
             description="Hear from businesses we've helped transform their digital presence."
             testimonials={[
               {
-                id: "1",                name: "Sarah Johnson",                role: "CEO",                company: "TechFlow Inc",                rating: 5,
+                id: "1",                name: "Sarah Johnson",                handle: "CEO at TechFlow Inc",                testimonial: "WPS Media transformed our digital presence completely. Their expertise and attention to detail exceeded our expectations.",                rating: 5,
                 imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",                imageAlt: "Sarah Johnson"
               },
               {
-                id: "2",                name: "Michael Chen",                role: "Marketing Director",                company: "Creative Studios",                rating: 5,
+                id: "2",                name: "Michael Chen",                handle: "Marketing Director at Creative Studios",                testimonial: "The team delivered exceptional results on time and within budget. Highly recommended!",                rating: 5,
                 imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",                imageAlt: "Michael Chen"
               },
               {
-                id: "3",                name: "Emily Rodriguez",                role: "Founder",                company: "Innovation Labs",                rating: 5,
+                id: "3",                name: "Emily Rodriguez",                handle: "Founder at Innovation Labs",                testimonial: "Outstanding work from start to finish. They truly understand what it takes to build a successful brand.",                rating: 5,
                 imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",                imageAlt: "Emily Rodriguez"
               },
               {
-                id: "4",                name: "David Kim",                role: "Product Manager",                company: "Digital Ventures",                rating: 5,
+                id: "4",                name: "David Kim",                handle: "Product Manager at Digital Ventures",                testimonial: "Professional, creative, and results-driven. WPS Media is our go-to partner for all digital projects.",                rating: 5,
                 imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",                imageAlt: "David Kim"
               },
               {
-                id: "5",                name: "Jessica Lee",                role: "Brand Director",                company: "Premium Brands Co",                rating: 5,
+                id: "5",                name: "Jessica Lee",                handle: "Brand Director at Premium Brands Co",                testimonial: "Their creative solutions and strategic approach transformed our brand. Excellent collaboration!",                rating: 5,
                 imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",                imageAlt: "Jessica Lee"
               },
               {
-                id: "6",                name: "Robert Thompson",                role: "Business Owner",                company: "Global Solutions",                rating: 5,
+                id: "6",                name: "Robert Thompson",                handle: "Business Owner at Global Solutions",                testimonial: "WPS Media brings vision to life. Their team is talented, responsive, and truly cares about results.",                rating: 5,
                 imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",                imageAlt: "Robert Thompson"
               }
             ]}
-            kpiItems={[
-              { value: "150+", label: "Projects Completed" },
-              { value: "98%", label: "Client Satisfaction" },
-              { value: "8+", label: "Years Experience" }
-            ]}
+            animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={true}
-            animationType="slide-up"
             tag="Client Success"
             tagAnimation="slide-up"
             buttonAnimation="slide-up"
+            showRating={true}
           />
         </div>
       </div>
@@ -213,7 +224,7 @@ export default function LandingPage() {
                 id: "6",                title: "How much does a website cost?",                content: "Pricing depends on your specific needs and project complexity. We offer flexible packages and custom quotes. Contact us for a free consultation."
               }
             ]}
-            imageSrc="http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg"
+            imageSrc="http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg?_wi=1"
             imageAlt="Customer Support"
             textboxLayout="default"
             useInvertedBackground={false}
@@ -229,15 +240,24 @@ export default function LandingPage() {
 
       <div id="cta" data-section="cta" className="py-20 md:py-32">
         <div className="max-w-7xl mx-auto px-6">
-          <ContactText
-            text="Ready to transform your digital presence? Let's create something extraordinary together."
-            buttons={[
-              { text: "Get In Touch", href: "contact" },
-              { text: "Schedule Consultation", href: "#" }
+          <ContactSplitForm
+            title="Get In Touch"
+            description="We'd love to hear from you. Send us a message and we'll respond as soon as possible."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true }
             ]}
-            animationType="entrance-slide"
-            background={{ variant: "plain" }}
+            textarea={{
+              name: "message",              placeholder: "Tell us about your project...",              rows: 5,
+              required: true
+            }}
             useInvertedBackground={true}
+            imageSrc="http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg?_wi=2"
+            imageAlt="Contact Us"
+            mediaAnimation="slide-up"
+            mediaPosition="right"
+            buttonText="Send Message"
+            onSubmit={(data) => console.log('Form submitted:', data)}
           />
         </div>
       </div>