From 08a63d7853e9543a2cfba611a23ae5f2fa68802a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 17:18:07 +0000
Subject: [PATCH 1/3] Update src/app/page.tsx

---
 src/app/page.tsx | 405 +++++++++++------------------------------------
 1 file changed, 90 insertions(+), 315 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1a0646f..53e07a3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -23,7 +23,7 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="small"
         sizing="mediumLargeSizeLargeTitles"
-        background="fluid"
+        background="none"
         cardStyle="outline"
         primaryButtonStyle="radial-glow"
         secondaryButtonStyle="solid"
@@ -34,31 +34,19 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Projects",
-          id: "#projects",
-        },
+          name: "Projects",          id: "#projects"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Ras Mere"
       button={{
-        text: "Resume",
-        href: "#",
-      }}
+        text: "Resume",        href: "#"}}
       animateOnLoad={true}
     />
   </div>
@@ -67,105 +55,60 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "downward-rays-animated",
-      }}
+        variant: "downward-rays-animated"}}
       title="Innovating User Experiences, Crafting Digital Futures."
       description="I'm Ras Mere, a product designer passionate about creating intuitive and impactful digital products that solve real-world problems. Let's build something amazing together."
       testimonials={[
         {
-          name: "Alex Chen",
-          handle: "@alexchen",
-          testimonial: "Ras's design intuition is unparalleled. They transformed our complex vision into an incredibly intuitive and beautiful product.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
-        },
+          name: "Alex Chen",          handle: "@alexchen",          testimonial: "Ras's design intuition is unparalleled. They transformed our complex vision into an incredibly intuitive and beautiful product.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
         {
-          name: "Sarah Lee",
-          handle: "@sarah_lee",
-          testimonial: "Working with Ras was a game-changer. Their user-centric approach and attention to detail elevated our entire platform.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-        },
+          name: "Sarah Lee",          handle: "@sarah_lee",          testimonial: "Working with Ras was a game-changer. Their user-centric approach and attention to detail elevated our entire platform.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
         {
-          name: "Mark Davis",
-          handle: "@markdavis",
-          testimonial: "The impact of Ras's designs on our user engagement was immediate and significant. Highly recommend!",
-          rating: 5,
-          imageSrc: "asset://hero-testimonial-image-3",
-        },
+          name: "Mark Davis",          handle: "@markdavis",          testimonial: "The impact of Ras's designs on our user engagement was immediate and significant. Highly recommend!",          rating: 5,
+          imageSrc: "asset://hero-testimonial-image-3"},
         {
-          name: "Emily White",
-          handle: "@emilyw",
-          testimonial: "Ras has a unique ability to blend creativity with strategic thinking, resulting in designs that are both innovative and effective.",
-          rating: 5,
-          imageSrc: "asset://hero-testimonial-image-4",
-        },
+          name: "Emily White",          handle: "@emilyw",          testimonial: "Ras has a unique ability to blend creativity with strategic thinking, resulting in designs that are both innovative and effective.",          rating: 5,
+          imageSrc: "asset://hero-testimonial-image-4"},
         {
-          name: "David Kim",
-          handle: "@davidk",
-          testimonial: "Their dedication to understanding our users led to a product that truly resonates with our audience. An exceptional talent.",
-          rating: 5,
-          imageSrc: "asset://hero-testimonial-image-5",
-        },
+          name: "David Kim",          handle: "@davidk",          testimonial: "Their dedication to understanding our users led to a product that truly resonates with our audience. An exceptional talent.",          rating: 5,
+          imageSrc: "asset://hero-testimonial-image-5"},
       ]}
       buttons={[
         {
-          text: "View Portfolio",
-          href: "#projects",
-        },
+          text: "View Portfolio",          href: "#projects"},
         {
-          text: "Contact Me",
-          href: "#contact",
-        },
+          text: "Contact Me",          href: "#contact"},
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg",
-          alt: "Customer avatar 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg",          alt: "Customer avatar 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
-          alt: "Customer avatar 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",          alt: "Customer avatar 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg",
-          alt: "Customer avatar 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg",          alt: "Customer avatar 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
-          alt: "Customer avatar 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",          alt: "Customer avatar 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg",
-          alt: "Customer avatar 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg",          alt: "Customer avatar 5"},
       ]}
       avatarText="Join our satisfied clients"
       imageSrc="http://img.b2bpic.net/free-photo/female-web-designer-office-with-tablet-device_23-2149749887.jpg"
       mediaAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text",
