Merge version_3 into main

Merge version_3 into main

src/app/about/page.tsx

@@ -10,29 +10,29 @@ import { Award, TrendingUp, Users, Globe, Clock } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Features", id: "features" },
-    { name: "Pricing", id: "pricing" },
-    { name: "About", id: "about" },
-    { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "contact" }
+    { name: "Features", id: "/features" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "About", id: "/about" },
+    { name: "FAQ", id: "/contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="small"
-      sizing="largeSmall"
-      background="circleGradient"
-      cardStyle="outline"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          brandName="Guesto"
+          brandName="TRAVELLER.AI"
           navItems={navItems}
           button={{
             text: "Get Started",            href: "https://app.guesto.com/login"
@@ -42,17 +42,17 @@ export default function AboutPage() {
 
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
-          tag="Why Guesto"
+          tag="Why TRAVELLER.AI"
           tagIcon={Award}
           title="Built for Travel Professionals"
-          description="Guesto was created by travel industry veterans who understand the complexities of managing tours, customers, and itineraries. Our platform eliminates manual work, reduces errors, and helps agencies focus on delivering exceptional experiences."
+          description="TRAVELLER.AI was created by travel industry veterans who understand the complexities of managing tours, customers, and itineraries. Our platform eliminates manual work, reduces errors, and helps agencies focus on delivering exceptional experiences."
           metricsAnimation="slide-up"
           metrics={[
-            { value: "500+", title: "Travel Agencies Using Guesto" },
+            { value: "500+", title: "Travel Agencies Using TRAVELLER.AI" },
             { value: "10,000+", title: "Itineraries Created Monthly" }
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=7"
-          imageAlt="Guesto Dashboard Interface"
+          imageAlt="TRAVELLER.AI Dashboard Interface"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
         />
@@ -63,7 +63,7 @@ export default function AboutPage() {
           tag="Impact"
           tagIcon={TrendingUp}
           title="Trusted by Travel Industry Leaders"
-          description="See how agencies are transforming their business with Guesto."
+          description="See how agencies are transforming their business with TRAVELLER.AI."
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
@@ -79,24 +79,24 @@ export default function AboutPage() {
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=8"
-          imageAlt="Guesto Platform"
-          logoText="Guesto"
-          copyrightText="© 2025 Guesto. All rights reserved."
+          imageAlt="TRAVELLER.AI Platform"
+          logoText="TRAVELLER.AI"
+          copyrightText="© 2025 TRAVELLER.AI. All rights reserved."
           columns={[
             {
               title: "Product",              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Features", href: "/features" },
+                { label: "Pricing", href: "/pricing" },
                 { label: "Security", href: "#" },
                 { label: "Roadmap", href: "#" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Blog", href: "#" },
                 { label: "Careers", href: "#" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact", href: "/contact" }
               ]
             },
             {
@@ -111,4 +111,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -3,36 +3,36 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import ContactText from "@/components/sections/contact/ContactText";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
 import { HelpCircle } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Features", id: "features" },
-    { name: "Pricing", id: "pricing" },
-    { name: "About", id: "about" },
-    { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "contact" }
+    { name: "Features", id: "/features" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "About", id: "/about" },
+    { name: "FAQ", id: "/contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="small"
-      sizing="largeSmall"
-      background="circleGradient"
-      cardStyle="outline"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          brandName="Guesto"
+          brandName="TRAVELLER.AI"
           navItems={navItems}
           button={{
             text: "Get Started",            href: "https://app.guesto.com/login"
@@ -42,7 +42,7 @@ export default function ContactPage() {
 
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to transform your travel business? Join hundreds of agencies already using Guesto to save time and increase revenue."
+          text="Ready to transform your travel business? Join hundreds of agencies already using TRAVELLER.AI to save time and increase revenue."
           animationType="entrance-slide"
           buttons={[
             { text: "Start Your Free Trial", href: "https://app.guesto.com/signup" },
@@ -54,24 +54,20 @@ export default function ContactPage() {
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitMedia
+        <FaqDouble
           tag="Help"
           tagIcon={HelpCircle}
           title="Frequently Asked Questions"
-          description="Find answers to common questions about Guesto's features and pricing."
+          description="Find answers to common questions about TRAVELLER.AI's features and pricing."
           textboxLayout="default"
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-vector/faq-concept_23-2148147003.jpg"
-          imageAlt="FAQ Support"
-          mediaAnimation="slide-up"
-          mediaPosition="left"
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "1",              title: "How do I get started with Guesto?",              content: "Sign up for a free trial on our website. You'll get immediate access to all features. Our onboarding team will guide you through setup, and you can create your first itinerary within minutes."
+              id: "1",              title: "How do I get started with TRAVELLER.AI?",              content: "Sign up for a free trial on our website. You'll get immediate access to all features. Our onboarding team will guide you through setup, and you can create your first itinerary within minutes."
             },
             {
-              id: "2",              title: "Can I integrate Guesto with my existing systems?",              content: "Yes! Guesto integrates with popular travel management systems, email platforms, and accounting software. Enterprise customers get dedicated integration support."
+              id: "2",              title: "Can I integrate TRAVELLER.AI with my existing systems?",              content: "Yes! TRAVELLER.AI integrates with popular travel management systems, email platforms, and accounting software. Enterprise customers get dedicated integration support."
             },
             {
               id: "3",              title: "Is my customer data secure?",              content: "Absolutely. We use enterprise-grade encryption, regular security audits, and comply with GDPR and data protection regulations. Your data is your priority."
@@ -83,7 +79,7 @@ export default function ContactPage() {
               id: "5",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, bank transfers, and digital payment methods. Annual subscriptions come with a 15% discount."
             },
             {
-              id: "6",              title: "Can multiple team members use Guesto simultaneously?",              content: "Yes. Professional and Enterprise plans include multi-user access with role-based permissions. Manage who can view, edit, or approve itineraries."
+              id: "6",              title: "Can multiple team members use TRAVELLER.AI simultaneously?",              content: "Yes. Professional and Enterprise plans include multi-user access with role-based permissions. Manage who can view, edit, or approve itineraries."
             }
           ]}
         />
@@ -92,24 +88,24 @@ export default function ContactPage() {
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=9"
-          imageAlt="Guesto Platform"
-          logoText="Guesto"
-          copyrightText="© 2025 Guesto. All rights reserved."
+          imageAlt="TRAVELLER.AI Platform"
+          logoText="TRAVELLER.AI"
+          copyrightText="© 2025 TRAVELLER.AI. All rights reserved."
           columns={[
             {
               title: "Product",              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Features", href: "/features" },
+                { label: "Pricing", href: "/pricing" },
                 { label: "Security", href: "#" },
                 { label: "Roadmap", href: "#" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Blog", href: "#" },
                 { label: "Careers", href: "#" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact", href: "/contact" }
               ]
             },
             {
@@ -124,4 +120,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/features/page.tsx

@@ -10,29 +10,29 @@ import { Zap, Award } from "lucide-react";
 
 export default function FeaturesPage() {
   const navItems = [
-    { name: "Features", id: "features" },
-    { name: "Pricing", id: "pricing" },
-    { name: "About", id: "about" },
-    { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "contact" }
+    { name: "Features", id: "/features" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "About", id: "/about" },
+    { name: "FAQ", id: "/contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="small"
-      sizing="largeSmall"
-      background="circleGradient"
-      cardStyle="outline"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          brandName="Guesto"
+          brandName="TRAVELLER.AI"
           navItems={navItems}
           button={{
             text: "Get Started",            href: "https://app.guesto.com/login"
@@ -71,17 +71,17 @@ export default function FeaturesPage() {
 
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
-          tag="Why Choose Guesto"
+          tag="Why Choose TRAVELLER.AI"
           tagIcon={Award}
           title="Built for Travel Professionals"
-          description="Guesto was created by travel industry veterans who understand the complexities of managing tours, customers, and itineraries. Our platform eliminates manual work, reduces errors, and helps agencies focus on delivering exceptional experiences."
+          description="TRAVELLER.AI was created by travel industry veterans who understand the complexities of managing tours, customers, and itineraries. Our platform eliminates manual work, reduces errors, and helps agencies focus on delivering exceptional experiences."
           metricsAnimation="slide-up"
           metrics={[
-            { value: "500+", title: "Travel Agencies Using Guesto" },
+            { value: "500+", title: "Travel Agencies Using TRAVELLER.AI" },
             { value: "10,000+", title: "Itineraries Created Monthly" }
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=4"
-          imageAlt="Guesto Dashboard Interface"
+          imageAlt="TRAVELLER.AI Dashboard Interface"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
         />
@@ -90,24 +90,24 @@ export default function FeaturesPage() {
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=5"
-          imageAlt="Guesto Platform"
-          logoText="Guesto"
-          copyrightText="© 2025 Guesto. All rights reserved."
+          imageAlt="TRAVELLER.AI Platform"
+          logoText="TRAVELLER.AI"
+          copyrightText="© 2025 TRAVELLER.AI. All rights reserved."
           columns={[
             {
               title: "Product",              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Features", href: "/features" },
+                { label: "Pricing", href: "/pricing" },
                 { label: "Security", href: "#" },
                 { label: "Roadmap", href: "#" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Blog", href: "#" },
                 { label: "Careers", href: "#" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact", href: "/contact" }
               ]
             },
             {
@@ -122,4 +122,4 @@ export default function FeaturesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,23 +1,23 @@
 import type { Metadata } from "next";
-import { Nunito_Sans } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const nunitoSans = Nunito_Sans({
-  variable: "--font-nunito-sans",  subsets: ["latin"],
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Guesto - Travel CRM & Itinerary Builder for Agencies",  description: "Streamline travel business management with Guesto's SaaS platform. Manage customers, create professional itineraries, track enquiries, and automate pricing.",  keywords: "travel CRM, itinerary builder, travel management software, tour operator software, travel agency platform",  openGraph: {
-    title: "Guesto - Professional Travel Management Platform",    description: "Manage your entire travel business in one platform. Customer management, itinerary builder, enquiry tracking, and automated pricing.",    type: "website",    siteName: "Guesto",    images: [
+  title: "TRAVELLER.AI - Enterprise Travel CRM & Itinerary Platform",  description: "Advanced travel management platform with intelligent CRM, professional itinerary creation, enquiry tracking, and automated pricing for modern travel enterprises.",  keywords: "travel CRM, itinerary builder, travel management software, tour operator software, travel agency platform, enterprise travel",  openGraph: {
+    title: "TRAVELLER.AI - Professional Enterprise Travel Platform",    description: "Manage your entire travel business in one platform. Customer management, itinerary builder, enquiry tracking, and automated pricing.",    type: "website",    siteName: "TRAVELLER.AI",    images: [
       {
-        url: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",        alt: "Guesto Dashboard"
+        url: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",        alt: "TRAVELLER.AI Dashboard"
       }
     ]
   },
   twitter: {
-    card: "summary_large_image",    title: "Guesto - Travel Management Made Simple",    description: "The all-in-one platform for travel agencies to manage customers and create professional itineraries.",    images: ["http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"]
+    card: "summary_large_image",    title: "TRAVELLER.AI - Enterprise Travel Management",    description: "The all-in-one platform for travel agencies to manage customers and create professional itineraries.",    images: ["http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"]
   },
   robots: {
     index: true,
@@ -33,7 +33,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${nunitoSans.variable} antialiased`}>
+        <body className={`${inter.variable} antialiased`}>
           <Tag />
           {children}
         
@@ -1407,4 +1407,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -13,29 +13,29 @@ import { Sparkles, Zap, Award, TrendingUp, MessageSquare, Users, Globe, Clock, H
 
 export default function HomePage() {
   const navItems = [
-    { name: "Features", id: "features" },
-    { name: "Pricing", id: "pricing" },
-    { name: "About", id: "about" },
-    { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "contact" }
+    { name: "Features", id: "/features" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "About", id: "/about" },
+    { name: "FAQ", id: "/contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="small"
-      sizing="largeSmall"
-      background="circleGradient"
-      cardStyle="outline"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          brandName="Guesto"
+          brandName="TRAVELLER.AI"
           navItems={navItems}
           button={{
             text: "Get Started",            href: "https://app.guesto.com/login"
@@ -43,58 +43,75 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
-          tag="Travel Technology"
-          tagIcon={Sparkles}
-          title="Manage Every Aspect of Your Travel Business"
-          description="Streamline customer management, create professional itineraries, track enquiries, and automate pricing—all in one unified platform built for modern travel agencies."
-          buttons={[
-            { text: "Start Free Trial", href: "https://app.guesto.com/signup" },
-            { text: "Watch Demo", href: "#" }
-          ]}
-          background={{ variant: "plain" }}
-          dashboard={{
-            title: "Dashboard Overview",            logoIcon: Globe,
-            imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",            searchPlaceholder: "Search customers...",            buttons: [
-              { text: "Dashboard", href: "#" },
-              { text: "Export", href: "#" }
-            ],
-            sidebarItems: [
-              { icon: Home, active: true },
-              { icon: Users, active: false },
-              { icon: FileText, active: false },
-              { icon: BarChart3, active: false },
-              { icon: Settings, active: false }
-            ],
-            stats: [
-              {
-                title: "Total Customers",                values: [245, 312, 387],
-                description: "Active clients"
-              },
-              {
-                title: "Enquiries This Month",                values: [48, 67, 89],
-                description: "New bookings"
-              },
-              {
-                title: "Revenue",                values: [125000, 156000, 189000],
-                valuePrefix: "₹",                description: "Monthly revenue"
-              }
-            ],
-            chartTitle: "Itineraries Created",            chartData: [
-              { value: 45 },
-              { value: 62 },
-              { value: 58 },
-              { value: 75 },
-              { value: 82 }
-            ],
-            listTitle: "Recent Enquiries",            listItems: [
-              { icon: MapPin, title: "Bali Package Inquiry", status: "New" },
-              { icon: Calendar, title: "Europe Tour - 14 Days", status: "Quoted" },
-              { icon: CheckCircle, title: "Dubai Honeymoon Package", status: "Confirmed" }
-            ]
-          }}
-        />
+      <div id="hero" data-section="hero" style={{
+        backgroundImage: 'url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%27100%27%3E%3Cdefs%3E%3Cfilter id=%27blur%27%3E%3CfeGaussianBlur in=%27SourceGraphic%27 stdDeviation=%275%27/%3E%3C/filter%3E%3C/defs%3E%3Cimage filter=%27url(%23blur)%27 width=%27100%27 height=%27100%27 opacity=%270.08%27/%3E%3C/svg%3E")',
+        backgroundAttachment: 'fixed',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        position: 'relative'
+      }}>
+        <div style={{
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: 'rgba(255, 255, 255, 0.85)',
+          zIndex: 0
+        }} />
+        <div style={{ position: 'relative', zIndex: 1 }}>
+          <HeroBillboardDashboard
+            tag="Travel Technology"
+            tagIcon={Sparkles}
+            title="Manage Every Aspect of Your Travel Business"
+            description="Streamline customer management, create professional itineraries, track enquiries, and automate pricing—all in one unified platform built for modern travel agencies."
+            buttons={[
+              { text: "Start Free Trial", href: "https://app.guesto.com/signup" },
+              { text: "Watch Demo", href: "#" }
+            ]}
+            background={{ variant: "plain" }}
+            dashboard={{
+              title: "Dashboard Overview",              logoIcon: Globe,
+              imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",              searchPlaceholder: "Search customers...",              buttons: [
+                { text: "Dashboard", href: "#" },
+                { text: "Export", href: "#" }
+              ],
+              sidebarItems: [
+                { icon: Home, active: true },
+                { icon: Users, active: false },
+                { icon: FileText, active: false },
+                { icon: BarChart3, active: false },
+                { icon: Settings, active: false }
+              ],
+              stats: [
+                {
+                  title: "Total Customers",                  values: [245, 312, 387],
+                  description: "Active clients"
+                },
+                {
+                  title: "Enquiries This Month",                  values: [48, 67, 89],
+                  description: "New bookings"
+                },
+                {
+                  title: "Revenue",                  values: [125000, 156000, 189000],
+                  valuePrefix: "₹",                  description: "Monthly revenue"
+                }
+              ],
+              chartTitle: "Itineraries Created",              chartData: [
+                { value: 45 },
+                { value: 62 },
+                { value: 58 },
+                { value: 75 },
+                { value: 82 }
+              ],
+              listTitle: "Recent Enquiries",              listItems: [
+                { icon: MapPin, title: "Bali Package Inquiry", status: "New" },
+                { icon: Calendar, title: "Europe Tour - 14 Days", status: "Quoted" },
+                { icon: CheckCircle, title: "Dubai Honeymoon Package", status: "Confirmed" }
+              ]
+            }}
+          />
+        </div>
       </div>
 
       <div id="features" data-section="features">
@@ -131,7 +148,7 @@ export default function HomePage() {
           tag="Impact"
           tagIcon={TrendingUp}
           title="Trusted by Travel Industry Leaders"
-          description="See how agencies are transforming their business with Guesto."
+          description="See how agencies are transforming their business with TRAVELLER.AI."
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
@@ -149,21 +166,21 @@ export default function HomePage() {
           tag="Success Stories"
           tagIcon={MessageSquare}
           title="What Travel Professionals Say"
-          description="Hear from agencies transforming their business with Guesto."
+          description="Hear from agencies transforming their business with TRAVELLER.AI."
           textboxLayout="default"
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              title: "Streamlined Our Entire Operation",              quote: "Guesto has transformed how we manage customers and create itineraries. What used to take hours now takes minutes. Our team loves the intuitive interface.",              name: "Priya Sharma",              role: "Director, Wanderlust Travels",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Priya Sharma"
+              id: "1",              title: "Streamlined Our Entire Operation",              quote: "TRAVELLER.AI has transformed how we manage customers and create itineraries. What used to take hours now takes minutes. Our team loves the intuitive interface.",              name: "Priya Sharma",              role: "Director, Wanderlust Travels",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Priya Sharma"
             },
             {
               id: "2",              title: "Increased Revenue and Customer Satisfaction",              quote: "With better organization and professional itineraries, we've increased bookings by 40%. Our customers appreciate the quality and timeliness of our proposals.",              name: "Amit Patel",              role: "CEO, Adventure Tours India",              imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=1",              imageAlt: "Amit Patel"
             },
             {
-              id: "3",              title: "Essential for Our Growing Team",              quote: "As we scaled from 3 to 8 team members, Guesto made collaboration seamless. The multi-user access and clear workflows keep everyone on the same page.",              name: "Sneha Desai",              role: "Operations Manager, Global Holidays",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Sneha Desai"
+              id: "3",              title: "Essential for Our Growing Team",              quote: "As we scaled from 3 to 8 team members, TRAVELLER.AI made collaboration seamless. The multi-user access and clear workflows keep everyone on the same page.",              name: "Sneha Desai",              role: "Operations Manager, Global Holidays",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Sneha Desai"
             },
             {
-              id: "4",              title: "Outstanding Customer Support",              quote: "The Guesto team is incredibly responsive and always willing to help. Their support has been crucial in our successful implementation.",              name: "Vikram Singh",              role: "Founder, Heritage Tours",              imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=2",              imageAlt: "Vikram Singh"
+              id: "4",              title: "Outstanding Customer Support",              quote: "The TRAVELLER.AI team is incredibly responsive and always willing to help. Their support has been crucial in our successful implementation.",              name: "Vikram Singh",              role: "Founder, Heritage Tours",              imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=2",              imageAlt: "Vikram Singh"
             }
           ]}
         />
@@ -172,24 +189,24 @@ export default function HomePage() {
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=2"
-          imageAlt="Guesto Platform"
-          logoText="Guesto"
-          copyrightText="© 2025 Guesto. All rights reserved."
+          imageAlt="TRAVELLER.AI Platform"
+          logoText="TRAVELLER.AI"
+          copyrightText="© 2025 TRAVELLER.AI. All rights reserved."
           columns={[
             {
               title: "Product",              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Features", href: "/features" },
+                { label: "Pricing", href: "/pricing" },
                 { label: "Security", href: "#" },
                 { label: "Roadmap", href: "#" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Blog", href: "#" },
                 { label: "Careers", href: "#" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact", href: "/contact" }
               ]
             },
             {
@@ -204,4 +221,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -2,36 +2,36 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
 import { CreditCard, Zap, Star, Crown } from "lucide-react";
 
 export default function PricingPage() {
   const navItems = [
-    { name: "Features", id: "features" },
-    { name: "Pricing", id: "pricing" },
-    { name: "About", id: "about" },
-    { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "contact" }
+    { name: "Features", id: "/features" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "About", id: "/about" },
+    { name: "FAQ", id: "/contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="small"
-      sizing="largeSmall"
-      background="circleGradient"
-      cardStyle="outline"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          brandName="Guesto"
+          brandName="TRAVELLER.AI"
           navItems={navItems}
           button={{
             text: "Get Started",            href: "https://app.guesto.com/login"
@@ -40,7 +40,7 @@ export default function PricingPage() {
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardTwo
+        <PricingCardThree
           tag="Pricing"
           tagIcon={CreditCard}
           title="Simple, Transparent Pricing"
@@ -51,7 +51,7 @@ export default function PricingPage() {
           plans={[
             {
               id: "starter",              badge: "Starter",              badgeIcon: Zap,
-              price: "₹999/month",              subtitle: "Perfect for solo agents",              buttons: [
+              price: "₹999/month",              name: "Perfect for solo agents",              buttons: [
                 { text: "Get Started", href: "https://app.guesto.com/signup" }
               ],
               features: [
@@ -60,7 +60,7 @@ export default function PricingPage() {
             },
             {
               id: "professional",              badge: "Professional",              badgeIcon: Star,
-              price: "₹2,499/month",              subtitle: "For growing agencies",              buttons: [
+              price: "₹2,499/month",              name: "For growing agencies",              buttons: [
                 { text: "Start Free Trial", href: "https://app.guesto.com/signup" }
               ],
               features: [
@@ -69,8 +69,8 @@ export default function PricingPage() {
             },
             {
               id: "enterprise",              badge: "Enterprise",              badgeIcon: Crown,
-              price: "Custom",              subtitle: "For large teams",              buttons: [
-                { text: "Contact Sales", href: "#contact" }
+              price: "Custom",              name: "For large teams",              buttons: [
+                { text: "Contact Sales", href: "/contact" }
               ],
               features: [
                 "Everything in Professional",                "Dedicated account manager",                "Custom integrations",                "White-label solution",                "Advanced security",                "SLA guarantee",                "Training & onboarding"
@@ -83,24 +83,24 @@ export default function PricingPage() {
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=6"
-          imageAlt="Guesto Platform"
-          logoText="Guesto"
-          copyrightText="© 2025 Guesto. All rights reserved."
+          imageAlt="TRAVELLER.AI Platform"
+          logoText="TRAVELLER.AI"
+          copyrightText="© 2025 TRAVELLER.AI. All rights reserved."
           columns={[
             {
               title: "Product",              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Features", href: "/features" },
+                { label: "Pricing", href: "/pricing" },
                 { label: "Security", href: "#" },
                 { label: "Roadmap", href: "#" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Blog", href: "#" },
                 { label: "Careers", href: "#" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact", href: "/contact" }
               ]
             },
             {
@@ -115,4 +115,4 @@ export default function PricingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000612e6;;
-  --primary-cta: #15479c;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;; */
+  /* --background: #F4F6F9;;
+  --card: #FFFFFF;;
+  --foreground: #1A1A1A;;
+  --primary-cta: #C62828;;
+  --secondary-cta: #1E1E2F;;
+  --accent: #C62828;;
+  --background-accent: #E8E8E8;; */
 
-  --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000612e6;;
-  --primary-cta: #15479c;;
+  --background: #F4F6F9;;
+  --card: #FFFFFF;;
+  --foreground: #1A1A1A;;
+  --primary-cta: #C62828;;
   --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #1E1E2F;;
   --secondary-cta-text: #000612e6;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --accent: #C62828;;
+  --background-accent: #E8E8E8;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);