diff --git a/src/AppRouter.tsx b/src/AppRouter.tsx index f875fdb..da7f45d 100644 --- a/src/AppRouter.tsx +++ b/src/AppRouter.tsx @@ -6,7 +6,6 @@ import { MelbournePage } from './pages/MelbournePage'; import { PassesPage } from './pages/PassesPage'; import { AttractionsPage } from './pages/AttractionsPage'; import { AttractionDetailsPage } from './pages/AttractionDetailsPage'; -import { SecureCheckoutPage } from './pages/SecureCheckoutPage'; import { BlogsPage } from './pages/BlogsPage'; import { BlogDetailsPage } from './pages/BlogDetailsPage'; import { FAQPage } from './components/FAQPage'; @@ -128,12 +127,6 @@ export function AppRouter({ } /> - - - - } /> - {/* Blog Routes */} diff --git a/src/pages/SecureCheckoutPage.tsx b/src/pages/SecureCheckoutPage.tsx deleted file mode 100644 index e987298..0000000 --- a/src/pages/SecureCheckoutPage.tsx +++ /dev/null @@ -1,527 +0,0 @@ -import { useState } from 'react'; -import { motion } from 'motion/react'; -import { ArrowLeft, Lock, Shield, CreditCard, Check, X, Tag } from 'lucide-react'; -import { Button } from '../components/ui/button'; -import { Input } from '../components/ui/input'; -import { Label } from '../components/ui/label'; -import { Card, CardContent, CardHeader, CardTitle } from '../components/ui/card'; -import { Tabs, TabsContent, TabsList, TabsTrigger } from '../components/ui/tabs'; -import { Separator } from '../components/ui/separator'; -import { Badge } from '../components/ui/badge'; -import Navbar from '../components/Navbar'; -import { Footer } from '../components/Footer'; - -interface User { - email: string; - name: string; -} - -interface SecureCheckoutPageProps { - onBackClick: () => void; - onHomeClick: () => void; - onMelbourneClick: () => void; - onPassesClick: () => void; - onCheckoutClick: () => void; - onSignInClick: () => void; - onSignOutClick: () => void; - onAttractionsClick: () => void; - onBlogsClick: () => void; - onHowItWorksClick: () => void; - onFAQClick: () => void; - onPrivacyPolicyClick: () => void; - onAboutUsClick: () => void; - onProfileClick: () => void; - onCityCardsClick: () => void; - onMagicItineraryClick: () => void; - onPostCardsClick: () => void; - onOffersClick: () => void; - onContactUsClick?: () => void; - onEsimsClick?: () => void; - onHotelDiscountsClick?: () => void; - currentPage?: string; - user: User | null; -} - -export function SecureCheckoutPage({ - onBackClick, - onHomeClick, - onMelbourneClick, - onPassesClick, - onCheckoutClick, - onSignInClick, - onSignOutClick, - onAttractionsClick, - onBlogsClick, - onHowItWorksClick, - onFAQClick, - onPrivacyPolicyClick, - onAboutUsClick, - onProfileClick, - onCityCardsClick, - onMagicItineraryClick, - onPostCardsClick, - onOffersClick, - onContactUsClick, - onEsimsClick, - onHotelDiscountsClick, - currentPage, - user -}: SecureCheckoutPageProps) { - const [selectedTab, setSelectedTab] = useState('myself'); - const [formData, setFormData] = useState({ - firstName: 'Frank', - lastName: 'Adam S', - email: 'frank2023@mail.com', - phone: '', - travelDate: '', - billingAddress: '', - city: '', - country: 'England', - state: '', - zipCode: '000000' - }); - const [discountCode, setDiscountCode] = useState(''); - const [isEmailVerified, setIsEmailVerified] = useState(false); - const [showPaymentSuccess, setShowPaymentSuccess] = useState(false); - - const orderSummary = { - item: 'Melbourne - Unlimited Card', - duration: '2 Days', - adults: 3, - kids: 3, - quantity: 1, - price: 49.80, - discount: 7.20, - tax: 2.24 - }; - - const subtotal = orderSummary.price; - const discount = orderSummary.discount; - const total = subtotal - discount; - - const handleInputChange = (field: string, value: string) => { - setFormData(prev => ({ ...prev, [field]: value })); - }; - - const handlePayment = () => { - setShowPaymentSuccess(true); - setTimeout(() => { - setShowPaymentSuccess(false); - onHomeClick(); - }, 2000); - }; - - return ( -
- - -
- {/* Header */} - - - -
-

- Secure Checkout -

-
- - SSL Secured -
-
- -

- Complete your purchase securely. Your payment information is protected. -

-
- -
- {/* Checkout Form */} - - - - - - For myself - To gift Someone - - - - - - {/* Personal Information */} - -
-
- 1 -
-

Personal Information

-
- -
-
- - handleInputChange('firstName', e.target.value)} - className="h-12" - /> -
-
- - handleInputChange('lastName', e.target.value)} - className="h-12" - /> -
-
- -
- -
- handleInputChange('email', e.target.value)} - className="h-12 pr-20" - /> - -
-
- -
-
- - handleInputChange('phone', e.target.value)} - className="h-12" - /> -
-
- - handleInputChange('travelDate', e.target.value)} - className="h-12" - /> -
-
-
- - - - {/* Billing Information */} - -
-
- 2 -
-

Billing Information

-
- -
-
- - handleInputChange('billingAddress', e.target.value)} - className="h-12" - /> -
- -
-
- - handleInputChange('city', e.target.value)} - className="h-12" - /> -
-
- - handleInputChange('country', e.target.value)} - className="h-12" - /> -
-
- -
-
- - handleInputChange('state', e.target.value)} - className="h-12" - /> -
-
- - handleInputChange('zipCode', e.target.value)} - className="h-12" - /> -
-
-
-
-
-
-
- - {/* Order Summary */} - - - - - - Order Summary - - - - - {/* Item Details */} -
-
-
-

{orderSummary.item}

-
- {orderSummary.duration} - - Adults-{orderSummary.adults} - - Kids-{orderSummary.kids} -
-
- Qty: {orderSummary.quantity} -
-
-
- ${orderSummary.price.toFixed(2)} -
-
-
- - - - {/* Discount Code */} -
-
- setDiscountCode(e.target.value)} - className="flex-1" - /> - -
-
- - - - {/* Price Breakdown */} -
-
- Subtotal - ${subtotal.toFixed(2)} -
-
- Discount - -${discount.toFixed(2)} -
-
- - - - {/* Total */} -
-
-
-
Total
-
- Including ${orderSummary.tax.toFixed(2)} in taxes -
-
-
- ${total.toFixed(2)} -
-
-
- - {/* Payment Button */} - - - {/* Security Notice */} -
- Your personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our privacy policy. -
- - {/* Trust Badges */} -
-
- - 256-bit SSL -
-
- - Secure Payment -
-
-
-
-
-
-
- -
- ); -} \ No newline at end of file