-          text: "UI/UX Designer",
+          type: "text",          text: "UI/UX Designer"},
+        {
+          type: "text-icon",          text: "Product Strategy",          icon: Lightbulb,
         },
         {
-          type: "text-icon",
-          text: "Product Strategy",
-          icon: Lightbulb,
+          type: "text",          text: "User Research"},
+        {
+          type: "text-icon",          text: "Prototyping",          icon: Sparkles,
         },
         {
-          type: "text",
-          text: "User Research",
-        },
-        {
-          type: "text-icon",
-          text: "Prototyping",
-          icon: Sparkles,
-        },
-        {
-          type: "text",
-          text: "Design Systems",
-        },
+          type: "text",          text: "Design Systems"},
       ]}
     />
   </div>
@@ -173,27 +116,19 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       imagePosition="right"
       title="My Design Philosophy & Expertise"
       description="My design philosophy centers on user-centricity, blending aesthetic appeal with robust functionality. I thrive on translating complex problems into elegant solutions, driven by a deep understanding of user needs and business objectives. I am adept at leading design projects from concept to launch, ensuring every detail aligns with both user satisfaction and business growth."
       bulletPoints={[
         {
-          title: "User-Centered Research",
-          description: "Deep dives into user behavior, needs, and motivations to inform design decisions.",
-        },
+          title: "User-Centered Research",          description: "Deep dives into user behavior, needs, and motivations to inform design decisions."},
         {
-          title: "Intuitive UI Design",
-          description: "Crafting clean, accessible, and aesthetically pleasing interfaces that enhance usability.",
-        },
+          title: "Intuitive UI Design",          description: "Crafting clean, accessible, and aesthetically pleasing interfaces that enhance usability."},
         {
-          title: "Interactive Prototyping",
-          description: "Bringing concepts to life with high-fidelity prototypes for early feedback and iteration.",
-        },
+          title: "Interactive Prototyping",          description: "Bringing concepts to life with high-fidelity prototypes for early feedback and iteration."},
         {
-          title: "Scalable Design Systems",
-          description: "Building consistent and efficient design libraries for streamlined development.",
-        },
+          title: "Scalable Design Systems",          description: "Building consistent and efficient design libraries for streamlined development."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-with-post-its_23-2149930950.jpg"
       mediaAnimation="slide-up"
@@ -208,25 +143,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "UX Research & Strategy",
-          description: "Conducting user interviews, creating personas, journey mapping, and competitive analysis to define product strategy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-3d-model_23-2149370104.jpg",
-        },
+          title: "UX Research & Strategy",          description: "Conducting user interviews, creating personas, journey mapping, and competitive analysis to define product strategy.",          imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-3d-model_23-2149370104.jpg"},
         {
-          title: "UI Design & Prototyping",
-          description: "Designing high-fidelity mockups, interactive prototypes, and engaging visual interfaces for web and mobile.",
-          imageSrc: "http://img.b2bpic.net/free-photo/drawing-clothes_1098-18038.jpg",
-        },
+          title: "UI Design & Prototyping",          description: "Designing high-fidelity mockups, interactive prototypes, and engaging visual interfaces for web and mobile.",          imageSrc: "http://img.b2bpic.net/free-photo/drawing-clothes_1098-18038.jpg"},
         {
-          title: "Design Systems & Guidelines",
-          description: "Developing scalable design systems, style guides, and component libraries for consistency and efficiency.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-collection-supplies-one-color_23-2149669172.jpg",
-        },
+          title: "Design Systems & Guidelines",          description: "Developing scalable design systems, style guides, and component libraries for consistency and efficiency.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-collection-supplies-one-color_23-2149669172.jpg"},
         {
-          title: "Usability Testing & Iteration",
-          description: "Facilitating usability tests, gathering feedback, and iterating on designs to ensure optimal user experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749857.jpg",
-        },
+          title: "Usability Testing & Iteration",          description: "Facilitating usability tests, gathering feedback, and iterating on designs to ensure optimal user experience.",          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749857.jpg"},
       ]}
       title="Skills & Services"
       description="Bringing innovative ideas to life with a comprehensive skill set across the product development lifecycle."
