Update src/app/rooms/page.tsx

Merge version_1 into main

src/app/amenities/page.tsx

@@ -10,16 +10,16 @@ import { Bell, Car, Phone, Sparkles, Wifi, Headset, Utensils, ClipboardList } fr
 export default function AmenitiesPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
+        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="smallMedium"
         sizing="large"
-        background="noiseDiagonalGradient"
+        background="none"
-        cardStyle="gradient-bordered"
+        cardStyle="solid"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -40,7 +40,7 @@ export default function AmenitiesPage() {
             ]}
             button={{
               text: "Book Your Stay",        href: "/#contact"}}
-            brandName="Sirano Hotel"
+            brandName="Sirano Hotel (ስራኖ ሆቴል)"
           />
         </div>
 
@@ -87,7 +87,7 @@ export default function AmenitiesPage() {
                         ]
                     }
                 ]}
-                bottomLeftText="© 2024 Sirano Hotel. All rights reserved."
+                bottomLeftText="© 2024 Sirano Hotel (ስራኖ ሆቴል). All rights reserved."
                 bottomRightText="Built with comfort in mind."
             />
         </div>

src/app/contact/page.tsx

@@ -10,16 +10,16 @@ import { Bell, Car, Phone, Sparkles, Wifi } from "lucide-react";
 export default function ContactPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
+        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="smallMedium"
         sizing="large"
-        background="noiseDiagonalGradient"
+        background="none"
-        cardStyle="gradient-bordered"
+        cardStyle="solid"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -40,7 +40,7 @@ export default function ContactPage() {
             ]}
             button={{
               text: "Book Your Stay",        href: "/#contact"}}
-            brandName="Sirano Hotel"
+            brandName="Sirano Hotel (ስራኖ ሆቴል)"
           />
         </div>
 
@@ -84,7 +84,7 @@ export default function ContactPage() {
                         ]
                     }
                 ]}
-                bottomLeftText="© 2024 Sirano Hotel. All rights reserved."
+                bottomLeftText="© 2024 Sirano Hotel (ስራኖ ሆቴል). All rights reserved."
                 bottomRightText="Built with comfort in mind."
             />
         </div>

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Lato } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Sirano Hotel - Your finest stay in Wolkite, Ethiopia',
+  title: 'Sirano Hotel (ስራኖ ሆቴል) - Your finest stay in Wolkite, Ethiopia',
-  description: 'Experience unparalleled comfort at Sirano Hotel in Wolkite. Offering clean, spacious rooms, fast WiFi, free parking, and exceptional service for business and leisure travelers.',
+  description: 'Experience unparalleled comfort at Sirano Hotel (ስራኖ ሆቴል) in Wolkite. Offering clean, spacious rooms, fast WiFi, free parking, and exceptional service for business and leisure travelers.',
   keywords: ["Sirano Hotel, Wolkite, Ethiopia, hotel, accommodation, business travel, leisure travel, clean rooms, free wifi, parking, hotel booking"],
   openGraph: {
     "title": "Sirano Hotel - Your finest stay in Wolkite, Ethiopia",

src/app/page.tsx

@@ -16,16 +16,16 @@ import { Bell, Car, Phone, Sparkles, Wifi } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
+        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="smallMedium"
         sizing="large"
-        background="noiseDiagonalGradient"
+        background="none"
-        cardStyle="gradient-bordered"
+        cardStyle="solid"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -46,7 +46,7 @@ export default function LandingPage() {
       ]}
       button={{
         text: "Book Your Stay",        href: "/#contact"}}
-      brandName="Sirano Hotel"
+      brandName="Sirano Hotel (ስራኖ ሆቴል)"
     />
   </div>
 
@@ -54,7 +54,7 @@ export default function LandingPage() {
       <HeroLogoBillboardSplit
       background={{
         variant: "radial-gradient"}}
-      logoText="SIRANO HOTEL"
+      logoText="Sirano Hotel (ስራኖ ሆቴል)"
       description="Clean, spacious rooms with fast WiFi, free parking, and exceptional service. Experience comfort crafted for every traveler."
       buttons={[
         {
@@ -108,15 +108,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "standard-room",          name: "Standard Room",          price: "ETB 1,500/night",          imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532981.jpg",          imageAlt: "Comfortable standard hotel room",          priceButtonProps: {
+          id: "standard-room",          name: "Standard Room",          price: "ETB 1,500/night",          imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532981.jpg?_wi=1",          imageAlt: "Comfortable standard hotel room",          priceButtonProps: {
             text: "Book Now"}
         },
         {
-          id: "deluxe-room",          name: "Deluxe Room",          price: "ETB 2,500/night",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118951.jpg",          imageAlt: "Spacious deluxe hotel room",          priceButtonProps: {
+          id: "deluxe-room",          name: "Deluxe Room",          price: "ETB 2,500/night",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118951.jpg?_wi=1",          imageAlt: "Spacious deluxe hotel room",          priceButtonProps: {
             text: "Book Now"}
         },
         {
-          id: "executive-suite",          name: "Executive Suite",          price: "ETB 4,000/night",          imageSrc: "http://img.b2bpic.net/free-photo/chair-front-businesswoman-sitting-caf_23-2147876643.jpg",          imageAlt: "Luxurious executive suite with living area",          priceButtonProps: {
+          id: "executive-suite",          name: "Executive Suite",          price: "ETB 4,000/night",          imageSrc: "http://img.b2bpic.net/free-photo/chair-front-businesswoman-sitting-caf_23-2147876643.jpg?_wi=1",          imageAlt: "Luxurious executive suite with living area",          priceButtonProps: {
             text: "Book Now"}
         }
       ]}
