diff --git a/src/app/page.tsx b/src/app/page.tsx
index b2664ce..a87e9c5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
   return (
@@ -139,29 +139,25 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
+      <TestimonialCardSix
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",          name: "Alex R.",          role: "Collector",          testimonial: "The precision is unmatched. The bone detail feels alive.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-with-tattooed-naked-torso-crossed-arms-sits-chair-dark-grey-background_613910-1780.jpg"},
+          id: "1",          name: "Alex R.",          handle: "@alexr",          testimonial: "The precision is unmatched. The bone detail feels alive.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-with-tattooed-naked-torso-crossed-arms-sits-chair-dark-grey-background_613910-1780.jpg"},
         {
-          id: "2",          name: "Sam B.",          role: "Client",          testimonial: "Dark, ethereal, exactly what I envisioned.",          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-pointing-book-studying_23-2147737568.jpg"},
+          id: "2",          name: "Sam B.",          handle: "@samb",          testimonial: "Dark, ethereal, exactly what I envisioned.",          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-pointing-book-studying_23-2147737568.jpg"},
         {
-          id: "3",          name: "Jordan P.",          role: "Collector",          testimonial: "Slater is an artist first, tattooist second.",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-old-woman-wearing-hat_250224-37.jpg"},
-        {
-          id: "4",          name: "Casey W.",          role: "Client",          testimonial: "So gentle yet so detailed. Incredible atmosphere.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-2923.jpg"},
-        {
-          id: "5",          name: "Jamie M.",          role: "Collector",          testimonial: "I travel across the country for these lines.",          imageSrc: "http://img.b2bpic.net/free-photo/crop-couple-holding-hands-belly_1153-2654.jpg"},
+          id: "3",          name: "Jordan P.",          handle: "@jordanp",          testimonial: "Slater is an artist first, tattooist second.",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-old-woman-wearing-hat_250224-37.jpg"},
       ]}
       title="Client Experience"
-      description="What our clients are saying about the Slater experience."
+      description="Voices from the canvas."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqSplitText
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
@@ -172,10 +168,9 @@ export default function LandingPage() {
         {
           id: "f3",          title: "What is the deposit policy?",          content: "A non-refundable deposit is required to secure all booking appointments."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-tattoo-artist-doing-her-job_23-2149445982.jpg"
-      title="Studio Info"
-      description="Common questions about booking and maintenance."
-      faqsAnimation="slide-up"
+      sideTitle="Studio Info"
+      sideDescription="Common questions about booking and maintenance."
+      faqsAnimation="blur-reveal"
     />
   </div>
 
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 1a5bb9f..661c8af 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
-  --card: #ffffff;
-  --foreground: #1a1a1a;
-  --primary-cta: #2c2c2c;
+  --background: #0a0a0a;
+  --card: #121212;
+  --foreground: #e0e0e0;
+  --primary-cta: #ffffff;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #1e1e1e;
   --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
-  --background-accent: #e8e6e1;
+  --accent: #333333;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);