diff --git a/src/app/how-it-works/page.tsx b/src/app/how-it-works/page.tsx
new file mode 100644
index 0000000..44bc105
--- /dev/null
+++ b/src/app/how-it-works/page.tsx
@@ -0,0 +1,148 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { Heart, MessageCircle, Users } from "lucide-react";
+
+export default function HowItWorksPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#home"},
+              { name: "About", id: "#about"},
+              { name: "How It Works", id: "/how-it-works"},
+              { name: "Testimonials", id: "#testimonials"},
+              { name: "Team", id: "#team"},
+              { name: "FAQ", id: "#faq"},
+              { name: "Contact", id: "#contact"},
+            ]}
+            brandName="WUMA Match"
+          />
+        </div>
+
+        <div id="home" data-section="home">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-animated" }}
+            title="Our Matchmaking Process: Step-by-Step"
+            description="Discover how WUMA Match connects you with your ideal partner through our personalized and proven method."
+            buttons={[
+              { text: "Start Your Journey", href: "#contact" },
+            ]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg", imageAlt: "elegant couple fine dining city lights" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-man-kissing-woman-head_23-2147978608.jpg", imageAlt: "happy couple walking park autumn" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-running-street-while-being-late-work_637285-3086.jpg", imageAlt: "professional woman confident smile" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/discussion-by-lunch_1098-15803.jpg", imageAlt: "man and woman coffee shop engaging conversation" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/positive-colleagues-posing-taking-selfie-photo-outdoors_1262-19188.jpg", imageAlt: "elegant man in city suit confident" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-protesting-outdoors_23-2150246612.jpg", imageAlt: "diverse group happy couples" },
+            ]}
+          />
+        </div>
+
+        <div id="process" data-section="process">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { title: "Personalized Consultation", description: "We conduct a deep dive into your desires, values, and lifestyle to understand what truly matters to you.", icon: Users,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/pretty-couple-sitting-cafe_171337-19076.jpg", imageAlt: "woman talking therapist office"},
+                  { imageSrc: "http://img.b2bpic.net/free-photo/modern-wedding-planner-laptop-top-view_23-2148652056.jpg", imageAlt: "notebook with detailed notes planning"},
+                ]
+              },
+              { title: "Curated Introductions", description: "Our expert matchmakers hand-pick and screen compatible partners, saving you time and ensuring quality.", icon: Heart,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/business-owner-planning-property-investment-office-tour-with-broker_482257-90821.jpg", imageAlt: "two diverse people shaking hands meeting"},
+                  { imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-concept-with-letter-game_23-2147797126.jpg", imageAlt: "matchmaker presenting profiles client"},
+                ]
+              },
+              { title: "Ongoing Support & Guidance", description: "Receive valuable feedback and coaching throughout your matching journey to maximize your success.", icon: MessageCircle,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207971.jpg", imageAlt: "woman listening empathetically advising"},
+                  { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-silhouette-nature-sunset_23-2150290723.jpg", imageAlt: "couple holding hands happily in distance"},
+                ]
+              }
+            ]}
+            title="Our Bespoke Matchmaking Process"
+            description="Experience a service tailored to your unique preferences, ensuring every introduction is thoughtfully considered."
+          />
+        </div>
+
+        <div id="social-proof" data-section="social-proof">
+            <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={[
+              "Elite Ventures",        "Pinnacle Group",        "Sophisticated Living",        "Global Connections",        "Executive Match",        "Aesthetic Pursuits",        "Legacy Partners"]}
+            title="Trusted by Discerning Individuals"
+            description="Our clients come from diverse professional backgrounds, united by their pursuit of meaningful connections and the highest standards of discretion."
+          />
+        </div>
+
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "What makes WUMA Match different?", content: "We offer a highly personalized, curated experience focusing on genuine compatibility and discretion, unlike typical algorithm-based dating apps."},
+              { id: "2", title: "How does the matchmaking process work?", content: "It begins with a confidential consultation, followed by curated introductions and ongoing support tailored to your unique preferences."},
+              { id: "3", title: "Is my privacy guaranteed?", content: "Absolutely. We prioritize your confidentiality and discretion above all else, with strict privacy protocols in place."},
+              { id: "4", title: "What kind of individuals do you match?", content: "We work with affluent, relationship-focused singles aged 28-55 who value quality connections and professional guidance."},
+            ]}
+            title="Your Questions, Answered"
+            description="Find answers to common questions about our personalized matchmaking services, process, and privacy."
+            faqsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Connect"
+            title="Ready to Find Your Match?"
+            description="Take the first step towards a fulfilling relationship. Schedule a confidential consultation with our team today."
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-laptop_23-2149963925.jpg"
+            imageAlt="elegant woman on phone scheduling appointment"
+            mediaAnimation="opacity"
+            inputPlaceholder="Your Email Address"
+            buttonText="Schedule Consultation"
+            termsText="By clicking 'Schedule Consultation', you agree to our Terms and Conditions and Privacy Policy."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="http://img.b2bpic.net/free-photo/notepad-with-inscription-4th-july-design-with-stars-red-surface_23-2148151321.jpg"
+            logoAlt="modern elegant WUMA Match logo"
+            logoText="WUMA Match"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file