diff --git a/src/app/page.tsx b/src/app/page.tsx
index d1e4fb9..9fa5389 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,15 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
-import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Star } from "lucide-react";
+import { Star, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -62,25 +62,16 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <MediaSplitTabsAbout
-          title="Welcome to Our Hotel"
-          description="A sanctuary of elegance and hospitality"
-          tabs={[
-            {
-              id: "history",              label: "Our Story",              description: "Established in 1995, our hotel has been welcoming guests with unparalleled service for nearly three decades. We combine classic elegance with modern comfort."
-            },
-            {
-              id: "mission",              label: "Our Mission",              description: "To create unforgettable experiences through exceptional hospitality, attention to detail, and a commitment to excellence in every guest interaction."
-            },
-            {
-              id: "values",              label: "Our Values",              description: "We believe in sustainable practices, cultural appreciation, and ensuring every guest feels valued and cherished during their stay with us."
-            }
+        <TextSplitAbout
+          title="About Us"
+          description={[
+            "Established in 1995, our hotel has been welcoming guests with unparalleled service for nearly three decades. We combine classic elegance with modern comfort.",            "To create unforgettable experiences through exceptional hospitality, attention to detail, and a commitment to excellence in every guest interaction.",            "We believe in sustainable practices, cultural appreciation, and ensuring every guest feels valued and cherished during their stay with us."
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg"
-          imageAlt="Luxury hotel facade"
-          imagePosition="right"
-          mediaAnimation="slide-up"
+          showBorder={true}
           useInvertedBackground={false}
+          buttons={[
+            { text: "Learn More", href: "#contact" }
+          ]}
           ariaLabel="About section"
         />
       </div>
@@ -118,15 +109,15 @@ export default function LandingPage() {
       </div>
 
       <div id="metric" data-section="metric">
-        <MetricCardTwo
+        <MetricCardOne
           title="Hotel Excellence"
           description="We pride ourselves on delivering exceptional experiences to our guests"
           tag="By The Numbers"
           metrics={[
-            { id: "1", value: "98%", description: "Guest Satisfaction Rate" },
-            { id: "2", value: "25+", description: "Years of Excellence" },
-            { id: "3", value: "150+", description: "Luxury Rooms & Suites" },
-            { id: "4", value: "5★", description: "Average Rating" }
+            { id: "1", value: "98", title: "percent", description: "Guest Satisfaction Rate", icon: TrendingUp },
+            { id: "2", value: "25", title: "years", description: "Years of Excellence", icon: TrendingUp },
+            { id: "3", value: "150", title: "rooms", description: "Luxury Rooms & Suites", icon: TrendingUp },
+            { id: "4", value: "5", title: "stars", description: "Average Rating", icon: TrendingUp }
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"