Update src/app/success-stories/page.tsx

Merge version_2 into main

src/app/apply-now/page.tsx

@@ -0,0 +1,79 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ApplyNowPage() {
+  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: "Process",                id: "#process"},
+              {
+                name: "Success Stories",                id: "/success-stories"},
+              {
+                name: "Team",                id: "#team"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Apply Now",                id: "/apply-now"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            brandName="WUMA Match"
+          />
+        </div>
+
+        <div id="apply-now" data-section="apply-now">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{
+              variant: "plain"}}
+            tag="Application"
+            title="Ready to find your match? Apply Now!"
+            description="Take the first step towards your personalized matchmaking journey. Fill out our brief application form to get started."
+            imageSrc="http://img.b2bpic.net/free-photo/elegant-woman-calling-cellphone_23-2149021200.jpg"
+            imageAlt="Woman filling out an application form"
+            mediaAnimation="opacity"
+            inputPlaceholder="Your Email Address"
+            buttonText="Submit Application"
+            termsText="By clicking 'Submit Application', 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>
+  );
+}

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?_wi=2", imageAlt: "elegant couple fine dining city lights" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-man-kissing-woman-head_23-2147978608.jpg?_wi=2", 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?_wi=2", imageAlt: "professional woman confident smile" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/discussion-by-lunch_1098-15803.jpg?_wi=2", 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?_wi=2", imageAlt: "elegant man in city suit confident" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-protesting-outdoors_23-2150246612.jpg?_wi=2", 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?_wi=2", imageAlt: "woman talking therapist office"},
+                  { imageSrc: "http://img.b2bpic.net/free-photo/modern-wedding-planner-laptop-top-view_23-2148652056.jpg?_wi=2", 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?_wi=2", imageAlt: "two diverse people shaking hands meeting"},
+                  { imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-concept-with-letter-game_23-2147797126.jpg?_wi=2", 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?_wi=2", imageAlt: "woman listening empathetically advising"},
+                  { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-silhouette-nature-sunset_23-2150290723.jpg?_wi=2", 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?_wi=2"
+            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>
+  );
+}

src/app/page.tsx

@@ -39,11 +39,13 @@ export default function LandingPage() {
         {
           name: "Process",          id: "#process"},
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Success Stories",          id: "/success-stories"},
         {
           name: "Team",          id: "#team"},
         {
           name: "FAQ",          id: "#faq"},
+        {
+          name: "Apply Now",          id: "/apply-now"},
         {
           name: "Contact",          id: "#contact"},
       ]}
@@ -63,17 +65,17 @@ export default function LandingPage() {
       ]}
       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: "1",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg?_wi=1",          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: "2",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-kissing-woman-head_23-2147978608.jpg?_wi=1",          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: "3",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-running-street-while-being-late-work_637285-3086.jpg?_wi=1",          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: "4",          imageSrc: "http://img.b2bpic.net/free-photo/discussion-by-lunch_1098-15803.jpg?_wi=1",          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: "5",          imageSrc: "http://img.b2bpic.net/free-photo/positive-colleagues-posing-taking-selfie-photo-outdoors_1262-19188.jpg?_wi=1",          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"},
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-protesting-outdoors_23-2150246612.jpg?_wi=1",          imageAlt: "diverse group happy couples"},
       ]}
     />
   </div>
@@ -107,27 +109,27 @@ export default function LandingPage() {
           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/pretty-couple-sitting-cafe_171337-19076.jpg?_wi=1",              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"},
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-wedding-planner-laptop-top-view_23-2148652056.jpg?_wi=1",              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/business-owner-planning-property-investment-office-tour-with-broker_482257-90821.jpg?_wi=1",              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"},
+              imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-concept-with-letter-game_23-2147797126.jpg?_wi=1",              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/people-working-together-animation-studio_23-2149207971.jpg?_wi=1",              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"},
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-silhouette-nature-sunset_23-2150290723.jpg?_wi=1",              imageAlt: "couple holding hands happily in distance"},
           ]
         }
       ]}
@@ -221,7 +223,7 @@ export default function LandingPage() {
       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"
+      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-laptop_23-2149963925.jpg?_wi=1"
       imageAlt="elegant woman on phone scheduling appointment"
       mediaAnimation="opacity"
       inputPlaceholder="Your Email Address"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --background: #F9F7F1;
+  --card: #EEE4D2;
+  --foreground: #2B2B2B;
+  --primary-cta: #6ECFD1;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #227C83;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #C9A64A;
+  --background-accent: #DDF7F6;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/success-stories/page.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Star } from 'lucide-react';
+
+export default function SuccessStoriesPage() {
+  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: "Process",                id: "#process"},
+              {
+                name: "Success Stories",                id: "/success-stories"},
+              {
+                name: "Team",                id: "#team"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Apply Now",                id: "/apply-now"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            brandName="WUMA Match"
+          />
+        </div>
+
+        <div id="success-stories" data-section="success-stories">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="Our Happy Couples: Real Stories of Lasting Love"
+            description="Discover how WUMA Match has helped numerous clients find their ideal partners and build meaningful relationships."
+            testimonials={[
+              {
+                id: "1",                name: "Jessica & Mark",                handle: "@lovefound_JM",                testimonial: "After years of trying dating apps, WUMA Match truly understood what I was looking for. Their personalized approach led me to Mark, and we couldn't be happier!",                imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-table-cafe_171337-19036.jpg",                imageAlt: "Jessica and Mark smiling together",                icon: Star
+              },
+              {
+                id: "2",                name: "David & Sarah",                handle: "@davidandsarah",                testimonial: "The entire process was seamless and incredibly professional. WUMA Match introduced me to Sarah, and our connection was instant. Highly recommend!",                imageSrc: "http://img.b2bpic.net/free-photo/young-man-kissing-woman-head_23-2147978608.jpg?_wi=3",                imageAlt: "David and Sarah embracing",                icon: Star
+              },
+              {
+                id: "3",                name: "Emily & John",                handle: "@emilyjohnlove",                testimonial: "I was hesitant about matchmaking, but WUMA Match exceeded all expectations. They found John, who shares all my values and dreams. Thank you!",                imageSrc: "http://img.b2bpic.net/free-photo/newlywed-couple-having-fun-outdoors_23-2149021175.jpg",                imageAlt: "Emily and John laughing",                icon: Star
+              },
+              {
+                id: "4",                name: "Olivia & Daniel",                handle: "@olivia_daniel",                testimonial: "The matchmakers are truly gifted. Olivia and I connected on so many levels, and it's all thanks to WUMA Match's careful curation. A life-changing experience.",                imageSrc: "http://img.b2bpic.net/free-photo/cute-young-couple-walking-countryside_23-2147744908.jpg",                imageAlt: "Olivia and Daniel walking hand-in-hand",                icon: Star
+              },
+              {
+                id: "5",                name: "Sophia & Alex",                handle: "@sophia_alex",                testimonial: "WUMA Match provided incredible support and guidance. Alex is everything I could have hoped for in a partner. We're building a beautiful future together.",                imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-protesting-outdoors_23-2150246612.jpg?_wi=3",                imageAlt: "Sophia and Alex enjoying a sunset",                icon: Star
+              }
+            ]}
+            topMarqueeDirection="left"
+            speed={40}
+          />
+        </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>
+  );
+}