Merge version_5_1779572163920 into main

Merge version_5_1779572163920 into main

src/index.css

@@ -4,16 +4,16 @@
 @import "./styles/animations.css";
 
 :root {
-  /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #ffdf7d;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
-  --background-accent: #8b6914;
+  /* @colorThemes/lightTheme/blueWhite */
+  --background: #fdfaf6;
+  --card: #fdfaf6;
+  --foreground: #333333;
+  --primary-cta: #b8860b; /* DarkGoldenrod */
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #e6d8ad; /* Light gold */
+  --secondary-cta-text: #333333;
+  --accent: #daa520; /* Goldenrod */
+  --background-accent: #fff8dc; /* Cornsilk */
 
   /* @layout/border-radius/rounded */
   --radius: 0.5rem;

src/pages/HomePage.tsx

@@ -2,7 +2,7 @@ import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
 import ContactCta from '@/components/sections/contact/ContactCta';
 import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
 import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
-import HeroBrand from '@/components/sections/hero/HeroBrand';
+import HeroBrandCarousel from '@/components/sections/hero/HeroBrandCarousel';
 import ProductMediaCards from '@/components/sections/product/ProductMediaCards';
 import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
 import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards';
@@ -13,8 +13,8 @@ export default function HomePage() {
     <>
   <div id="home" data-section="home">
     <SectionErrorBoundary name="home">
-          <HeroBrand
-      brand="Experience Unrivaled Luxury"
+          <HeroBrandCarousel
+      brand="Luxury"
       description="Discover a sanctuary of elegance and comfort in the heart of the city, where every stay is a masterpiece of hospitality."
       primaryButton={{
         text: "Book Your Stay",
@@ -24,7 +24,11 @@ export default function HomePage() {
         text: "Explore Rooms",
         href: "#rooms",
       }}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
+      items={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg" },
+        { imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg" },
+        { imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-room-with-modern-design_105762-1677.jpg" },
+      ]}
     />
     </SectionErrorBoundary>
   </div>