Update src/app/page.tsx

Merge version_3 into main

src/app/admin/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { useState } from "react";
+import { Plus, Trash2, Edit2, Calendar } from "lucide-react";
+
+export default function AdminDashboard() {
+  const [rooms, setRooms] = useState([
+    { id: "1", name: "Superior Queen", status: "Available", price: "$120" },
+    { id: "2", name: "King Suite", status: "Booked", price: "$250" },
+  ]);
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Dashboard", id: "/admin" },
+            { name: "Back to Home", id: "/" }
+          ]}
+          brandName="StayBook Admin"
+        />
+        
+        <main className="pt-32 pb-20 px-6 container mx-auto min-h-screen">
+          <div className="flex justify-between items-center mb-10">
+            <h1 className="text-4xl font-extrabold">Room Management</h1>
+            <button className="px-6 py-3 bg-primary rounded-lg flex items-center gap-2">
+              <Plus className="w-4 h-4" /> Add New Room
+            </button>
+          </div>
+
+          <div className="grid gap-6">
+            {rooms.map((room) => (
+              <div key={room.id} className="p-6 rounded-xl border flex justify-between items-center bg-card">
+                <div>
+                  <h3 className="text-xl font-semibold">{room.name}</h3>
+                  <p className="text-sm opacity-70">Status: {room.status} • Price: {room.price}/night</p>
+                </div>
+                <div className="flex gap-3">
+                  <button className="p-2 hover:bg-white/10 rounded"><Edit2 className="w-4 h-4" /></button>
+                  <button className="p-2 hover:bg-red-500/20 text-red-400 rounded"><Trash2 className="w-4 h-4" /></button>
+                  <button className="p-2 hover:bg-white/10 rounded"><Calendar className="w-4 h-4" /></button>
+                </div>
+              </div>
+            ))}
+          </div>
+        </main>
+
+        <FooterBase
+          logoText="StayBook"
+          columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -12,7 +12,7 @@ import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { CalendarDays, Coffee, MapPin, ShieldCheck, Sparkles, Wifi } from "lucide-react";
+import { CalendarDays, Coffee, MapPin, ShieldCheck, Sparkles, Wifi, Banknote } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,14 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Rooms",          id: "#rooms"},
-        {
-          name: "Pricing",          id: "#pricing"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "About", id: "#about" },
+        { name: "Rooms", id: "#rooms" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Contact", id: "#contact" },
+        { name: "Admin", id: "/admin" },
       ]}
       brandName="StayBook"
     />
