Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -53,86 +53,63 @@ export default function LandingPage() {
         {
           text: "Request a Quote",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663053.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663053.jpg?w=1200&q=80"
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "https://img.freepik.com/free-photo/young-man-wearing-yellow-jacket-looking-away_23-2148216399.jpg",          alt: "Client 1"},
+          src: "https://img.freepik.com/free-photo/young-man-wearing-yellow-jacket-looking-away_23-2148216399.jpg?w=150&q=80",          alt: "Client 1"},
         {
-          src: "https://img.freepik.com/free-photo/young-woman-wearing-business-suit-looking-smiling_23-2148197171.jpg",          alt: "Client 2"},
+          src: "https://img.freepik.com/free-photo/young-woman-wearing-business-suit-looking-smiling_23-2148197171.jpg?w=150&q=80",          alt: "Client 2"},
         {
-          src: "https://img.freepik.com/free-photo/portrait-successful-businessman-smiling-camera_23-2148216392.jpg",          alt: "Client 3"},
+          src: "https://img.freepik.com/free-photo/portrait-successful-businessman-smiling-camera_23-2148216392.jpg?w=150&q=80",          alt: "Client 3"},
         {
-          src: "https://img.freepik.com/free-photo/confident-business-woman-smiling-office_23-2148216377.jpg",          alt: "Client 4"},
+          src: "https://img.freepik.com/free-photo/confident-business-woman-smiling-office_23-2148216377.jpg?w=150&q=80",          alt: "Client 4"},
         {
-          src: "https://img.freepik.com/free-photo/business-woman-smiling-bright-office_23-2148216355.jpg",          alt: "Client 5"},
+          src: "https://img.freepik.com/free-photo/business-woman-smiling-bright-office_23-2148216355.jpg?w=150&q=80",          alt: "Client 5"},
       ]}
       marqueeItems={[
-        {
+        { type: "text", text: "ISO Certified" },
-          type: "text",          text: "ISO Certified"},
+        { type: "text", text: "24/7 Support" },
-        {
+        { type: "text", text: "Global Coverage" },
-          type: "text",          text: "24/7 Support"},
+        { type: "text", text: "Real-time Tracking" },
-        {
+        { type: "text", text: "Secure Handling" },
-          type: "text",          text: "Global Coverage"},
-        {
-          type: "text",          text: "Real-time Tracking"},
-        {
-          type: "text",          text: "Secure Handling"},
       ]}
     />
   </div>
 
   <div id="services" data-section="services">
       <FeatureCardTen
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
         {
           title: "Freight Forwarding",          description: "Multi-modal transport via air, ocean, and land to reach any destination on time.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg"},
+            imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg?w=800&q=80"},
           items: [
-            {
+            { icon: Plane, text: "Air Cargo" },
-              icon: Plane,
+            { icon: Ship, text: "Ocean Freight" },
-              text: "Air Cargo"},
+            { icon: Truck, text: "Land Transport" },
-            {
-              icon: Ship,
-              text: "Ocean Freight"},
-            {
-              icon: Truck,
-              text: "Land Transport"},
           ],
           reverse: false,
         },
         {
           title: "Smart Warehousing",          description: "Secure, climate-controlled warehousing facilities with 24/7 inventory monitoring and scalability.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-goods-distribution-large-storehouse_342744-1482.jpg"},
+            imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-goods-distribution-large-storehouse_342744-1482.jpg?w=800&q=80"},
           items: [
-            {
+            { icon: Shield, text: "High Security" },
-              icon: Shield,
+            { icon: Database, text: "Real-time Inventory" },
-              text: "High Security"},
+            { icon: Box, text: "Scalable Storage" },
-            {
-              icon: Database,
-              text: "Real-time Inventory"},
-            {
-              icon: Box,
-              text: "Scalable Storage"},
           ],
           reverse: true,
         },
         {
           title: "Last-Mile Delivery",          description: "Fast, reliable final delivery services to ensure your customers get what they need when they need it.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-face-mask_23-2149103431.jpg?_wi=1"},
+            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-face-mask_23-2149103431.jpg?w=800&q=80"},
           items: [
-            {
+            { icon: MapPin, text: "Route Optimization" },
-              icon: MapPin,
+            { icon: Clock, text: "Timed Delivery" },
-              text: "Route Optimization"},
+            { icon: Zap, text: "Express Fulfillment" },
-            {
-              icon: Clock,
-              text: "Timed Delivery"},
-            {
-              icon: Zap,
-              text: "Express Fulfillment"},
           ],
           reverse: false,
         },
