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 ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Calendar, Globe, Zap } from "lucide-react";
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Calendar, Globe, Zap, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -45,21 +45,11 @@ export default function LandingPage() {
             description="Join India's largest collaborative network to exchange skills, mentor peers, and grow together."
             testimonials={[
               { name: "Aditi Sharma", handle: "@aditisharma", testimonial: "This platform transformed my learning journey completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-associates-engineers-gather-discussion_482257-126040.jpg?_wi=1", imageAlt: "skill exchange platform digital UI" },
-              { name: "Rohan Patel", handle: "@rohanpatel", testimonial: "Connecting with experts across India has been a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-together_1170-1087.jpg?_wi=1", imageAlt: "professional collaboration india office" },
-              { name: "Priya Singh", handle: "@priyasingh", testimonial: "Professional growth made simple and accessible.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esfoys&_wi=1", imageAlt: "knowledge transfer icon technology" },
-              { name: "Vikram Seth", handle: "@vikramseth", testimonial: "I learned more in a month than in a year of self-study.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chrome-spheres-attached-green-sphere_1156-677.jpg", imageAlt: "community network nodes tech" },
-              { name: "Neha Gupta", handle: "@nehagupta", testimonial: "Best way to find mentors and share my own knowledge.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/uninstalling-symbol_53876-120808.jpg", imageAlt: "scheduling calendar app icon" }
+              { name: "Rohan Patel", handle: "@rohanpatel", testimonial: "Connecting with experts across India has been a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-together_1170-1087.jpg?_wi=1", imageAlt: "professional collaboration india office" }
             ]}
             buttons={[{ text: "Start Exchanging", href: "#contact" }]}
             imageSrc="http://img.b2bpic.net/free-photo/multiethnic-business-associates-engineers-gather-discussion_482257-126040.jpg?_wi=2"
             imageAlt="Professional skill exchange community in India"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", alt: "Suresh" },
-              { src: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg", alt: "Meera" },
-              { src: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg", alt: "Amit" },
-              { src: "http://img.b2bpic.net/free-photo/closeup-content-man-using-smartphone-pub_1262-3485.jpg", alt: "Sunita" },
-              { src: "http://img.b2bpic.net/free-photo/south-asian-indian-male-student-wear-eyeglasses-casual-posed-outdoor_627829-5202.jpg", alt: "Raj" }
-            ]}
             avatarText="Join 5,000+ members"
           />
         </div>
@@ -91,41 +81,45 @@ export default function LandingPage() {
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardFive
-            textboxLayout="default"
+          <TestimonialCardFifteen
+            testimonial="The most intuitive platform for peer-to-peer knowledge exchange I've used. Truly revolutionary for professionals."
+            rating={5}
+            author="Anjali Verma, Lead Designer"
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg", alt: "Anjali" }]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="blur-reveal"
             useInvertedBackground={false}
-            testimonials={[
-              { id: "1", name: "Suresh", date: "Oct 2023", title: "Developer", quote: "Incredible platform.", tag: "Mentorship", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-man-using-smartphone-pub_1262-3485.jpg", imageAlt: "young professional headshot" },
-              { id: "2", name: "Meera", date: "Sep 2023", title: "Designer", quote: "Truly helpful experience.", tag: "Growth", avatarSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-indian-male-student-wear-eyeglasses-casual-posed-outdoor_627829-5202.jpg", imageAlt: "experienced professional mentor portrait" },
-              { id: "3", name: "Amit", date: "Aug 2023", title: "Manager", quote: "Exceptional networking.", tag: "Networking", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-associates-engineers-gather-discussion_482257-126040.jpg?_wi=3", imageAlt: "skill exchange platform digital UI" },
-              { id: "4", name: "Sunita", date: "Jul 2023", title: "Student", quote: "Learned so much!", tag: "Learning", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-content-man-using-smartphone-pub_1262-3485.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-together_1170-1087.jpg?_wi=2", imageAlt: "professional collaboration india office" },
-              { id: "5", name: "Raj", date: "Jun 2023", title: "Freelancer", quote: "My go-to resource.", tag: "Skill Swap", avatarSrc: "http://img.b2bpic.net/free-photo/south-asian-indian-male-student-wear-eyeglasses-casual-posed-outdoor_627829-5202.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esfoys&_wi=2", imageAlt: "knowledge transfer icon technology" }
-            ]}
-            title="Success Stories"
-            description="See how others are growing."
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
-            useInvertedBackground={true}
-            background={{ variant: "gradient-bars" }}
-            tag="Join Us"
+          <ContactSplitForm
             title="Ready to Start?"
-            description="Register today for early access."
+            description="Register your details and our team will get back to you within 24 hours to match you with your first peer."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Professional Email", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us what skills you're looking to swap...", rows: 4 }}
+            buttonText="Get Started"
+            useInvertedBackground={true}
+            mediaPosition="right"
+            imageSrc="http://img.b2bpic.net/free-photo/multiethnic-business-associates-engineers-gather-discussion_482257-126040.jpg"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterCard
             logoText="SkillSwap India"
-            columns={[
-              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
-              { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help", href: "#" }] }
+            copyrightText="© 2025 SkillSwap India. All rights reserved."
+            socialLinks={[
+              { icon: Mail, href: "mailto:hello@skillswap.in", ariaLabel: "Email Us" },
+              { icon: Phone, href: "tel:+919999999999", ariaLabel: "Call Us" },
+              { icon: MapPin, href: "#", ariaLabel: "Office Location" }
             ]}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}