@@ -52,26 +49,18 @@ export default function LandingPage() {
       title="Your Home Away From Home"
       description="Experience unparalleled comfort and convenience with our premium room booking service designed for every traveler."
       carouselItems={[
-        {
-          id: "c1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fmsnb",          imageAlt: "luxury hotel interior photography"},
-        {
-          id: "c2",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8by64g",          imageAlt: "cozy apartment interior living space"},
-        {
-          id: "c3",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fatwoa",          imageAlt: "hotel lobby interior design"},
-        {
-          id: "c4",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6tmmd",          imageAlt: "luxury resort lounge interior"},
-        {
-          id: "c5",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdtzo3",          imageAlt: "hotel balcony city view sunset"},
-        {
-          id: "c6",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vrzonm",          imageAlt: "luxury hotel bedding suite"},
+        { id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fmsnb", imageAlt: "luxury hotel interior photography" },
+        { id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8by64g", imageAlt: "cozy apartment interior living space" },
+        { id: "c3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fatwoa", imageAlt: "hotel lobby interior design" },
+        { id: "c4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6tmmd", imageAlt: "luxury resort lounge interior" },
+        { id: "c5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdtzo3", imageAlt: "hotel balcony city view sunset" },
+        { id: "c6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vrzonm", imageAlt: "luxury hotel bedding suite" },
       ]}
       tag="Luxury Hospitality"
       tagIcon={Sparkles}
       buttons={[
-        {
-          text: "Find Your Stay",          href: "#rooms"},
-        {
-          text: "Learn More",          href: "#about"},
+        { text: "Find Your Stay", href: "#rooms" },
+        { text: "Learn More", href: "#about" },
       ]}
     />
   </div>
@@ -81,10 +70,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Redefining Hospitality"
       description={[
-        "Our mission is to provide seamless, high-quality stays for guests who appreciate attention to detail and modern comfort.",        "We carefully curate every property to ensure you get the best experience possible, whether you're traveling for business or pleasure."]}
+        "Our mission is to provide seamless, high-quality stays for guests who appreciate attention to detail and modern comfort.",        "We carefully curate every property to ensure you get the best experience possible, whether you're traveling for business or pleasure."
+      ]}
       buttons={[
-        {
-          text: "Explore Services",          href: "#features"},
+        { text: "Explore Services", href: "#features" },
       ]}
     />
   </div>
@@ -95,21 +84,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Wifi,
-          title: "High-Speed Internet",          description: "Stay connected with lightning-fast Wi-Fi available in every room."},
-        {
-          icon: Coffee,
-          title: "Breakfast Included",          description: "Start your day right with a delicious breakfast served fresh daily."},
-        {
-          icon: ShieldCheck,
-          title: "24/7 Security",          description: "Rest easy knowing our properties have round-the-clock security surveillance."},
-        {
-          icon: MapPin,
-          title: "Prime Locations",          description: "Ideally situated near top attractions and business districts."},
-        {
-          icon: CalendarDays,
-          title: "Flexible Booking",          description: "Hassle-free reservation management and easy cancellation."},
+        { icon: Wifi, title: "High-Speed Internet", description: "Stay connected with lightning-fast Wi-Fi available in every room." },
+        { icon: Coffee, title: "Breakfast Included", description: "Start your day right with a delicious breakfast served fresh daily." },
+        { icon: ShieldCheck, title: "24/7 Security", description: "Rest easy knowing our properties have round-the-clock security surveillance." },
+        { icon: MapPin, title: "Prime Locations", description: "Ideally situated near top attractions and business districts." },
+        { icon: CalendarDays, title: "Flexible Booking", description: "Hassle-free reservation management and easy cancellation." },
+        { icon: Banknote, title: "Bank Payment Options", description: "Securely pay for your bookings directly via your preferred banking partner." },
       ]}
       title="Why Choose Us"
       description="We offer more than just a place to sleep. Discover the perks of booking with StayBook."
@@ -123,24 +103,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "r1",          brand: "Standard",          name: "Superior Queen",          price: "$120/night",          rating: 4.8,
-          reviewCount: "124",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ot0zmx",          imageAlt: "superior queen room modern hotel"},
-        {
-          id: "r2",          brand: "Deluxe",          name: "King Suite",          price: "$250/night",          rating: 4.9,
-          reviewCount: "89",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skwy10",          imageAlt: "spacious deluxe hotel suite"},
-        {
-          id: "r3",          brand: "Executive",          name: "Modern Studio",          price: "$180/night",          rating: 4.7,
-          reviewCount: "156",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1faa74",          imageAlt: "executive studio hotel room"},
-        {
-          id: "r4",          brand: "Family",          name: "Family Suite",          price: "$300/night",          rating: 4.9,
-          reviewCount: "210",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6zcprg",          imageAlt: "spacious family hotel suite"},
-        {
-          id: "r5",          brand: "Luxury",          name: "Penthouse Suite",          price: "$600/night",          rating: 5,
-          reviewCount: "45",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eef8o3",          imageAlt: "luxury hotel penthouse suite"},
-        {
-          id: "r6",          brand: "Accessible",          name: "Twin Suite",          price: "$140/night",          rating: 4.7,
-          reviewCount: "67",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d5jn3e",          imageAlt: "spacious accessible twin room"},
+        { id: "r1", brand: "Standard", name: "Superior Queen", price: "$120/night", rating: 4.8, reviewCount: "124", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ot0zmx", imageAlt: "superior queen room modern hotel" },
+        { id: "r2", brand: "Deluxe", name: "King Suite", price: "$250/night", rating: 4.9, reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skwy10", imageAlt: "spacious deluxe hotel suite" },
+        { id: "r3", brand: "Executive", name: "Modern Studio", price: "$180/night", rating: 4.7, reviewCount: "156", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1faa74", imageAlt: "executive studio hotel room" },
+        { id: "r4", brand: "Family", name: "Family Suite", price: "$300/night", rating: 4.9, reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6zcprg", imageAlt: "spacious family hotel suite" },
+        { id: "r5", brand: "Luxury", name: "Penthouse Suite", price: "$600/night", rating: 5, reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eef8o3", imageAlt: "luxury hotel penthouse suite" },
+        { id: "r6", brand: "Accessible", name: "Twin Suite", price: "$140/night", rating: 4.7, reviewCount: "67", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d5jn3e", imageAlt: "spacious accessible twin room" },
       ]}
       title="Featured Rooms"
       description="Discover our collection of premium rooms designed to fit your unique travel needs and style."
@@ -153,18 +121,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "basic",          badge: "Essential",          price: "$99",          subtitle: "Perfect for casual travelers",          features: [
-            "10% off bookings",            "Early check-in"],
-        },
-        {
-          id: "pro",          badge: "Popular",          price: "$199",          subtitle: "For frequent travelers",          features: [
-            "20% off bookings",            "Free breakfast",            "Late check-out"],
-        },
-        {
-          id: "elite",          badge: "Exclusive",          price: "$399",          subtitle: "For luxury seekers",          features: [
-            "30% off bookings",            "Free upgrades",            "Priority concierge"],
-        },
+        { id: "basic", badge: "Essential", price: "$99", subtitle: "Perfect for casual travelers", features: ["10% off bookings", "Early check-in"] },
+        { id: "pro", badge: "Popular", price: "$199", subtitle: "For frequent travelers", features: ["20% off bookings", "Free breakfast", "Late check-out"] },
+        { id: "elite", badge: "Exclusive", price: "$399", subtitle: "For luxury seekers", features: ["30% off bookings", "Free upgrades", "Priority concierge"] },
       ]}
       title="Membership Plans"
       description="Join our membership program to get exclusive discounts and early access to our best room offers."
@@ -178,12 +137,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "15,000+",          description: "Happy Guests"},
-        {
-          id: "m2",          value: "500+",          description: "Hand-picked Properties"},
-        {
-          id: "m3",          value: "4.9/5",          description: "Avg Guest Rating"},
+        { id: "m1", value: "15,000+", description: "Happy Guests" },
+        { id: "m2", value: "500+", description: "Hand-picked Properties" },
+        { id: "m3", value: "4.9/5", description: "Avg Guest Rating" },
       ]}
       title="Our Impact"
       description="Building a global community of satisfied travelers."
@@ -197,21 +153,11 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",          name: "Sarah Miller",          role: "Entrepreneur",          company: "TechStartup",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyqeut",          imageAlt: "professional woman business traveler"},
-        {
-          id: "t2",          name: "James Wilson",          role: "Manager",          company: "GlobalCo",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wkdtf4",          imageAlt: "friendly male traveler portrait"},
-        {
-          id: "t3",          name: "Elena Rodriguez",          role: "Designer",          company: "CreativeStudio",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t0dn2s",          imageAlt: "creative professional headshot"},
-        {
-          id: "t4",          name: "Linda Thompson",          role: "Retired",          company: "N/A",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9ym0jd",          imageAlt: "happy senior traveler portrait"},
-        {
-          id: "t5",          name: "Marc & Chloe",          role: "Travelers",          company: "Vloggers",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k6l6jm",          imageAlt: "laughing young couple traveler"},
+        { id: "t1", name: "Sarah Miller", role: "Entrepreneur", company: "TechStartup", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyqeut", imageAlt: "professional woman business traveler" },
+        { id: "t2", name: "James Wilson", role: "Manager", company: "GlobalCo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wkdtf4", imageAlt: "friendly male traveler portrait" },
+        { id: "t3", name: "Elena Rodriguez", role: "Designer", company: "CreativeStudio", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t0dn2s", imageAlt: "creative professional headshot" },
+        { id: "t4", name: "Linda Thompson", role: "Retired", company: "N/A", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9ym0jd", imageAlt: "happy senior traveler portrait" },
+        { id: "t5", name: "Marc & Chloe", role: "Travelers", company: "Vloggers", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k6l6jm", imageAlt: "laughing young couple traveler" },
       ]}
       title="What Guests Say"
       description="Don't just take our word for it. Read about the experiences of travelers who have stayed with us."
@@ -235,30 +181,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Room Booking",              href: "#rooms"},
-            {
-              label: "Concierge",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Terms of Service",              href: "#"},
-            {
-              label: "Privacy Policy",              href: "#"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Services", items: [{ label: "Room Booking", href: "#rooms" }, { label: "Concierge", href: "#" }] },
+        { title: "Legal", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
       ]}
       logoText="StayBook"
     />
@@ -266,4 +191,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}