From 8e33f5066b06d20e393c5aa55d71daff04ea7a0b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 03:56:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 340 ++++++-----------------------------------------
 1 file changed, 38 insertions(+), 302 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6af85e5..f3f0e87 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="SwiftBus"
     />
@@ -55,105 +43,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Your Next Adventure Starts Here"
       description="Welcome to SwiftBus. Please enter your journey details to check schedules, seat availability, and pricing in real-time."
       testimonials={[
-        {
-          name: "Alex Rivers",
-          handle: "@arivers",
-          testimonial: "SwiftBus made my commute so much easier and cheaper than other options.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg?_wi=1",
-          imageAlt: "modern bus station architecture",
-        },
-        {
-          name: "Jamie Lee",
-          handle: "@jlee",
-          testimonial: "I love the real-time seat availability feature. Never worried about being stranded.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg?_wi=1",
-          imageAlt: "modern bus station architecture",
-        },
-        {
-          name: "Sam Taylor",
-          handle: "@staylor",
-          testimonial: "Affordable prices and great timing. Highly recommended for daily travel.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-use-credit-card-pay-online_1421-107.jpg?_wi=1",
-          imageAlt: "modern bus station architecture",
-        },
-        {
-          name: "Morgan West",
-          handle: "@mwest",
-          testimonial: "The user experience is seamless. Booking a seat takes seconds.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-seats-empty-train-germany_181624-26558.jpg?_wi=1",
-          imageAlt: "modern bus station architecture",
-        },
-        {
-          name: "Jordan Smith",
-          handle: "@jsmith",
-          testimonial: "Everything is transparent, from pricing to seat layout. Excellent service.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-cheerful-young-woman-with-smartphone-hand-sitting-street-bench-rejoicing_1258-206033.jpg?_wi=1",
-          imageAlt: "modern bus station architecture",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Booking",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/train-railway-station-covered-with-snow-winter_181624-10439.jpg",
-          alt: "Train in a railway station covered with snow in winter",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-public-transport-composition_23-2148967316.jpg",
-          alt: "High angle public transport composition",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-french-woman-walking-station-take-bus_23-2149353919.jpg",
-          alt: "Young french woman walking to the station to take the bus",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745331.jpg",
-          alt: "Minimalist hallways background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-electronic-led-scoreboard-displaying-game-scores_187299-47404.jpg",
-          alt: "Modern Electronic LED Scoreboard Displaying Game Scores",
-        },
-      ]}
-      avatarText="Trusted by 10,000+ daily commuters"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Real-time Tracking",
-        },
-        {
-          type: "text",
-          text: "Instant Booking",
-        },
-        {
-          type: "text",
-          text: "24/7 Support",
-        },
-        {
-          type: "text",
-          text: "Secure Payments",
-        },
-        {
-          type: "text",
-          text: "Reliable Service",
-        },
+        { name: "Alex Rivers", handle: "@arivers", testimonial: "SwiftBus made my commute so much easier and cheaper than other options.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg", imageAlt: "modern bus station architecture" },
+        { name: "Jamie Lee", handle: "@jlee", testimonial: "I love the real-time seat availability feature. Never worried about being stranded.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg", imageAlt: "modern bus station architecture" },
+        { name: "Sam Taylor", handle: "@staylor", testimonial: "Affordable prices and great timing. Highly recommended for daily travel.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-use-credit-card-pay-online_1421-107.jpg", imageAlt: "modern bus station architecture" },
+        { name: "Morgan West", handle: "@mwest", testimonial: "The user experience is seamless. Booking a seat takes seconds.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-seats-empty-train-germany_181624-26558.jpg", imageAlt: "modern bus station architecture" },
+        { name: "Jordan Smith", handle: "@jsmith", testimonial: "Everything is transparent, from pricing to seat layout. Excellent service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-cheerful-young-woman-with-smartphone-hand-sitting-street-bench-rejoicing_1258-206033.jpg", imageAlt: "modern bus station architecture" }
       ]}