@@ -238,50 +161,20 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Mobile Banking App Redesign",
-          price: "View Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-still-life_23-2149019157.jpg",
-          imageAlt: "Mobile Banking App Redesign",
-        },
+          id: "p1",          name: "Mobile Banking App Redesign",          price: "View Case Study",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-still-life_23-2149019157.jpg",          imageAlt: "Mobile Banking App Redesign"},
         {
-          id: "p2",
-          name: "Enterprise SaaS Dashboard",
-          price: "View Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg",
-          imageAlt: "Enterprise SaaS Dashboard",
-        },
+          id: "p2",          name: "Enterprise SaaS Dashboard",          price: "View Case Study",          imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg",          imageAlt: "Enterprise SaaS Dashboard"},
         {
-          id: "p3",
-          name: "E-commerce Experience Revamp",
-          price: "View Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-chroma-key-clothing-shop_482257-76713.jpg",
-          imageAlt: "E-commerce Experience Revamp",
-        },
+          id: "p3",          name: "E-commerce Experience Revamp",          price: "View Case Study",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-chroma-key-clothing-shop_482257-76713.jpg",          imageAlt: "E-commerce Experience Revamp"},
         {
-          id: "p4",
-          name: "Fintech Investment Platform",
-          price: "View Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169853.jpg",
-          imageAlt: "Fintech Investment Platform",
-        },
+          id: "p4",          name: "Fintech Investment Platform",          price: "View Case Study",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169853.jpg",          imageAlt: "Fintech Investment Platform"},
         {
-          id: "p5",
-          name: "Health & Wellness Companion App",
-          price: "View Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/medic-expert-uses-thermometer-find-right-diagnostic-symptoms_482257-122834.jpg",
-          imageAlt: "Health & Wellness Companion App",
-        },
+          id: "p5",          name: "Health & Wellness Companion App",          price: "View Case Study",          imageSrc: "http://img.b2bpic.net/free-photo/medic-expert-uses-thermometer-find-right-diagnostic-symptoms_482257-122834.jpg",          imageAlt: "Health & Wellness Companion App"},
         {
-          id: "p6",
-          name: "Responsive Web Application",
-          price: "View Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg",
-          imageAlt: "Responsive Web Application",
-        },
+          id: "p6",          name: "Responsive Web Application",          price: "View Case Study",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg",          imageAlt: "Responsive Web Application"},
       ]}
       title="Selected Projects"
       description="A showcase of impactful design solutions across various industries, demonstrating my approach to problem-solving and user-centric design."
@@ -295,40 +188,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "5+",
-          title: "Years Experience",
-          items: [
-            "In product design & UX strategy",
-            "Across diverse industries",
-          ],
+          id: "m1",          value: "5+",          title: "Years Experience",          items: [
+            "In product design & UX strategy",            "Across diverse industries"],
         },
         {
-          id: "m2",
-          value: "20+",
-          title: "Projects Completed",
-          items: [
-            "Delivered end-to-end",
-            "From concept to launch",
-          ],
+          id: "m2",          value: "20+",          title: "Projects Completed",          items: [
+            "Delivered end-to-end",            "From concept to launch"],
         },
         {
-          id: "m3",
-          value: "95%",
-          title: "User Satisfaction",
-          items: [
-            "Measured through feedback loops",
-            "Focus on user delight",
-          ],
+          id: "m3",          value: "95%",          title: "User Satisfaction",          items: [
+            "Measured through feedback loops",            "Focus on user delight"],
         },
         {
-          id: "m4",
-          value: "3x",
-          title: "Engagement Increase",
-          items: [
-            "Achieved through UX optimizations",
-            "Driving business growth",
-          ],
+          id: "m4",          value: "3x",          title: "Engagement Increase",          items: [
+            "Achieved through UX optimizations",            "Driving business growth"],
         },
       ]}
       title="My Impact & Achievements"
@@ -339,16 +212,9 @@ export default function LandingPage() {
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       names={[
-        "Tech Innovations",
-        "Creative Studio",
-        "Global Brands",
-        "Digital Solutions",
-        "Future Forward",
-        "Enterprise X",
-        "Visionary Design",
-      ]}
+        "Tech Innovations",        "Creative Studio",        "Global Brands",        "Digital Solutions",        "Future Forward",        "Enterprise X",        "Visionary Design"]}
       title="Trusted by Leading Brands"
       description="Collaborating with diverse companies to elevate their digital presence and achieve their business objectives through exceptional design."
     />