@@ -144,12 +121,12 @@ export default function LandingPage() {
 
   <div id="tracking" data-section="tracking">
       <MetricCardEleven
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",          value: "100%",          title: "Shipment Tracking",          description: "Full end-to-end transparency via our digital dashboard.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-storehouse-employee-analyzing-goods-logistics_482257-77538.jpg"},
+          id: "m1",          value: "100%",          title: "Shipment Tracking",          description: "Full end-to-end transparency via our digital dashboard.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-storehouse-employee-analyzing-goods-logistics_482257-77538.jpg?w=800&q=80"},
       ]}
       title="Real-Time Shipment Visibility"
       description="Our proprietary tracking platform provides total control and peace of mind over every shipment in transit."
@@ -158,23 +135,17 @@ export default function LandingPage() {
 
   <div id="industries" data-section="industries">
       <ProductCardOne
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",          name: "Retail Logistics",          price: "Optimized Fulfillment",          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-team-reviewing-goods-packs-organizing-products-boxes-before-retail-store-orders-distribution-diverse-colleagues-working-depot-space-stock-logistics-handheld-shot_482257-72277.jpg?_wi=1"},
+          id: "p1",          name: "Retail Logistics",          price: "Optimized Fulfillment",          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-team-reviewing-goods-packs-organizing-products-boxes-before-retail-store-orders-distribution-diverse-colleagues-working-depot-space-stock-logistics-handheld-shot_482257-72277.jpg?w=600&q=80"},
         {
-          id: "p2",          name: "Manufacturing",          price: "Supply Chain Precision",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16619.jpg?_wi=1"},
+          id: "p2",          name: "Manufacturing",          price: "Supply Chain Precision",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16619.jpg?w=600&q=80"},
         {
-          id: "p3",          name: "Healthcare",          price: "Cold-Chain Integrity",          imageSrc: "http://img.b2bpic.net/free-photo/portable-hand-sanitizer-gel-tubes_53876-176766.jpg"},
+          id: "p3",          name: "Healthcare",          price: "Cold-Chain Integrity",          imageSrc: "http://img.b2bpic.net/free-photo/portable-hand-sanitizer-gel-tubes_53876-176766.jpg?w=600&q=80"},
-        {
-          id: "p4",          name: "E-Commerce",          price: "Fast Delivery",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-face-mask_23-2149103431.jpg?_wi=2"},
-        {
-          id: "p5",          name: "Automotive",          price: "Just-in-Time",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16619.jpg?_wi=2"},
-        {
-          id: "p6",          name: "Consumer Goods",          price: "High Volume",          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-team-reviewing-goods-packs-organizing-products-boxes-before-retail-store-orders-distribution-diverse-colleagues-working-depot-space-stock-logistics-handheld-shot_482257-72277.jpg?_wi=2"},
       ]}
       title="Industries We Serve"
       description="Tailored logistical support designed to meet the rigorous demands of various sectors."
@@ -186,15 +157,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Reliability Driven by Data"
       metrics={[
-        {
+        { icon: Award, label: "Reliability", value: "99.9%" },
-          icon: Award,
+        { icon: TrendingUp, label: "Efficiency", value: "40% Higher" },
-          label: "Reliability",          value: "99.9%"},
+        { icon: Globe, label: "Coverage", value: "150+ Countries" },
-        {
-          icon: TrendingUp,
-          label: "Efficiency",          value: "40% Higher"},
-        {
-          icon: Globe,
-          label: "Coverage",          value: "150+ Countries"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -204,12 +169,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars"}}
+        variant: "sparkles-gradient"}}
       text="Ready to optimize your supply chain? Contact our freight experts today for a custom estimate tailored to your cargo needs."
       buttons={[
         {
           text: "Request a Quote",          href: "#"},
       ]}
+      animationType="reveal-blur"
     />
   </div>
 
@@ -218,26 +184,20 @@ export default function LandingPage() {
       columns={[
         {
           title: "Company",          items: [
-            {
+            { label: "About", href: "#about" },
-              label: "About",              href: "#about"},
+            { label: "Careers", href: "#" },
-            {
-              label: "Careers",              href: "#"},
           ],
         },
         {
           title: "Services",          items: [
-            {
+            { label: "Air Freight", href: "#services" },
-              label: "Air Freight",              href: "#services"},
+            { label: "Warehousing", href: "#services" },
-            {
-              label: "Warehousing",              href: "#services"},
           ],
         },
         {
           title: "Support",          items: [
-            {
+            { label: "Tracking", href: "#tracking" },
-              label: "Tracking",              href: "#tracking"},
+            { label: "Contact", href: "#contact" },
-            {
-              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
@@ -247,4 +207,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5faff;
-  --card: #f9f9f9;
+  --card: #f1f8ff;
-  --foreground: #000612e6;
+  --foreground: #001122;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #E34400;
+  --secondary-cta: #e34400;
   --secondary-cta-text: #ffffff;
-  --accent: #e63946;
+  --accent: #e34400;
-  --background-accent: #c4c4c4;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);