Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,114 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterCard from "@/components/sections/footer/FooterCard";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Ramnet Solutions"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{
+            text: "Book Now",            href: "/"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <InlineImageSplitTextAbout
+          heading={[
+            { type: "text", content: "About Ramnet Solutions" },
+          ]}
+          buttons={[
+            { text: "Contact Us", href: "/contact" },
+          ]}
+          buttonAnimation="slide-up"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="story" data-section="story">
+        <FeatureCardOne
+          title="Our Story"
+          description="Founded with a mission to make travel and logistics accessible and affordable for everyone"
+          tag="Our Journey"
+          tagAnimation="slide-up"
+          features={[
+            {
+              title: "Our Mission",              description: "To provide convenient, affordable, and reliable travel and logistics services that connect people and places across the nation.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop",              imageAlt: "Our mission"},
+            {
+              title: "Our Vision",              description: "To become the most trusted name in travel and courier services, recognized for excellence in customer service and innovation.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop",              imageAlt: "Our vision"},
+            {
+              title: "Our Values",              description: "Customer first, integrity in business, reliability in service, and continuous innovation to exceed expectations.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop",              imageAlt: "Our values"},
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get In Touch"
+          description="Have questions about our company or services? We'd love to hear from you. Contact us today!"
+          inputs={[
+            {
+              name: "fullname",              type: "text",              placeholder: "Full Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Email Address",              required: true,
+            },
+            {
+              name: "subject",              type: "text",              placeholder: "Subject",              required: true,
+            },
+            {
+              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Your message...",            rows: 5,
+            required: true,
+          }}
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Send Message"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop"
+          imageAlt="Contact us"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Ramnet Solutions"
+          copyrightText="© 2025 Ramnet Solutions. All rights reserved."
+          socialLinks={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/bus-tickets/page.tsx

@@ -0,0 +1,128 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
+import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterCard from "@/components/sections/footer/FooterCard";
+
+export default function BusTicketsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Ramnet Solutions"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{
+            text: "Book Now",            href: "#booking"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroCarouselLogo
+          logoText="BUS TICKETS"
+          description="Comfortable and affordable bus travel across the country. Multiple operators, flexible dates, and convenient online booking."
+          buttons={[
+            { text: "Book a Bus", href: "#booking" },
+            { text: "View Offers", href: "#features" },
+          ]}
+          slides={[
+            {
+              imageSrc: "https://images.unsplash.com/photo-1464220557539-de9999ca138f?w=1200&h=600&fit=crop",              imageAlt: "Travel bus"
+            },
+            {
+              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop",              imageAlt: "Bus highway travel"
+            },
+            {
+              imageSrc: "https://images.unsplash.com/photo-1550355291-bbee04a92027?w=1200&h=600&fit=crop",              imageAlt: "Bus comfort"
+            },
+          ]}
+          autoplayDelay={4000}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Bus Booking Features"
+          description="Enjoy convenient and comfortable long-distance travel"
+          tag="Comfortable Travel"
+          tagAnimation="slide-up"
+          features={[
+            {
+              title: "Multiple Operators",              description: "Choose from various bus operators offering different comfort levels. From standard to premium, find the perfect bus for your journey.",              imageSrc: "https://images.unsplash.com/photo-1464220557539-de9999ca138f?w=600&h=400&fit=crop&_wi=1",              imageAlt: "Bus operators"
+            },
+            {
+              title: "Affordable Rates",              description: "Best prices on bus tickets with special discounts for group bookings and regular travelers. No hidden charges, fully transparent pricing.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop",              imageAlt: "Affordable pricing"
+            },
+            {
+              title: "Easy Cancellation",              description: "Flexible cancellation policy with easy refunds. Change your travel dates or cancel your booking with minimal hassle.",              imageSrc: "https://images.unsplash.com/photo-1550355291-bbee04a92027?w=600&h=400&fit=crop",              imageAlt: "Easy cancellation"
+            },
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="booking" data-section="booking">
+        <ContactSplitForm
+          title="Book Your Bus Ticket"
+          description="Reserve your bus seat with just a few clicks. Fill in your travel details and we'll show you available buses with the best prices."
+          inputs={[
+            {
+              name: "fullname",              type: "text",              placeholder: "Full Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Email Address",              required: true,
+            },
+            {
+              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true,
+            },
+            {
+              name: "passengers",              type: "text",              placeholder: "Number of Passengers",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Departure city, arrival city, travel date, seat preferences, and any special requirements...",            rows: 5,
+            required: true,
+          }}
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Search Buses"
+          imageSrc="https://images.unsplash.com/photo-1464220557539-de9999ca138f?w=600&h=400&fit=crop&_wi=2"
+          imageAlt="Bus booking"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Ramnet Solutions"
+          copyrightText="© 2025 Ramnet Solutions. All rights reserved."
+          socialLinks={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterCard from "@/components/sections/footer/FooterCard";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Ramnet Solutions"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{
+            text: "Book Now",            href: "/"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Contact Us"
+          description="Have questions or need assistance? Fill out the form below and our customer support team will get back to you as soon as possible. We're available 24/7 to help!"
+          inputs={[
+            {
+              name: "fullname",              type: "text",              placeholder: "Full Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Email Address",              required: true,
+            },
+            {
+              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true,
+            },
+            {
+              name: "subject",              type: "text",              placeholder: "Subject/Inquiry Type",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Describe your inquiry in detail. Tell us about your booking issue, question, or feedback...",            rows: 6,
+            required: true,
+          }}
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Submit Inquiry"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop"
+          imageAlt="Customer service"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCTA
+          tag="Ready to Book?"
+          title="Start Your Journey Today"
+          description="Whether you need to book a flight, reserve a bus seat, or send a courier package, Ramnet Solutions is here to help. Book now and enjoy seamless travel and logistics!"
+          buttons={[
+            { text: "Book Flight", href: "/flight-tickets" },
+            { text: "Book Bus", href: "/bus-tickets" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Ramnet Solutions"
+          copyrightText="© 2025 Ramnet Solutions. All rights reserved."
+          socialLinks={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/courier-services/page.tsx

@@ -0,0 +1,125 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
+import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterCard from "@/components/sections/footer/FooterCard";
+
+export default function CourierServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Ramnet Solutions"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{
+            text: "Send Package",            href: "#booking"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroCarouselLogo
+          logoText="COURIER SERVICES"
+          description="Fast, reliable, and secure courier delivery. Real-time tracking, insurance coverage, and doorstep delivery."
+          buttons={[
+            { text: "Send a Package", href: "#booking" },
+            { text: "Track Delivery", href: "#features" },
+          ]}
+          slides={[
+            {
+              imageSrc: "https://images.unsplash.com/photo-1578866078328-1be5e11c0b75?w=1200&h=600&fit=crop",              imageAlt: "Courier delivery"
+            },
+            {
+              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop",              imageAlt: "Package delivery"
+            },
+            {
+              imageSrc: "https://images.unsplash.com/photo-1550355291-bbee04a92027?w=1200&h=600&fit=crop",              imageAlt: "Logistics network"
+            },
+          ]}
+          autoplayDelay={4000}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Courier Service Features"
+          description="Professional and reliable courier solutions for your shipping needs"
+          tag="Fast Delivery"
+          tagAnimation="slide-up"
+          features={[
+            {
+              title: "Real-Time Tracking",              description: "Track your package in real-time from pickup to delivery. Get instant notifications at every step of the delivery process.",              imageSrc: "https://images.unsplash.com/photo-1578866078328-1be5e11c0b75?w=600&h=400&fit=crop",              imageAlt: "Package tracking"},
+            {
+              title: "Insurance Coverage",              description: "Protect your valuable items with our comprehensive insurance coverage. Claims processed quickly and efficiently.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop",              imageAlt: "Insurance coverage"},
+            {
+              title: "Fast Delivery",              description: "Express and standard delivery options. Same-day delivery available in select areas. Door-to-door service for your convenience.",              imageSrc: "https://images.unsplash.com/photo-1550355291-bbee04a92027?w=600&h=400&fit=crop",              imageAlt: "Fast delivery"},
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="booking" data-section="booking">
+        <ContactSplitForm
+          title="Send a Package"
+          description="Enter your shipment details and we'll provide you with competitive pricing and delivery options. Quick, easy, and secure."
+          inputs={[
+            {
+              name: "fullname",              type: "text",              placeholder: "Your Full Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Email Address",              required: true,
+            },
+            {
+              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true,
+            },
+            {
+              name: "package_weight",              type: "text",              placeholder: "Package Weight (kg)",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Pickup location, delivery location, package description, contents value, delivery urgency, and special handling instructions...",            rows: 5,
+            required: true,
+          }}
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Get Quote"
+          imageSrc="https://images.unsplash.com/photo-1578866078328-1be5e11c0b75?w=600&h=400&fit=crop"
+          imageAlt="Courier service"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Ramnet Solutions"
+          copyrightText="© 2025 Ramnet Solutions. All rights reserved."
+          socialLinks={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/flight-tickets/page.tsx

@@ -0,0 +1,125 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
+import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterCard from "@/components/sections/footer/FooterCard";
+
+export default function FlightTicketsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Ramnet Solutions"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{
+            text: "Book Now",            href: "#booking"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroCarouselLogo
+          logoText="FLIGHT TICKETS"
+          description="Book domestic and international flights with Ramnet Solutions. Competitive prices, easy booking, and instant confirmation."
+          buttons={[
+            { text: "Book a Flight", href: "#booking" },
+            { text: "View Offers", href: "#features" },
+          ]}
+          slides={[
+            {
+              imageSrc: "https://images.unsplash.com/photo-1567270671170-fdc10a5bf831?w=1200&h=600&fit=crop",              imageAlt: "Aircraft takeoff"
+            },
+            {
+              imageSrc: "https://images.unsplash.com/photo-1486299267070-83823e5ca538?w=1200&h=600&fit=crop",              imageAlt: "Commercial flight"
+            },
+            {
+              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop",              imageAlt: "Airport terminal"
+            },
+          ]}
+          autoplayDelay={4000}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Flight Booking Features"
+          description="Everything you need for a seamless flight booking experience"
+          tag="Premium Services"
+          tagAnimation="slide-up"
+          features={[
+            {
+              title: "Wide Selection",              description: "Access to hundreds of flights across domestic and international routes. Compare prices and choose the best option for your travel needs.",              imageSrc: "https://images.unsplash.com/photo-1486299267070-83823e5ca538?w=600&h=400&fit=crop",              imageAlt: "Flight selection"},
+            {
+              title: "Competitive Pricing",              description: "Best prices guaranteed with transparent pricing and no hidden charges. Regular discounts and special offers for early bookings.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop",              imageAlt: "Pricing"},
+            {
+              title: "Instant E-Ticket",              description: "Receive your e-ticket immediately upon confirmation. Easy check-in at the airport with your mobile ticket or printed version.",              imageSrc: "https://images.unsplash.com/photo-1550355291-bbee04a92027?w=600&h=400&fit=crop",              imageAlt: "E-ticket service"},
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="booking" data-section="booking">
+        <ContactSplitForm
+          title="Book Your Flight"
+          description="Fill in your flight details and our team will help you find the best options. Submit the form and we'll contact you with available flights and pricing."
+          inputs={[
+            {
+              name: "fullname",              type: "text",              placeholder: "Full Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Email Address",              required: true,
+            },
+            {
+              name: "departure_city",              type: "text",              placeholder: "Departure City",              required: true,
+            },
+            {
+              name: "arrival_city",              type: "text",              placeholder: "Arrival City",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Departure date, return date, number of passengers, preferences, and any special requirements...",            rows: 5,
+            required: true,
+          }}
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Find Flights"
+          imageSrc="https://images.unsplash.com/photo-1567270671170-fdc10a5bf831?w=600&h=400&fit=crop"
+          imageAlt="Flight booking"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Ramnet Solutions"
+          copyrightText="© 2025 Ramnet Solutions. All rights reserved."
+          socialLinks={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -102,7 +102,7 @@ export default function LandingPage() {
       <div id="services" data-section="services">
         <FeatureCardNine
           title="Our Services"
-          description="From personalized itineraries to concierge-level service, we handle every detail of your journey"
+          description="From bespoke itineraries to 24/7 concierge support, we transform your vision into reality—ensuring every moment of your journey is seamless and extraordinary"
           tag="Premium Travel"
           tagAnimation="slide-up"
           showStepNumbers={true}