@@ -360,55 +226,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          date: "Jan 2024",
-          title: "Revolutionary Product Design",
-          quote: "Ras has a remarkable talent for understanding complex user needs and translating them into elegant, intuitive designs. Their work significantly improved our product's adoption rate.",
-          tag: "Product Launch",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/physiotherapy-room-arrangement_23-2149047474.jpg",
-        },
+          id: "1",          name: "Sarah Johnson",          date: "Jan 2024",          title: "Revolutionary Product Design",          quote: "Ras has a remarkable talent for understanding complex user needs and translating them into elegant, intuitive designs. Their work significantly improved our product's adoption rate.",          tag: "Product Launch",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/physiotherapy-room-arrangement_23-2149047474.jpg"},
         {
-          id: "2",
-          name: "Michael Chen",
-          date: "Dec 2023",
-          title: "Exceptional UX Strategy",
-          quote: "The UX strategy Ras developed for us was insightful and incredibly effective. They brought a fresh perspective that truly elevated our platform's usability and aesthetic.",
-          tag: "UX Redesign",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg",
-        },
+          id: "2",          name: "Michael Chen",          date: "Dec 2023",          title: "Exceptional UX Strategy",          quote: "The UX strategy Ras developed for us was insightful and incredibly effective. They brought a fresh perspective that truly elevated our platform's usability and aesthetic.",          tag: "UX Redesign",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          date: "Nov 2023",
-          title: "Seamless Collaboration",
-          quote: "Beyond their incredible design skills, Ras is a joy to work with. Their communication and collaboration made the entire project a smooth and enjoyable experience.",
-          tag: "Team Collaboration",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg",
-        },
+          id: "3",          name: "Emily Rodriguez",          date: "Nov 2023",          title: "Seamless Collaboration",          quote: "Beyond their incredible design skills, Ras is a joy to work with. Their communication and collaboration made the entire project a smooth and enjoyable experience.",          tag: "Team Collaboration",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg"},
         {
-          id: "4",
-          name: "David Kim",
-          date: "Oct 2023",
-          title: "Impactful Visual Design",
-          quote: "Ras's visual design work is top-notch. They created an interface that not only looks stunning but also drives user engagement and conversion rates effectively.",
-          tag: "Visual Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/you-are-what-i-need-funny-cheerful-man-with-stubble-points-with-finger-gun-gesture-picks-up-someone-wears-casual-t-shirt-says-bang-you-killed-poses-vibrant-pink-wall_273609-42215.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038915.jpg",
-        },
+          id: "4",          name: "David Kim",          date: "Oct 2023",          title: "Impactful Visual Design",          quote: "Ras's visual design work is top-notch. They created an interface that not only looks stunning but also drives user engagement and conversion rates effectively.",          tag: "Visual Design",          avatarSrc: "http://img.b2bpic.net/free-photo/you-are-what-i-need-funny-cheerful-man-with-stubble-points-with-finger-gun-gesture-picks-up-someone-wears-casual-t-shirt-says-bang-you-killed-poses-vibrant-pink-wall_273609-42215.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038915.jpg"},
         {
-          id: "5",
-          name: "Jessica Lee",
-          date: "Sep 2023",
-          title: "Innovative Problem Solver",
-          quote: "Whenever we faced a design challenge, Ras always came up with innovative and practical solutions. Their creativity and problem-solving skills are truly impressive.",
-          tag: "Problem Solving",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/objects-stationery-workplace-workspace-equipment-concept_53876-31581.jpg",
-        },
+          id: "5",          name: "Jessica Lee",          date: "Sep 2023",          title: "Innovative Problem Solver",          quote: "Whenever we faced a design challenge, Ras always came up with innovative and practical solutions. Their creativity and problem-solving skills are truly impressive.",          tag: "Problem Solving",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/objects-stationery-workplace-workspace-equipment-concept_53876-31581.jpg"},
       ]}
       title="What Clients Say"
       description="Praise for design excellence, collaborative partnership, and impactful results from those I've worked with."