@@ -198,9 +198,9 @@ export default function LandingPage() {
             {
               label: "About Us",              href: "/#about"},
             {
-              label: "Rooms",              href: "/#rooms"},
+              label: "Rooms",              href: "/rooms"},
             {
-              label: "Amenities",              href: "/#amenities"}
+              label: "Amenities",              href: "/amenities"}
           ]
         },
         {
@@ -208,7 +208,7 @@ export default function LandingPage() {
             {
               label: "FAQ",              href: "/#faq"},
             {
-              label: "Contact Us",              href: "/#contact"},
+              label: "Contact Us",              href: "/contact"},
             {
               label: "Booking Policy",              href: "#"}
           ]
@@ -222,7 +222,7 @@ export default function LandingPage() {
           ]
         }
       ]}
-      bottomLeftText="© 2024 Sirano Hotel. All rights reserved."
+      bottomLeftText="© 2024 Sirano Hotel (ስራኖ ሆቴል). All rights reserved."
       bottomRightText="Built with comfort in mind."
     />
   </div>

src/app/rooms/page.tsx

@@ -10,16 +10,16 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
+        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="smallMedium"
         sizing="large"
-        background="noiseDiagonalGradient"
+        background="none"
-        cardStyle="gradient-bordered"
+        cardStyle="solid"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -40,7 +40,7 @@ export default function LandingPage() {
       ]}
       button={{
         text: "Book Your Stay",        href: "/#contact"}}
-      brandName="Sirano Hotel"
+      brandName="Sirano Hotel (ስራኖ ሆቴል)"
     />
   </div>
 
@@ -52,11 +52,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",          name: "Standard Room",          price: "$80/night",          imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532981.jpg",          imageAlt: "Cozy standard hotel room with a comfortable bed"},
+          id: "1",          name: "Standard Room",          price: "$80/night",          imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532981.jpg?_wi=2",          imageAlt: "Cozy standard hotel room with a comfortable bed"},
         {
-          id: "2",          name: "Deluxe Room",          price: "$120/night",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118951.jpg",          imageAlt: "Spacious deluxe hotel room with elegant decor"},
+          id: "2",          name: "Deluxe Room",          price: "$120/night",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118951.jpg?_wi=2",          imageAlt: "Spacious deluxe hotel room with elegant decor"},
         {
-          id: "3",          name: "Executive Suite",          price: "$200/night",          imageSrc: "http://img.b2bpic.net/free-photo/chair-front-businesswoman-sitting-caf_23-2147876643.jpg",          imageAlt: "Luxury executive suite with separate living area"},
+          id: "3",          name: "Executive Suite",          price: "$200/night",          imageSrc: "http://img.b2bpic.net/free-photo/chair-front-businesswoman-sitting-caf_23-2147876643.jpg?_wi=2",          imageAlt: "Luxury executive suite with separate living area"},
       ]}
       title="Our Luxurious Rooms & Suites"
       description="Discover a haven of comfort and elegance at Sirano Hotel. Each room is designed to offer a serene escape with modern amenities and a touch of Ethiopian hospitality, ensuring a memorable stay."
@@ -70,13 +70,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "1",          value: "Spacious",          title: "Generous Space",          description: "Ample room for relaxation and comfort, perfect for both business and leisure.",          videoSrc: "https://www.example.com/placeholder-video.mp4"
+          id: "1",          value: "Spacious",          title: "Generous Space",          description: "Ample room for relaxation and comfort, perfect for both business and leisure.",          videoSrc: "https://www.example.com/placeholder-video.mp4?_wi=1"
         },
         {
-          id: "2",          value: "Panoramic",          title: "Stunning Views",          description: "Enjoy breathtaking views of Wolkite from the comfort of your private balcony.",          videoSrc: "https://www.example.com/placeholder-video.mp4"
+          id: "2",          value: "Panoramic",          title: "Stunning Views",          description: "Enjoy breathtaking views of Wolkite from the comfort of your private balcony.",          videoSrc: "https://www.example.com/placeholder-video.mp4?_wi=2"
         },
         {
-          id: "3",          value: "Connected",          title: "High-Speed WiFi",          description: "Stay productive and entertained with our complimentary and fast internet access.",          videoSrc: "https://www.example.com/placeholder-video.mp4"
+          id: "3",          value: "Connected",          title: "High-Speed WiFi",          description: "Stay productive and entertained with our complimentary and fast internet access.",          videoSrc: "https://www.example.com/placeholder-video.mp4?_wi=3"
         },
       ]}
       title="Unmatched Comfort & Features"
@@ -116,7 +116,7 @@ export default function LandingPage() {
           ],
         },
       ]}
-      logoText="Sirano Hotel"
+      logoText="Sirano Hotel (ስራኖ ሆቴል)"
       copyrightText="© 2024 Sirano Hotel. All rights reserved."
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #1b0c25;
+  --foreground: #f5f5f5;
-  --primary-cta: #1b0c25;
+  --primary-cta: #ffdf7d;
-  --primary-cta-text: #f7f6f7;
+  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #1b0c25;
+  --secondary-cta-text: #ffffff;
-  --accent: #ff93e4;
+  --accent: #b8860b;
-  --background-accent: #e8a8c3;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);