Update src/app/page.tsx

Merge version_1 into main

src/app/blog/page.tsx

@@ -67,7 +67,7 @@ export default function BlogPage() {
                         columns={[
                             {
                                 items: [
-                                    { label: "Home", href: "#hero" },
+                                    { label: "Home", href: "/" },
                                     { label: "Rooms", href: "#product" },
                                     { label: "About", href: "#about" },
                                     { label: "Reviews", href: "#testimonial" }

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
+        <TextSplitAbout
-          title="Welcome to Our Hotel"
+          title="About Us"
-          description="A sanctuary of elegance and hospitality"
+          description={[
-          tabs={[
+            "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."
-            {
-              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."
-            }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg"
+          showBorder={true}
-          imageAlt="Luxury hotel facade"
-          imagePosition="right"
-          mediaAnimation="slide-up"
           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: "1", value: "98", title: "percent", description: "Guest Satisfaction Rate", icon: TrendingUp },
-            { id: "2", value: "25+", description: "Years of Excellence" },
+            { id: "2", value: "25", title: "years", description: "Years of Excellence", icon: TrendingUp },
-            { id: "3", value: "150+", description: "Luxury Rooms & Suites" },
+            { id: "3", value: "150", title: "rooms", description: "Luxury Rooms & Suites", icon: TrendingUp },
-            { id: "4", value: "5★", description: "Average Rating" }
+            { id: "4", value: "5", title: "stars", description: "Average Rating", icon: TrendingUp }
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"