diff --git a/src/templates/hotel/page.tsx b/src/templates/hotel/page.tsx
index e4ac208..c623465 100644
--- a/src/templates/hotel/page.tsx
+++ b/src/templates/hotel/page.tsx
@@ -4,8 +4,19 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
 
 export default function HotelPage() {
   return (
-    <ThemeProvider>
-      <div id="nav" data-section="nav">
+    <ThemeProvider
+      defaultButtonVariant="gradient"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav" data-webild-component="NavbarFloatingLogo" data-webild-component-path="@/components/ui/NavbarFloatingLogo">
         <NavbarFloatingLogo 
           logo="NEXORA AI"
           logoImageSrc="http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473197.jpg"
@@ -13,7 +24,7 @@ export default function HotelPage() {
           ctaButton={{ text: "Get Started", href: "#cta" }}
         />
       </div>
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" data-webild-component="HeroBillboardCarousel" data-webild-component-path="@/components/sections/hero/HeroBillboardCarousel">
         <HeroBillboardCarousel
           tag="Next Generation AI"
           title="Automate Your Business with AI"