main #31

Merged
Rajendra.Reddy merged 113 commits from main into uat-beta 2026-04-24 14:43:26 +00:00
18 changed files with 27 additions and 22 deletions
Showing only changes of commit d22087d5ee - Show all commits

View File

@@ -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"

View File

@@ -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>

View File

@@ -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>

View File

@@ -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">

View File

@@ -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>

View File

@@ -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>{' '}

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 />

View File

@@ -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>

View File

@@ -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 />

View File

@@ -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

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 {