Merge version_4 into main

Merge version_4 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fffcfc;;
+  --background: #f8fcff;;
-  --card: #fffafa;;
+  --card: #ffffff;;
-  --foreground: #220000;;
+  --foreground: #00101f;;
-  --primary-cta: #c1121f;;
+  --primary-cta: #409fff;;
   --secondary-cta: #ffffff;;
-  --accent: #f0b8bc;;
+  --accent: #c7e2fc;;
-  --background-accent: #e07a82;;
+  --background-accent: #9bcfff;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
+import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -54,6 +55,34 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="about" data-section="about">
+        <MediaSplitTabsAbout
+          title="About Luxe Hotels"
+          description="Discover what makes us the premier choice for luxury hospitality."
+          tabs={[
+            {
+              id: "heritage",
+              label: "Our Heritage",
+              description: "With over 25 years of excellence in luxury hospitality, Luxe Hotels has set the standard for premium accommodations and exceptional service. Our legacy is built on a commitment to creating unforgettable experiences for every guest."
+            },
+            {
+              id: "mission",
+              label: "Our Mission",
+              description: "We are dedicated to providing world-class hospitality that exceeds expectations. Every detail, from personalized service to carefully curated amenities, is designed to ensure your comfort and satisfaction during your stay."
+            },
+            {
+              id: "values",
+              label: "Our Values",
+              description: "Excellence, integrity, and guest-centric service guide everything we do. We believe in sustainable practices, supporting our local communities, and treating every member of our team and every guest with respect and dignity."
+            }
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184722691-mip9ww4c.jpg"
+          imageAlt="Luxe Hotels main entrance"
+          imagePosition="right"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
       <div id="features" data-section="features">
         <FeatureCardTwentyOne
           title="World-Class Amenities"