diff --git a/src/app/page.tsx b/src/app/page.tsx
index 47593e4..ddda970 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, Calendar, Smile } from "lucide-react";
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Award, Calendar, Smile, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -101,33 +101,30 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      cardTitle="What Our Clients Say"
-      cardTag="Testimonials"
-      cardAnimation="blur-reveal"
-      useInvertedBackground={true}
+      <TestimonialCardThirteen
+      title="What Our Clients Say"
+      description="Refining the art of luxury floral experiences."
+      showRating={true}
+      animationType="depth-3d"
+      textboxLayout="default"
       testimonials={[
-        { id: "t1", name: "Varun", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg" },
-        { id: "t2", name: "Srija", imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-with-tie-posing_114579-15876.jpg" },
-        { id: "t3", name: "Priya", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-selfie-medium-shot_23-2149110910.jpg" },
-        { id: "t4", name: "Amit", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-talking-with-each-other_23-2148395400.jpg" },
-        { id: "t5", name: "Sneha", imageSrc: "http://img.b2bpic.net/free-photo/toast-you-dear-colleague_637285-9641.jpg" },
+        { id: "t1", name: "Varun", handle: "@varun", testimonial: "The floral arrangements were absolutely breathtaking, turning our venue into a dreamland.", rating: 5, icon: Star },
+        { id: "t2", name: "Srija", handle: "@srija", testimonial: "Professionalism and artistry combined perfectly. Truly memorable experiences.", rating: 5, icon: Star },
+        { id: "t3", name: "Priya", handle: "@priya", testimonial: "The attention to detail in every bouquet is unmatched. We loved it!", rating: 5, icon: Star },
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Contact"
-      title="Bring Your Vision to Life"
-      description="Let's craft the perfect floral arrangement for your next celebration."
+      <ContactText
+      text="Let's create something extraordinary together."
       background={{ variant: "sparkles-gradient" }}
-      useInvertedBackground={false}
+      buttons={[{ text: "Start Consultation", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseCard
       logoText="The Secret Garden"
       columns={[
         {