diff --git a/src/app/page.tsx b/src/app/page.tsx
index f6718f7..73c9090 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Award, CheckCircle, Droplets, DollarSign, Heart, HelpCircle, Quote, Shield, Sparkles, Star, Zap } from 'lucide-react';
+import { Award, CheckCircle, Droplets, DollarSign, Heart, HelpCircle, Quote, Shield, Sparkles, Star, Zap, Scissors, Palette, Smile, Gem, Crown, Wind } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -96,46 +96,56 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <ProductCardThree
+        <FeatureBorderGlow
           title="Services That Don't Depend on Mood 😄"
           description="Clear, consistent pricing. Professional service. Every single time. No excuses."
           tag="What We Offer"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           textboxLayout="default"
-          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           useInvertedBackground={false}
-          products={[
-            { id: "haircut", name: "Premium Haircut", price: "₹300", imageSrc: "http://img.b2bpic.net/free-photo/visit-friendly-hairdresser-salon_329181-1936.jpg?_wi=2", imageAlt: "Professional haircut service" },
-            { id: "hair-spa", name: "Hair Spa", price: "₹1,500+", imageSrc: "http://img.b2bpic.net/free-photo/sisters-twins-posing-smiling-grey_176420-7602.jpg", imageAlt: "Hair spa treatment" },
-            { id: "hair-color", name: "Hair Color", price: "₹2,000+", imageSrc: "http://img.b2bpic.net/free-photo/portrait-artistic-girl_23-2148014062.jpg", imageAlt: "Professional hair coloring" },
-            { id: "facial", name: "Professional Facial", price: "₹800", imageSrc: "http://img.b2bpic.net/free-photo/patient-undergoing-microneedling-procedure_23-2149374056.jpg?_wi=2", imageAlt: "Facial treatment service" },
-            { id: "cleanup", name: "Skin Cleanup", price: "₹500", imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-concept_23-2150087675.jpg", imageAlt: "Skin cleanup service" },
-            { id: "manicure", name: "Manicure & Pedicure", price: "₹600+", imageSrc: "http://img.b2bpic.net/free-photo/visit-friendly-hairdresser-salon_329181-1936.jpg?_wi=3", imageAlt: "Manicure pedicure service" }
+          features={[
+            {
+              icon: Scissors,
+              title: "Premium Haircut",              description: "₹300 - Expert precision cuts with personalized styling"
+            },
+            {
+              icon: Wind,
+              title: "Hair Spa",              description: "₹1,500+ - Luxurious deep conditioning treatment"
+            },
+            {
+              icon: Palette,
+              title: "Hair Color",              description: "₹2,000+ - Professional coloring with premium products"
+            },
+            {
+              icon: Crown,
+              title: "Professional Facial",              description: "₹800 - Radiant skin with premium facial treatments"
+            },
+            {
+              icon: Gem,
+              title: "Skin Cleanup",              description: "₹500 - Deep cleansing for flawless complexion"
+            },
+            {
+              icon: Smile,
+              title: "Manicure & Pedicure",              description: "₹600+ - Elegant nail care and styling"
+            }
           ]}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne
-          title="Real Reviews From Real Customers 🌟"
-          description="We listen to feedback—even the tough ones. That's how we keep improving."
-          tag="Customer Stories"
-          tagIcon={Quote}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          gridVariant="three-columns-all-equal-width"
-          animationType="opacity"
-          useInvertedBackground={false}
-          testimonials={[
-            { id: "1", name: "Priya Sharma", role: "CEO", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "happy customer portrait professional" },
-            { id: "2", name: "Rajesh Kumar", role: "Manager", company: "Finance Sector", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3236.jpg", imageAlt: "happy man portrait satisfied" },
-            { id: "3", name: "Anjali Patel", role: "Doctor", company: "Medical Professional", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-pleasant-woman-shirt_197531-19641.jpg", imageAlt: "confident woman portrait smiling" },
-            { id: "4", name: "Arun Singh", role: "Entrepreneur", company: "Business Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-businessman-shaking-male-hand-meeting-first-im_1163-5278.jpg", imageAlt: "professional portrait man confident" },
-            { id: "5", name: "Neha Verma", role: "Designer", company: "Creative Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", imageAlt: "woman portrait happy professional" },
-            { id: "6", name: "Vikram Desai", role: "Consultant", company: "Business Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageAlt: "professional man portrait happy" }
+        <TestimonialCardFifteen
+          testimonial="Alex Hair & Skin Studio transformed my look completely. The team is professional, attentive, and genuinely cares about customer satisfaction. Every visit feels premium yet welcoming. Highly recommend!"
+          rating={5}
+          author="Priya Sharma & Team"
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Satisfied customer portrait" },
+            { src: "http://img.b2bpic.net/free-photo/front-view-pleasant-woman-shirt_197531-19641.jpg", alt: "Happy customer" }
           ]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
 
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 0435273..aa7fd03 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-archivo), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d80685e..119d520 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #D4AF37;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #d4af37;
   --primary-cta-text: #000000;
-  --secondary-cta: #000000;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #d4af37;
+  --background-accent: #2a2a2a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);