Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+              { name: "Garden", id: "/garden" },
+              { name: "Restaurant", id: "/restaurant" },
+            ]}
+            brandName="Green Valley Hotel"
+          />
+        </div>
+        <div id="about" data-section="about" className="pt-32">
+          <InlineImageSplitTextAbout
+            heading={[{ type: "text", content: "About Green Valley Hotel" }]}
+            useInvertedBackground={false}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/booking/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+              { name: "Garden", id: "/garden" },
+              { name: "Restaurant", id: "/restaurant" },
+            ]}
+            brandName="Green Valley Hotel"
+          />
+        </div>
+        <div id="contact" data-section="contact" className="pt-32 pb-20">
+          <ContactCTA
+            tag="Reservations"
+            title="Book Your Stay"
+            description="Fill in your details below to request a booking at our hotel."
+            buttons={[{ text: "Submit Request" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+              { name: "Garden", id: "/garden" },
+              { name: "Restaurant", id: "/restaurant" },
+            ]}
+            brandName="Green Valley Hotel"
+          />
+        </div>
+        <div id="contact" data-section="contact" className="pt-32 pb-20">
+          <ContactCTA
+            tag="Contact"
+            title="Get In Touch"
+            description="Reach out to our team for any inquiries, assistance, or feedback regarding your experience."
+            buttons={[{ text: "Email Us", href: "mailto:info@greenvalleyhotel.com" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/garden/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+
+export default function GardenPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+              { name: "Garden", id: "/garden" },
+              { name: "Restaurant", id: "/restaurant" },
+            ]}
+            brandName="Green Valley Hotel"
+          />
+        </div>
+        <div id="restaurant" data-section="restaurant" className="pt-32">
+            <FeatureCardOne
+                animationType="blur-reveal"
+                textboxLayout="split"
+                gridVariant="three-columns-all-equal-width"
+                useInvertedBackground={true}
+                title="Our Garden Showcase"
+                description="Stroll through our peaceful botanical sanctuary."
+                features={[
+                    { title: "Rose Garden", description: "Blooming beauty.", imageSrc: "http://img.b2bpic.net/free-photo/nature-holiday-travel-relaxation-resort_1203-5032.jpg?_wi=1" },
+                    { title: "Zen Pond", description: "Tranquil waters.", imageSrc: "http://img.b2bpic.net/free-photo/nature-holiday-travel-relaxation-resort_1203-5032.jpg?_wi=2" }
+                ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -27,11 +27,11 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleApple
             navItems={[
-              { name: "Home", id: "hero" },
-              { name: "About", id: "about" },
-              { name: "Rooms", id: "rooms" },
-              { name: "Restaurant", id: "restaurant" },
-              { name: "Contact", id: "contact" },
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Rooms", id: "/#rooms" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
             ]}
             brandName="Green Valley Hotel"
           />
@@ -43,8 +43,8 @@ export default function LandingPage() {
             logoText="Green Valley Hotel"
             description="Experience unparalleled tranquility and luxury in the heart of nature. Your serene escape awaits."
             buttons={[
-              { text: "Book Now", href: "#contact" },
-              { text: "Explore Rooms", href: "#rooms" },
+              { text: "Book Now", href: "/booking" },
+              { text: "Explore Rooms", href: "/#rooms" },
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg"
             imageAlt="luxury hotel banner resort exterior"
@@ -106,7 +106,7 @@ export default function LandingPage() {
             tag="Booking Info"
             title="Book Your Stay"
             description="Ready to experience the Green Valley? Contact us now to reserve your room or table."
-            buttons={[{ text: "Contact Us", href: "mailto:info@greenvalleyhotel.com" }]}
+            buttons={[{ text: "Contact Us", href: "/contact" }]}
           />
         </div>
       </ReactLenis>

src/app/restaurant/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+
+export default function RestaurantPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+              { name: "Garden", id: "/garden" },
+              { name: "Restaurant", id: "/restaurant" },
+            ]}
+            brandName="Green Valley Hotel"
+          />
+        </div>
+        <div id="restaurant" data-section="restaurant" className="pt-32">
+            <FeatureCardOne
+                animationType="slide-up"
+                textboxLayout="inline-image"
+                gridVariant="two-items-per-row"
+                useInvertedBackground={false}
+                title="Our Menu"
+                description="Explore our curated selection of fine dining experiences."
+                features={[
+                    { title: "Indian Cuisine", description: "Authentic flavors.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg?_wi=1" },
+                    { title: "Chinese Delicacies", description: "Traditional recipes.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-lettuce-frame_23-2148633473.jpg?_wi=2" }
+                ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}