arya-branch #3
@@ -483,7 +483,7 @@ export function DiscoverPage({
|
||||
transition={{ duration: 0.6, delay: 0.1 }}
|
||||
>
|
||||
<span className="font-light text-gray-900">Unlock Your </span>
|
||||
<span className="font-bold text-transparent bg-clip-text bg-gradient-to-r from-primary to-orange-500 italic">Adventure</span>
|
||||
<span className="font-bold text-transparent bg-clip-text bg-gradient-to-r from-primary to-orange-500 italic pr-2">Adventure</span>
|
||||
</motion.h2>
|
||||
<motion.p
|
||||
className="font-poppins text-xl leading-relaxed font-light text-gray-600 max-w-2xl mx-auto"
|
||||
|
||||
@@ -91,7 +91,7 @@ export function EnhancedTestimonials() {
|
||||
>
|
||||
<h2 className="text-4xl lg:text-5xl xl:text-6xl mb-6">
|
||||
<span className="font-light">What our</span>{' '}
|
||||
<span className="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent font-bold italic">
|
||||
<span className="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent font-bold italic pr-1">
|
||||
travelers
|
||||
</span>{' '}
|
||||
<span className="font-normal">say</span>
|
||||
|
||||
@@ -244,7 +244,7 @@ export function FAQPage({
|
||||
|
||||
<h1 className="font-merchant font-light text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-6">
|
||||
Frequently Asked{' '}
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-2">
|
||||
Questions
|
||||
</span>
|
||||
</h1>
|
||||
|
||||
@@ -2,6 +2,7 @@ import { CreditCard, MapPin, Calendar, Zap, ChevronLeft, ChevronRight, Smartphon
|
||||
import { useState } from 'react';
|
||||
import { motion, AnimatePresence } from 'motion/react';
|
||||
import { ImageWithFallback } from './figma/ImageWithFallback';
|
||||
import { useLocation } from 'react-router-dom';
|
||||
|
||||
const steps = [
|
||||
{
|
||||
@@ -51,6 +52,8 @@ const steps = [
|
||||
export function HowItWorks() {
|
||||
const [activeStep, setActiveStep] = useState(0); // Start with first step active
|
||||
|
||||
const location = useLocation()
|
||||
|
||||
const nextStep = () => {
|
||||
setActiveStep((prev) => (prev + 1) % steps.length);
|
||||
};
|
||||
@@ -78,8 +81,10 @@ export function HowItWorks() {
|
||||
</div>
|
||||
<h2 className="text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-4">
|
||||
<span className="font-light">How Your</span>{' '}
|
||||
<span className="font-normal">Melbourne</span>{' '}
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">City Card</span>{' '}
|
||||
{!location.pathname.includes("landing") &&
|
||||
<span className="font-normal">Melbourne</span>
|
||||
}
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-2">City Card</span>{' '}
|
||||
<span className="font-light">Works.</span>
|
||||
</h2>
|
||||
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
|
||||
@@ -108,7 +108,7 @@ export function MagicItineraryPage({
|
||||
>
|
||||
<h1 className="font-merchant text-4xl md:text-5xl lg:text-6xl leading-tight mb-6">
|
||||
<span className="font-light ">Plan Your Perfect</span>{' '}
|
||||
<span className="font-bold inline-block italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
|
||||
<span className="pr-2 font-bold inline-block italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
|
||||
Melbourne Adventure
|
||||
</span>
|
||||
</h1>
|
||||
|
||||
@@ -281,7 +281,7 @@ export function MelbourneAttractions() {
|
||||
</div>
|
||||
<h2 className="heading-dynamic text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-4">
|
||||
<span className="font-light">Discover</span>{' '}
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-1">
|
||||
Melbourne's
|
||||
</span>{' '}
|
||||
<span className="font-normal">Best</span>{' '}
|
||||
|
||||
@@ -116,7 +116,7 @@ export function MelbourneBlogs() {
|
||||
|
||||
<h2 className="font-merchant text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-6">
|
||||
<span className="font-normal">Melbourne</span>{' '}
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-2">
|
||||
Blogs
|
||||
</span>
|
||||
</h2>
|
||||
|
||||
@@ -124,7 +124,7 @@ export function MelbourneCardComparison({ onCheckoutClick }: MelbourneCardCompar
|
||||
</div>
|
||||
|
||||
<h2 className="font-merchant text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-6">
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-2">
|
||||
Buy
|
||||
</span>{' '}
|
||||
<span className="font-normal">Now</span>
|
||||
|
||||
@@ -101,7 +101,7 @@ export function MelbourneFAQ() {
|
||||
|
||||
<h2 className="font-merchant text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-6">
|
||||
<span className="font-normal">Frequently Asked</span>{' '}
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
|
||||
<span className="pr-2 font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
|
||||
Questions
|
||||
</span>
|
||||
</h2>
|
||||
|
||||
@@ -398,7 +398,7 @@ export function MelbournePage({
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<span className="font-light">Plan Your</span>{' '}
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent drop-shadow-lg">
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent drop-shadow-lg pr-2">
|
||||
Dream Journey
|
||||
</span>
|
||||
<br />
|
||||
|
||||
@@ -89,7 +89,7 @@ export function MelbourneTourOverview() {
|
||||
>
|
||||
<h2 className="heading-dynamic font-merchant text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-8">
|
||||
<span className="font-light">Melbourne</span>{' '}
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
|
||||
<span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-2">
|
||||
Tour
|
||||
</span>{' '}
|
||||
<span className="font-normal">Overview</span>
|
||||
|
||||
@@ -68,7 +68,7 @@ export function MobileAppSection() {
|
||||
>
|
||||
<h1 className="font-merchant text-4xl lg:text-5xl xl:text-6xl leading-tight text-foreground">
|
||||
<span className="font-normal">Access all your</span>{' '}
|
||||
<span className="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent font-bold italic inline-block">
|
||||
<span className="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent font-bold italic inline-block pr-2">
|
||||
city cards
|
||||
</span>
|
||||
<br />
|
||||
|
||||
@@ -189,7 +189,7 @@ export function PassesPage({
|
||||
<div className="text-center mb-16">
|
||||
<div className="mb-6">
|
||||
<h1 className="font-merchant font-light text-4xl md:text-5xl lg:text-6xl mb-4">
|
||||
Buy <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">Passes</span>
|
||||
Buy <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-1.5">Passes</span>
|
||||
</h1>
|
||||
<p className="font-poppins text-xl leading-relaxed font-normal text-gray-600 max-w-3xl mx-auto">
|
||||
Skip the lines, save money, and explore more with our flexible city cards designed for modern travelers
|
||||
@@ -329,7 +329,7 @@ export function PassesPage({
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="font-merchant text-4xl md:text-5xl text-gray-900 mb-6">
|
||||
<span className="font-light">Good to</span>{' '}
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">Know</span>
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-2">Know</span>
|
||||
</h2>
|
||||
<p className="font-poppins text-lg text-gray-600 font-light max-w-2xl mx-auto leading-relaxed">
|
||||
Simple tips to help you get the most out of your CityCard experience
|
||||
|
||||
@@ -122,7 +122,7 @@ export function PersonalizedTourHero({ onCreateItineraryClick }: PersonalizedTou
|
||||
<h1 className="font-poppins text-4xl sm:text-5xl md:text-6xl leading-tight mb-6">
|
||||
<span className="font-light">Create Your</span>{' '}
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500
|
||||
bg-clip-text text-transparent inline-block overflow-visible whitespace-nowrap">
|
||||
bg-clip-text text-transparent inline-block overflow-visible whitespace-nowrap pr-2">
|
||||
Magic Itinerary
|
||||
</span>
|
||||
</h1>
|
||||
|
||||
@@ -305,7 +305,7 @@ export function SuperSavingsPage({
|
||||
>
|
||||
<h1 className="font-poppins text-4xl md:text-5xl lg:text-6xl leading-tight mb-6">
|
||||
<span className="font-light">Unlock</span>{' '}
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
|
||||
<span className="pr-2 font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
|
||||
Super Savings
|
||||
</span>
|
||||
</h1>
|
||||
@@ -355,7 +355,7 @@ export function SuperSavingsPage({
|
||||
>
|
||||
<h2 className="font-poppins text-3xl md:text-4xl lg:text-5xl leading-tight mb-4">
|
||||
<span className="font-light">Featured</span>{' '}
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
|
||||
<span className="pr-2 font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
|
||||
Super Savings
|
||||
</span>
|
||||
</h2>
|
||||
|
||||
@@ -151,7 +151,7 @@ export function TrustSection() {
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="font-merchant text-2xl md:text-3xl lg:text-4xl leading-tight mb-6 text-gray-900">
|
||||
<span className="font-light">What Our</span>{' '}
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-1">
|
||||
Travelers
|
||||
</span>{' '}
|
||||
<span className="font-light">Say</span>
|
||||
|
||||
@@ -101,10 +101,10 @@ export function WhatsIncludedHero({ onCreateItineraryClick }: WhatsIncludedHeroP
|
||||
{/* Main Heading */}
|
||||
<h1 className="font-poppins text-4xl sm:text-5xl md:text-6xl w-full leading-tight mb-6">
|
||||
<span className="font-light">One pass.</span>{' '}
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent">
|
||||
<span className="font-bold italic pr-2 bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent">
|
||||
Everything you
|
||||
</span>{' '}
|
||||
<span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent">
|
||||
<span className="font-bold italic pr-2 bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent">
|
||||
need
|
||||
</span>{' '}
|
||||
<span className="font-light">to explore.</span>
|
||||
|
||||
@@ -3661,7 +3661,7 @@
|
||||
.bg-gradient-to-r {
|
||||
--tw-gradient-position: to right in oklab;
|
||||
background-image: linear-gradient(var(--tw-gradient-stops));
|
||||
padding-right: 8px;
|
||||
/* padding-right: 8px; */
|
||||
}
|
||||
|
||||
.bg-gradient-to-t {
|
||||
|
||||
Reference in New Issue
Block a user