fixes for site

frontend/src/marketing/components/HeroSection.tsx

@@ -16,6 +16,29 @@ const HeroSection: React.FC<HeroSectionProps> = ({
   primaryCta,
   secondaryCta,
 }) => {
+  const renderCta = (cta: { label: string; href: string }, className: string) => {
+    const isExternal = cta.href.startsWith("http");
+    
+    if (isExternal) {
+      return (
+        <a
+          href={cta.href}
+          className={className}
+          target="_blank"
+          rel="noreferrer"
+        >
+          {cta.label}
+        </a>
+      );
+    }
+    
+    return (
+      <Link to={cta.href} className={className}>
+        {cta.label}
+      </Link>
+    );
+  };
+
   return (
     <section className="relative overflow-hidden">
       <div className="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(66,133,244,0.25),_rgba(9,14,26,0.9))]" />
@@ -31,19 +54,13 @@ const HeroSection: React.FC<HeroSectionProps> = ({
             {subheadline}
           </p>
           <div className="flex flex-col sm:flex-row gap-4">
-            <Link
-              to={primaryCta.href}
-              className="inline-flex items-center justify-center rounded-full bg-brand-500 hover:bg-brand-400 px-6 py-3 text-sm md:text-base font-semibold transition"
-            >
-              {primaryCta.label}
-            </Link>
-            {secondaryCta && (
-              <Link
-                to={secondaryCta.href}
-                className="inline-flex items-center justify-center rounded-full border border-white/20 px-6 py-3 text-sm md:text-base font-semibold text-white/80 hover:text-white hover:border-white/40 transition"
-              >
-                {secondaryCta.label}
-              </Link>
+            {renderCta(
+              primaryCta,
+              "inline-flex items-center justify-center rounded-full bg-brand-500 hover:bg-brand-400 px-6 py-3 text-sm md:text-base font-semibold transition"
+            )}
+            {secondaryCta && renderCta(
+              secondaryCta,
+              "inline-flex items-center justify-center rounded-full border border-white/20 px-6 py-3 text-sm md:text-base font-semibold text-white/80 hover:text-white hover:border-white/40 transition"
             )}
           </div>
         </div>

frontend/src/marketing/pages/Tour.tsx

@@ -49,16 +49,16 @@ const Tour: React.FC = () => {
         {tourSteps.map((step, index) => (
           <div
             key={step.title}
-            className={`grid grid-cols-1 lg:grid-cols-2 gap-12 items-center ${index % 2 === 1 ? "lg:flex-row-reverse" : ""}`}
+            className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"
           >
-            <div className="space-y-4">
+            <div className={`space-y-4 ${index % 2 === 1 ? "lg:order-2" : ""}`}>
               <span className="text-xs uppercase tracking-[0.3em] text-white/50">
                 Step {index + 1}
               </span>
               <h3 className="text-2xl font-semibold">{step.title}</h3>
               <p className="text-sm text-white/70 leading-relaxed">{step.description}</p>
             </div>
-            <div className="rounded-3xl border border-white/10 bg-white/5 overflow-hidden">
+            <div className={`rounded-3xl border border-white/10 bg-white/5 overflow-hidden ${index % 2 === 1 ? "lg:order-1" : ""}`}>
               <img
                 src={`/marketing/images/${step.image}`}
                 alt={step.title}