Update src/app/package-details/page.tsx

Merge version_1 into main

src/app/bali-trip/page.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { MapPin } from "lucide-react";
+
+export default function BaliTripPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="mediumSizeLargeTitles"
+      background="none"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Wanderlust"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Packages", id: "/#packages" }
+          ]}
+          button={{ text: "Book Now", href: "#booking" }}
+        />
+      </div>
+
+      <div id="product-detail" data-section="product-detail" className="pt-32">
+        <ProductDetailCard
+          layout="page"
+          name="Bali Luxury Escape"
+          price="$1,299"
+          description="Experience the ultimate tropical getaway. This 7-day package includes private villa stays in Ubud, sunrise yoga in Seminyak, and guided cultural tours through sacred temples. Relax in infinity pools overlooking the jungle and enjoy daily gourmet breakfasts."
+          images={[
+            { src: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-cash_23-2149617678.jpg", alt: "Bali Villa" },
+            { src: "http://img.b2bpic.net/free-photo/girl-bathrobe_1157-18569.jpg", alt: "Tropical Relax" }
+          ]}
+          buttons={[{ text: "Book This Trip" }]}
+        />
+      </div>
+
+      <div id="map" data-section="map" className="container mx-auto py-16">
+        <h2 className="text-3xl font-bold mb-8 flex items-center gap-2"><MapPin /> Trip Locations</h2>
+        <div className="w-full h-96 bg-gray-200 rounded-lg overflow-hidden flex items-center justify-center">
+          <iframe
+            width="100%"
+            height="100%"
+            frameBorder="0"
+            style={{ border: 0 }}
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d505974.7744319692!2d115.01166687943564!3d-8.455437943644917!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd141d0e515d02d%3A0x284f323c914e6b72!2sBali%2C%20Indonesia!5e0!3m2!1sen!2sus!4v1716382024000!5m2!1sen!2sus"
+            allowFullScreen
+          />
+        </div>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            { title: "Company", items: [{ label: "About Us", href: "/#" }, { label: "Careers", href: "/#" }] },
+            { title: "Support", items: [{ label: "Contact", href: "/#contact" }, { label: "FAQ", href: "/#" }] },
+            { title: "Legal", items: [{ label: "Privacy", href: "/#" }, { label: "Terms", href: "/#" }] }
+          ]}
+          bottomLeftText="© 2024 Wanderlust Travel Agency"
+          bottomRightText="All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/package-details/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function PackageDetailsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="mediumSizeLargeTitles"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Wanderlust"
+          button={{ text: "Book Now", href: "#" }}
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Packages", id: "/packages" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div className="py-24 px-6">
+        <ProductDetailCard
+          layout="page"
+          name="Bali Luxury Escape"
+          price="$1,299"
+          description="Experience an 8-day all-inclusive escape to Bali. Includes round-trip international flights with business class options, 5-star resort accommodations, and private airport transfers. Flights depart daily from major hubs with premium seating configurations and exclusive airline partnerships."
+          images={[
+            { src: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-cash_23-2149617678.jpg", alt: "Bali Resort View" },
+            { src: "http://img.b2bpic.net/free-photo/girl-bathrobe_1157-18569.jpg", alt: "Luxury Spa" }
+          ]}
+          variants={[
+            { label: "Flight Class", options: ["Economy", "Premium", "Business"], selected: "Economy", onChange: () => {} },
+            { label: "Hotel Type", options: ["Boutique", "Resort", "Villa"], selected: "Resort", onChange: () => {} }
+          ]}
+          buttons={[
+            { text: "Book Flight & Stay", onClick: () => console.log("Booking") }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+            { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "#" }] },
+            { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+          ]}
+          bottomLeftText="© 2024 Wanderlust Travel Agency"
+          bottomRightText="All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -91,7 +91,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           products={[
-            { id: "p1", name: "Bali Luxury Escape", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-cash_23-2149617678.jpg" },
+            { id: "p1", name: "Bali Luxury Escape", price: "From $1,299", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-cash_23-2149617678.jpg" },
             { id: "p2", name: "Parisian Romance", price: "$1,450", imageSrc: "http://img.b2bpic.net/free-photo/eiffel-tower-closeup-with-street-as-famous-city-landmark-paris_649448-4860.jpg" },
             { id: "p3", name: "Tokyo Culture Trip", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/women-traditional-japanese-kimonos-fushimi-inari-shrine-kyoto-japan_335224-71.jpg" },
             { id: "p4", name: "Alpine Adventure", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/winter-vacation-holiday-wooden-house-mountains-covered-with-snow-blue-sky-skis-front-house_639032-857.jpg" },
@@ -109,9 +109,9 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={true}
           plans={[
-            { id: "basic", price: "$500", name: "Essential", buttons: [{ text: "Book Now" }], features: ["Hotel booking", "Transport", "24/7 Support"] },
-            { id: "pro", price: "$1,500", name: "Premium", buttons: [{ text: "Book Now" }], features: ["Luxury suites", "Private transfers", "Personal Guide"] },
-            { id: "elite", price: "$3,000", name: "VIP Concierge", buttons: [{ text: "Book Now" }], features: ["Private jets", "Custom Itinerary", "Full concierge"] }
+            { id: "basic", price: "$500", name: "Standard Package", buttons: [{ text: "Book Now" }], features: ["Standard accommodation", "Shared transfers", "Group tours"] },
+            { id: "pro", price: "$1,500", name: "Bali Experience", buttons: [{ text: "View Bali Details" }], features: ["Private Luxury Villa", "Airport Pickup", "Personal Concierge", "Guided Island Tours"] },
+            { id: "elite", price: "$3,000", name: "VIP Elite", buttons: [{ text: "Book Now" }], features: ["All-inclusive luxury", "Private excursions", "Priority booking"] }
           ]}
         />
       </div>
@@ -171,4 +171,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}