+      buttons={[{ text: "Start Booking", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg"
     />
   </div>
 
@@ -163,21 +64,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Clock,
-          title: "Real-time Timing",
-          description: "Get accurate arrival and departure times instantly.",
-        },
-        {
-          icon: CreditCard,
-          title: "Transparent Pricing",
-          description: "No hidden fees, just affordable travel costs.",
-        },
-        {
-          icon: Star,
-          title: "Seat Selection",
-          description: "Pick your favorite seat with our interactive map.",
-        },
+        { icon: Clock, title: "Real-time Timing", description: "Get accurate arrival and departure times instantly." },
+        { icon: CreditCard, title: "Transparent Pricing", description: "No hidden fees, just affordable travel costs." },
+        { icon: Star, title: "Seat Selection", description: "Pick your favorite seat with our interactive map." }
       ]}
       title="Why Choose SwiftBus?"
       description="We provide the most convenient travel solutions for your daily commutes."
@@ -186,57 +75,13 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardEight
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          badge: "Economy",
-          price: "$15",
-          subtitle: "Budget-friendly travel",
-          buttons: [
-            {
-              text: "Select",
-            },
-          ],
-          features: [
-            "Standard Seat",
-            "AC Included",
-            "Free Wi-Fi",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Business",
-          price: "$30",
-          subtitle: "Luxury commute experience",
-          buttons: [
-            {
-              text: "Select",
-            },
-          ],
-          features: [
-            "Reclining Seat",
-            "Charging Port",
-            "Extra Legroom",
-          ],
-        },
-        {
-          id: "premium",
-          badge: "First Class",
-          price: "$50",
-          subtitle: "The premium journey",
-          buttons: [
-            {
-              text: "Select",
-            },
-          ],
-          features: [
-            "VIP Lounge Access",
-            "Meal Included",
-            "Priority Boarding",
-          ],
-        },
+        { id: "basic", badge: "Economy", price: "$15", subtitle: "Budget-friendly travel", buttons: [{ text: "Select" }], features: ["Standard Seat", "AC Included", "Free Wi-Fi"] },
+        { id: "pro", badge: "Business", price: "$30", subtitle: "Luxury commute experience", buttons: [{ text: "Select" }], features: ["Reclining Seat", "Charging Port", "Extra Legroom"] },
+        { id: "premium", badge: "First Class", price: "$50", subtitle: "The premium journey", buttons: [{ text: "Select" }], features: ["VIP Lounge Access", "Meal Included", "Priority Boarding"] }
       ]}
       title="Affordable Travel Plans"
       description="Choose the pricing model that fits your budget."
@@ -250,34 +95,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "s1",
-          name: "Seat 1A - Window",
-          price: "$15",
-          variant: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg?_wi=2",
-        },
-        {
-          id: "s2",
-          name: "Seat 1B - Aisle",
-          price: "$15",
-          variant: "Booked",
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-use-credit-card-pay-online_1421-107.jpg?_wi=2",
-        },
-        {
-          id: "s3",
-          name: "Seat 2A - Window",
-          price: "$15",
-          variant: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-seats-empty-train-germany_181624-26558.jpg?_wi=2",
-        },
-        {
-          id: "s4",
-          name: "Seat 2B - Aisle",
-          price: "$15",
-          variant: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-bus-driver_23-2151589869.jpg",
-        },
+        { id: "s1", name: "Seat 1A - Window", price: "$15", variant: "Available", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg" },
+        { id: "s2", name: "Seat 1B - Aisle", price: "$15", variant: "Booked", imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-use-credit-card-pay-online_1421-107.jpg" },
+        { id: "s3", name: "Seat 2A - Window", price: "$15", variant: "Available", imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-seats-empty-train-germany_181624-26558.jpg" },
+        { id: "s4", name: "Seat 2B - Aisle", price: "$15", variant: "Available", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-bus-driver_23-2151589869.jpg" }
       ]}
       title="Live Availability"
       description="Check current seat status for your route."
@@ -291,21 +112,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "10K+",
-          description: "Daily Passengers",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          description: "Routes Covered",
-        },
-        {
-          id: "m3",
-          value: "99%",
-          description: "On-time Arrivals",
-        },
+        { id: "m1", value: "10K+", description: "Daily Passengers" },
+        { id: "m2", value: "500+", description: "Routes Covered" },
+        { id: "m3", value: "99%", description: "On-time Arrivals" }
       ]}
       title="SwiftBus by the Numbers"
       description="Trusted by thousands every day."
