bender/ebc903f7-07c9-486c-8b04-0b18d52a1420
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-05-23 23:24:22 +00:00
Conversation 0 Commits 3 Files Changed 3 +146 -5
3 changed files with 146 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/app/bali-trip/page.tsx Normal file
View File

@@ -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>
);
}

66
src/app/package-details/page.tsx Normal file
View File

@@ -0,0 +1,66 @@
"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"
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>
);
}

10
src/app/page.tsx
View File

@@ -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>
);
}
}