@@ -418,38 +244,20 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "What is your typical design process?",
-          content: "My process typically involves Discovery & Research, Ideation & Wireframing, Prototyping & Testing, and final UI Design & Handoff. Each phase is collaborative and tailored to project needs.",
-        },
+          id: "faq1",          title: "What is your typical design process?",          content: "My process typically involves Discovery & Research, Ideation & Wireframing, Prototyping & Testing, and final UI Design & Handoff. Each phase is collaborative and tailored to project needs."},
         {
-          id: "faq2",
-          title: "How do you ensure user-centricity in your designs?",
-          content: "User-centricity is at the core of my philosophy. I conduct thorough user research, create detailed personas and journey maps, and involve real users in testing throughout the design lifecycle.",
-        },
+          id: "faq2",          title: "How do you ensure user-centricity in your designs?",          content: "User-centricity is at the core of my philosophy. I conduct thorough user research, create detailed personas and journey maps, and involve real users in testing throughout the design lifecycle."},
         {
-          id: "faq3",
-          title: "What tools and software do you use?",
-          content: "I am proficient in Figma, Sketch, Adobe XD, Photoshop, Illustrator, and various prototyping tools like ProtoPie and Principle. I also use Miro for collaboration and brainstorming.",
-        },
+          id: "faq3",          title: "What tools and software do you use?",          content: "I am proficient in Figma, Sketch, Adobe XD, Photoshop, Illustrator, and various prototyping tools like ProtoPie and Principle. I also use Miro for collaboration and brainstorming."},
         {
-          id: "faq4",
-          title: "Can I see more of your work or specific case studies?",
-          content: "Absolutely! The 'Selected Projects' section highlights a few key projects. For a more in-depth look or specific case studies relevant to your needs, please contact me directly.",
-        },
+          id: "faq4",          title: "Can I see more of your work or specific case studies?",          content: "Absolutely! The 'Selected Projects' section highlights a few key projects. For a more in-depth look or specific case studies relevant to your needs, please contact me directly."},
         {
-          id: "faq5",
-          title: "How do you handle feedback and revisions?",
-          content: "Feedback is crucial for successful design. I facilitate structured feedback sessions and embrace an iterative approach, ensuring your vision is met while maintaining design integrity.",
-        },
+          id: "faq5",          title: "How do you handle feedback and revisions?",          content: "Feedback is crucial for successful design. I facilitate structured feedback sessions and embrace an iterative approach, ensuring your vision is met while maintaining design integrity."},
         {
-          id: "faq6",
-          title: "What are your typical project timelines?",
-          content: "Timelines vary depending on the scope and complexity of the project. After an initial consultation, I can provide a detailed proposal with estimated timelines and deliverables.",
-        },
+          id: "faq6",          title: "What are your typical project timelines?",          content: "Timelines vary depending on the scope and complexity of the project. After an initial consultation, I can provide a detailed proposal with estimated timelines and deliverables."},
       ]}
       title="Frequently Asked Questions"
       description="Find answers to common questions about my design process, services, and how we can work together on your next project."
@@ -461,90 +269,57 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "plain"}}
       text="Ready to transform your ideas into exceptional digital experiences? Let's connect and discuss how I can help your product succeed. Reach out today for a consultation!"
       buttons={[
         {
-          text: "Email Me",
-          href: "mailto:hello@rasmere.com",
-        },
+          text: "Email Me",          href: "mailto:hello@rasmere.com"},
         {
-          text: "Schedule a Call",
-          href: "#",
-        },
+          text: "Schedule a Call",          href: "#"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
+      className="bg-background"
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Home",
-              href: "#home",
-            },
+              label: "Home",              href: "#home"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Projects",
-              href: "#projects",
-            },
+              label: "Projects",              href: "#projects"},
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "UX Research",
-              href: "#features",
-            },
+              label: "UX Research",              href: "#features"},
             {
-              label: "UI Design",
-              href: "#features",
-            },
+              label: "UI Design",              href: "#features"},
             {
-              label: "Prototyping",
-              href: "#features",
-            },
+              label: "Prototyping",              href: "#features"},
             {
-              label: "Design Systems",
-              href: "#features",
-            },
+              label: "Design Systems",              href: "#features"},
           ],
         },
         {
-          title: "Connect",
-          items: [
+          title: "Connect",          items: [
             {
-              label: "LinkedIn",
-              href: "https://linkedin.com/in/rasmere",
-            },
+              label: "LinkedIn",              href: "https://linkedin.com/in/rasmere"},
             {
-              label: "Dribbble",
-              href: "https://dribbble.com/rasmere",
-            },
+              label: "Dribbble",              href: "https://dribbble.com/rasmere"},
             {
-              label: "Behance",
-              href: "https://behance.net/rasmere",
-            },
+              label: "Behance",              href: "https://behance.net/rasmere"},
             {
-              label: "Email",
-              href: "mailto:hello@rasmere.com",
-            },
+              label: "Email",              href: "mailto:hello@rasmere.com"},
           ],
         },
       ]}

From 5068dd32ae01e888fe96c5d8326c609307f90698 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 17:18:08 +0000
Subject: [PATCH 2/3] Update src/app/styles/base.css

---
 src/app/styles/base.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index ef0d40c..5c15d71 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-font-family: var(--font-mulish), sans-serif;), sans-serif;
+  font-family: var(--font-inter), sans-serif;), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-font-family: var(--font-mulish), sans-serif;), sans-serif;
+  font-family: var(--font-mulish), sans-serif;), sans-serif;
 }

From 1a92713acc37520488ab5ab0aa72a5db131f76ea Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 17:18:08 +0000
Subject: [PATCH 3/3] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 6d66bc8..539ce00 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #030128;
-  --card: #241f48;
-  --foreground: #ffffff;
-  --primary-cta: #ffffff;
-  --primary-cta-text: #030128;
-  --secondary-cta: #131136;
-  --secondary-cta-text: #d5d4f6;
-  --accent: #44358a;
-  --background-accent: #b597fe;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);