@@ -318,41 +127,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Alex Rivers",
-          role: "Commuter",
-          testimonial: "Excellent punctuality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-cheerful-young-woman-with-smartphone-hand-sitting-street-bench-rejoicing_1258-206033.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Jamie Lee",
-          role: "Traveler",
-          testimonial: "Very comfortable seats.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-traveler_23-2148938538.jpg",
-        },
-        {
-          id: "3",
-          name: "Sam Taylor",
-          role: "Student",
-          testimonial: "Best pricing in city.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-luggage_23-2148695424.jpg",
-        },
-        {
-          id: "4",
-          name: "Morgan West",
-          role: "Executive",
-          testimonial: "Smooth booking process.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg",
-        },
-        {
-          id: "5",
-          name: "Jordan Smith",
-          role: "Tourist",
-          testimonial: "Friendly staff and clean buses.",
-          imageSrc: "http://img.b2bpic.net/free-photo/back-view-traveler-looking-clock_23-2148228482.jpg",
-        },
+        { id: "1", name: "Alex Rivers", role: "Commuter", testimonial: "Excellent punctuality.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-cheerful-young-woman-with-smartphone-hand-sitting-street-bench-rejoicing_1258-206033.jpg" },
+        { id: "2", name: "Jamie Lee", role: "Traveler", testimonial: "Very comfortable seats.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-traveler_23-2148938538.jpg" },
+        { id: "3", name: "Sam Taylor", role: "Student", testimonial: "Best pricing in city.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-luggage_23-2148695424.jpg" },
+        { id: "4", name: "Morgan West", role: "Executive", testimonial: "Smooth booking process.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg" },
+        { id: "5", name: "Jordan Smith", role: "Tourist", testimonial: "Friendly staff and clean buses.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-traveler-looking-clock_23-2148228482.jpg" }
       ]}
       title="Passenger Stories"
       description="Hear from our happy travelers."
@@ -364,21 +143,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How do I book a ticket?",
-          content: "Enter your route in the contact form, and we will email you the booking link.",
-        },
-        {
-          id: "q2",
-          title: "Can I cancel my ticket?",
-          content: "Yes, cancellations are allowed up to 2 hours before departure.",
-        },
-        {
-          id: "q3",
-          title: "Are there discounts for students?",
-          content: "We offer 10% discount for students with valid IDs.",
-        },
+        { id: "q1", title: "How do I book a ticket?", content: "Enter your route in the contact form, and we will email you the booking link." },
+        { id: "q2", title: "Can I cancel my ticket?", content: "Yes, cancellations are allowed up to 2 hours before departure." },
+        { id: "q3", title: "Are there discounts for students?", content: "We offer 10% discount for students with valid IDs." }
       ]}
       title="Frequently Asked Questions"
       description="Answers to common travel queries."
@@ -389,18 +156,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Inquire"
       title="Book Your Seat Now"
       description="Share your name, origin, destination, and budget to get the best bus schedule and pricing."
-      buttons={[
-        {
-          text: "Submit Details",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Submit Details", href: "#" }]}
     />
   </div>
 
@@ -408,32 +168,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="SwiftBus"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#hero",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Help",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#hero" }, { label: "Careers", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help", href: "#" }] }
       ]}
     />
   </div>
-- 
2.49.1